Initial commit
This commit is contained in:
commit
4d21b4705e
32
.gitignore
vendored
Normal file
32
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
.idea/
|
||||||
|
*.log
|
||||||
|
|
||||||
|
### IntelliJ IDEA ###
|
||||||
|
out/
|
||||||
|
!**/src/main/**/out/
|
||||||
|
!**/src/test/**/out/
|
||||||
|
|
||||||
|
### Eclipse ###
|
||||||
|
.apt_generated
|
||||||
|
.classpath
|
||||||
|
.factorypath
|
||||||
|
.project
|
||||||
|
.settings
|
||||||
|
.springBeans
|
||||||
|
.sts4-cache
|
||||||
|
bin/
|
||||||
|
!**/src/main/**/bin/
|
||||||
|
!**/src/test/**/bin/
|
||||||
|
|
||||||
|
### NetBeans ###
|
||||||
|
/nbproject/private/
|
||||||
|
/nbbuild/
|
||||||
|
/dist/
|
||||||
|
/nbdist/
|
||||||
|
/.nb-gradle/
|
||||||
|
|
||||||
|
### VS Code ###
|
||||||
|
.vscode/
|
||||||
|
|
||||||
|
### Mac OS ###
|
||||||
|
.DS_Store
|
||||||
416
.httpd.conf
Normal file
416
.httpd.conf
Normal file
|
|
@ -0,0 +1,416 @@
|
||||||
|
#
|
||||||
|
# This is the main Apache HTTP server configuration file. It contains the
|
||||||
|
# configuration directives that give the server its instructions.
|
||||||
|
# See <URL:http://httpd.apache.org/docs/2.4/> for detailed information.
|
||||||
|
# In particular, see
|
||||||
|
# <URL:http://httpd.apache.org/docs/2.4/mod/directives.html>
|
||||||
|
# for a discussion of each configuration directive.
|
||||||
|
#
|
||||||
|
# Do NOT simply read the instructions in here without understanding
|
||||||
|
# what they do. They're here only as hints or reminders. If you are unsure
|
||||||
|
# consult the online docs. You have been warned.
|
||||||
|
#
|
||||||
|
# Configuration and logfile names: If the filenames you specify for many
|
||||||
|
# of the server's control files begin with "/" (or "drive:/" for Win32), the
|
||||||
|
# server will use that explicit path. If the filenames do *not* begin
|
||||||
|
# with "/", the value of ServerRoot is prepended -- so "logs/access_log"
|
||||||
|
# with ServerRoot set to "/usr/local/apache2" will be interpreted by the
|
||||||
|
# server as "/usr/local/apache2/logs/access_log", whereas "/logs/access_log"
|
||||||
|
# will be interpreted as '/logs/access_log'.
|
||||||
|
|
||||||
|
#
|
||||||
|
# ServerRoot: The top of the directory tree under which the server's
|
||||||
|
# configuration, error, and log files are kept.
|
||||||
|
#
|
||||||
|
# Do not add a slash at the end of the directory path. If you point
|
||||||
|
# ServerRoot at a non-local disk, be sure to specify a local disk on the
|
||||||
|
# Mutex directive, if file-based mutexes are used. If you wish to share the
|
||||||
|
# same ServerRoot for multiple httpd daemons, you will need to change at
|
||||||
|
# least PidFile.
|
||||||
|
#
|
||||||
|
ServerRoot "/etc/httpd"
|
||||||
|
|
||||||
|
#
|
||||||
|
# Dynamic Shared Object (DSO) Support
|
||||||
|
#
|
||||||
|
# To be able to use the functionality of a module which was built as a DSO you
|
||||||
|
# have to place corresponding `LoadModule' lines at this location so the
|
||||||
|
# directives contained in it are actually available _before_ they are used.
|
||||||
|
# Statically compiled modules (those listed by `httpd -l') do not need
|
||||||
|
# to be loaded here.
|
||||||
|
#
|
||||||
|
# Example:
|
||||||
|
# LoadModule foo_module modules/mod_foo.so
|
||||||
|
LoadModule mpm_prefork_module /usr/lib/httpd/modules/mod_mpm_prefork.so
|
||||||
|
LoadModule unixd_module /usr/lib/httpd/modules/mod_unixd.so
|
||||||
|
LoadModule authz_core_module /usr/lib/httpd/modules/mod_authz_core.so
|
||||||
|
LoadModule authz_host_module /usr/lib/httpd/modules/mod_authz_host.so
|
||||||
|
LoadModule authz_user_module /usr/lib/httpd/modules/mod_authz_user.so
|
||||||
|
LoadModule alias_module /usr/lib/httpd/modules/mod_alias.so
|
||||||
|
LoadModule dir_module /usr/lib/httpd/modules/mod_dir.so
|
||||||
|
LoadModule mime_module /usr/lib/httpd/modules/mod_mime.so
|
||||||
|
LoadModule log_config_module /usr/lib/httpd/modules/mod_log_config.so
|
||||||
|
LoadModule headers_module /usr/lib/httpd/modules/mod_headers.so
|
||||||
|
LoadModule setenvif_module /usr/lib/httpd/modules/mod_setenvif.so
|
||||||
|
LoadModule cgi_module /usr/lib/httpd/modules/mod_cgi.so
|
||||||
|
LoadModule proxy_module /usr/lib/httpd/modules/mod_proxy.so
|
||||||
|
LoadModule proxy_fcgi_module /usr/lib/httpd/modules/mod_proxy_fcgi.so
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
# Third party modules
|
||||||
|
#IncludeOptional etc/apache24/modules.d/[0-9][0-9][0-9]_*.conf
|
||||||
|
|
||||||
|
<IfModule unixd_module>
|
||||||
|
#
|
||||||
|
# If you wish httpd to run as a different user or group, you must run
|
||||||
|
# httpd as root initially and it will switch.
|
||||||
|
#
|
||||||
|
# User/Group: The name (or #number) of the user/group to run httpd as.
|
||||||
|
# It is usually good practice to create a dedicated user and group for
|
||||||
|
# running httpd, as with most system services.
|
||||||
|
#
|
||||||
|
User sanspie
|
||||||
|
Group sanspie
|
||||||
|
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
# 'Main' server configuration
|
||||||
|
#
|
||||||
|
# The directives in this section set up the values used by the 'main'
|
||||||
|
# server, which responds to any requests that aren't handled by a
|
||||||
|
# <VirtualHost> definition. These values also provide defaults for
|
||||||
|
# any <VirtualHost> containers you may define later in the file.
|
||||||
|
#
|
||||||
|
# All of these directives may appear inside <VirtualHost> containers,
|
||||||
|
# in which case these default settings will be overridden for the
|
||||||
|
# virtual host being defined.
|
||||||
|
#
|
||||||
|
|
||||||
|
#
|
||||||
|
# ServerAdmin: Your address, where problems with the server should be
|
||||||
|
# e-mailed. This address appears on some server-generated pages, such
|
||||||
|
# as error documents. e.g. admin@your-domain.com
|
||||||
|
#
|
||||||
|
ServerAdmin you@example.com
|
||||||
|
|
||||||
|
#
|
||||||
|
# ServerName gives the name and port that the server uses to identify itself.
|
||||||
|
# This can often be determined automatically, but we recommend you specify
|
||||||
|
# it explicitly to prevent problems during startup.
|
||||||
|
#
|
||||||
|
# If your host doesn't have a registered DNS name, enter its IP address here.
|
||||||
|
#
|
||||||
|
ServerName localhost
|
||||||
|
|
||||||
|
#
|
||||||
|
# Deny access to the entirety of your server's filesystem. You must
|
||||||
|
# explicitly permit access to web content directories in other
|
||||||
|
# <Directory> blocks below.
|
||||||
|
#
|
||||||
|
<Directory />
|
||||||
|
AllowOverride none
|
||||||
|
Require all denied
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
#
|
||||||
|
# Note that from this point forward you must specifically allow
|
||||||
|
# particular features to be enabled - so if something's not working as
|
||||||
|
# you might expect, make sure that you have specifically enabled it
|
||||||
|
# below.
|
||||||
|
#
|
||||||
|
|
||||||
|
#
|
||||||
|
# DocumentRoot: The directory out of which you will serve your
|
||||||
|
# documents. By default, all requests are taken from this directory, but
|
||||||
|
# symbolic links and aliases may be used to point to other locations.
|
||||||
|
|
||||||
|
#
|
||||||
|
# DirectoryIndex: sets the file that Apache will serve if a directory
|
||||||
|
# is requested.
|
||||||
|
#
|
||||||
|
<IfModule dir_module>
|
||||||
|
DirectoryIndex app.jar index.html
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
#
|
||||||
|
# The following lines prevent .htaccess and .htpasswd files from being
|
||||||
|
# viewed by Web clients.
|
||||||
|
#
|
||||||
|
<Files ".ht*">
|
||||||
|
Require all denied
|
||||||
|
</Files>
|
||||||
|
|
||||||
|
#
|
||||||
|
# LogLevel: Control the number of messages logged to the error_log.
|
||||||
|
# Possible values include: debug, info, notice, warn, error, crit,
|
||||||
|
# alert, emerg.
|
||||||
|
#
|
||||||
|
LogLevel warn
|
||||||
|
|
||||||
|
<IfModule log_config_module>
|
||||||
|
#
|
||||||
|
# The following directives define some format nicknames for use with
|
||||||
|
# a CustomLog directive (see below).
|
||||||
|
#
|
||||||
|
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined
|
||||||
|
LogFormat "%h %l %u %t \"%r\" %>s %b" common
|
||||||
|
|
||||||
|
<IfModule logio_module>
|
||||||
|
# You need to enable mod_logio.c to use %I and %O
|
||||||
|
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
#
|
||||||
|
# The location and format of the access logfile (Common Logfile Format).
|
||||||
|
# If you do not define any access logfiles within a <VirtualHost>
|
||||||
|
# container, they will be logged here. Contrariwise, if you *do*
|
||||||
|
# define per-<VirtualHost> access logfiles, transactions will be
|
||||||
|
# logged therein and *not* in this file.
|
||||||
|
#
|
||||||
|
#CustomLog "/var/log/httpd/access.log" combined
|
||||||
|
CustomLog "/home/sanspie/Projects/web-1/web/access.log" combined
|
||||||
|
|
||||||
|
#
|
||||||
|
# If you prefer a logfile with access, agent, and referer information
|
||||||
|
# (Combined Logfile Format) you can use the following directive.
|
||||||
|
#
|
||||||
|
#CustomLog "/var/log/httpd-access.log" combined
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule alias_module>
|
||||||
|
#
|
||||||
|
# Redirect: Allows you to tell clients about documents that used to
|
||||||
|
# exist in your server's namespace, but do not anymore. The client
|
||||||
|
# will make a new request for the document at its new location.
|
||||||
|
# Example:
|
||||||
|
# Redirect permanent /foo http://www.example.com/bar
|
||||||
|
|
||||||
|
#
|
||||||
|
# Alias: Maps web paths into filesystem paths and is used to
|
||||||
|
# access content that does not live under the DocumentRoot.
|
||||||
|
# Example:
|
||||||
|
# Alias /webpath /full/filesystem/path
|
||||||
|
#
|
||||||
|
# If you include a trailing / on /webpath then the server will
|
||||||
|
# require it to be present in the URL. You will also likely
|
||||||
|
# need to provide a <Directory> section to allow access to
|
||||||
|
# the filesystem path.
|
||||||
|
|
||||||
|
#
|
||||||
|
# ScriptAlias: This controls which directories contain server scripts.
|
||||||
|
# ScriptAliases are essentially the same as Aliases, except that
|
||||||
|
# documents in the target directory are treated as applications and
|
||||||
|
# run by the server when requested rather than as documents sent to the
|
||||||
|
# client. The same rules about trailing "/" apply to ScriptAlias
|
||||||
|
# directives as to Alias.
|
||||||
|
#
|
||||||
|
ScriptAlias /cgi-bin/ "/usr/local/www/apache24/cgi-bin/"
|
||||||
|
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule cgid_module>
|
||||||
|
#
|
||||||
|
# ScriptSock: On threaded servers, designate the path to the UNIX
|
||||||
|
# socket used to communicate with the CGI daemon of mod_cgid.
|
||||||
|
#
|
||||||
|
#Scriptsock cgisock
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
#
|
||||||
|
# "/usr/local/www/apache24/cgi-bin" should be changed to whatever your ScriptAliased
|
||||||
|
# CGI directory exists, if you have that configured.
|
||||||
|
#
|
||||||
|
<Directory "/usr/local/www/apache24/cgi-bin">
|
||||||
|
AllowOverride None
|
||||||
|
Options None
|
||||||
|
Require all granted
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
<IfModule headers_module>
|
||||||
|
#
|
||||||
|
# Avoid passing HTTP_PROXY environment to CGI's on this or any proxied
|
||||||
|
# backend servers which have lingering "httpoxy" defects.
|
||||||
|
# 'Proxy' request header is undefined by the IETF, not listed by IANA
|
||||||
|
#
|
||||||
|
RequestHeader unset Proxy early
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule mime_module>
|
||||||
|
#
|
||||||
|
# TypesConfig points to the file containing the list of mappings from
|
||||||
|
# filename extension to MIME-type.
|
||||||
|
#
|
||||||
|
TypesConfig /etc/mime.types
|
||||||
|
|
||||||
|
|
||||||
|
#
|
||||||
|
# AddType allows you to add to or override the MIME configuration
|
||||||
|
# file specified in TypesConfig for specific file types.
|
||||||
|
#
|
||||||
|
#AddType application/x-gzip .tgz
|
||||||
|
#
|
||||||
|
# AddEncoding allows you to have certain browsers uncompress
|
||||||
|
# information on the fly. Note: Not all browsers support this.
|
||||||
|
#
|
||||||
|
#AddEncoding x-compress .Z
|
||||||
|
#AddEncoding x-gzip .gz .tgz
|
||||||
|
#
|
||||||
|
# If the AddEncoding directives above are commented-out, then you
|
||||||
|
# probably should define those extensions to indicate media types:
|
||||||
|
#
|
||||||
|
AddType application/x-compress .Z
|
||||||
|
AddType application/x-gzip .gz .tgz
|
||||||
|
|
||||||
|
#
|
||||||
|
# AddHandler allows you to map certain file extensions to "handlers":
|
||||||
|
# actions unrelated to filetype. These can be either built into the server
|
||||||
|
# or added with the Action directive (see below)
|
||||||
|
#
|
||||||
|
# To use CGI scripts outside of ScriptAliased directories:
|
||||||
|
# (You will also need to add "ExecCGI" to the "Options" directive.)
|
||||||
|
#
|
||||||
|
#AddHandler cgi-script .cgi
|
||||||
|
|
||||||
|
# For type maps (negotiated resources):
|
||||||
|
#AddHandler type-map var
|
||||||
|
|
||||||
|
#
|
||||||
|
# Filters allow you to process content before it is sent to the client.
|
||||||
|
#
|
||||||
|
# To parse .shtml files for server-side includes (SSI):
|
||||||
|
# (You will also need to add "Includes" to the "Options" directive.)
|
||||||
|
#
|
||||||
|
#AddType text/html .shtml
|
||||||
|
#AddOutputFilter INCLUDES .shtml
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
#
|
||||||
|
# The mod_mime_magic module allows the server to use various hints from the
|
||||||
|
# contents of the file itself to determine its type. The MIMEMagicFile
|
||||||
|
# directive tells the module where the hint definitions are located.
|
||||||
|
#
|
||||||
|
#MIMEMagicFile etc/apache24/magic
|
||||||
|
|
||||||
|
#
|
||||||
|
# Customizable error responses come in three flavors:
|
||||||
|
# 1) plain text 2) local redirects 3) external redirects
|
||||||
|
#
|
||||||
|
# Some examples:
|
||||||
|
#ErrorDocument 500 "The server made a boo boo."
|
||||||
|
#ErrorDocument 404 /missing.html
|
||||||
|
#ErrorDocument 404 "/cgi-bin/missing_handler.pl"
|
||||||
|
#ErrorDocument 402 http://www.example.com/subscription_info.html
|
||||||
|
#
|
||||||
|
|
||||||
|
#
|
||||||
|
# MaxRanges: Maximum number of Ranges in a request before
|
||||||
|
# returning the entire resource, or one of the special
|
||||||
|
# values 'default', 'none' or 'unlimited'.
|
||||||
|
# Default setting is to accept 200 Ranges.
|
||||||
|
#MaxRanges unlimited
|
||||||
|
|
||||||
|
#
|
||||||
|
# EnableMMAP and EnableSendfile: On systems that support it,
|
||||||
|
# memory-mapping or the sendfile syscall may be used to deliver
|
||||||
|
# files. This usually improves server performance, but must
|
||||||
|
# be turned off when serving from networked-mounted
|
||||||
|
# filesystems or if support for these functions is otherwise
|
||||||
|
# broken on your system.
|
||||||
|
# Defaults: EnableMMAP On, EnableSendfile Off
|
||||||
|
#
|
||||||
|
#EnableMMAP off
|
||||||
|
#EnableSendfile on
|
||||||
|
|
||||||
|
# Supplemental configuration
|
||||||
|
#
|
||||||
|
# The configuration files in the etc/apache24/extra/ directory can be
|
||||||
|
# included to add extra features or to modify the default configuration of
|
||||||
|
# the server, or you may simply copy their contents here and change as
|
||||||
|
# necessary.
|
||||||
|
|
||||||
|
# Server-pool management (MPM specific)
|
||||||
|
#Include etc/apache24/extra/httpd-mpm.conf
|
||||||
|
|
||||||
|
# Multi-language error messages
|
||||||
|
#Include etc/apache24/extra/httpd-multilang-errordoc.conf
|
||||||
|
|
||||||
|
# Fancy directory listings
|
||||||
|
#Include etc/apache24/extra/httpd-autoindex.conf
|
||||||
|
|
||||||
|
# Language settings
|
||||||
|
#Include etc/apache24/extra/httpd-languages.conf
|
||||||
|
|
||||||
|
# User home directories
|
||||||
|
#Include etc/apache24/extra/httpd-userdir.conf
|
||||||
|
|
||||||
|
# Real-time info on requests and configuration
|
||||||
|
#Include etc/apache24/extra/httpd-info.conf
|
||||||
|
|
||||||
|
# Virtual hosts
|
||||||
|
#Include etc/apache24/extra/httpd-vhosts.conf
|
||||||
|
|
||||||
|
# Local access to the Apache HTTP Server Manual
|
||||||
|
#Include etc/apache24/extra/httpd-manual.conf
|
||||||
|
|
||||||
|
# Distributed authoring and versioning (WebDAV)
|
||||||
|
#Include etc/apache24/extra/httpd-dav.conf
|
||||||
|
|
||||||
|
# Various default settings
|
||||||
|
#Include etc/apache24/extra/httpd-default.conf
|
||||||
|
|
||||||
|
# Configure mod_proxy_html to understand HTML4/XHTML1
|
||||||
|
<IfModule proxy_html_module>
|
||||||
|
Include etc/apache24/extra/proxy-html.conf
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
# Secure (SSL/TLS) connections
|
||||||
|
#Include etc/apache24/extra/httpd-ssl.conf
|
||||||
|
#
|
||||||
|
# Note: The following must must be present to support
|
||||||
|
# starting without SSL on platforms with no /dev/random equivalent
|
||||||
|
# but a statically compiled-in mod_ssl.
|
||||||
|
#
|
||||||
|
<IfModule ssl_module>
|
||||||
|
SSLRandomSeed startup builtin
|
||||||
|
SSLRandomSeed connect builtin
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
AcceptFilter http none
|
||||||
|
AcceptFilter https none
|
||||||
|
|
||||||
|
# Custom settings
|
||||||
|
|
||||||
|
Listen 22828
|
||||||
|
|
||||||
|
ErrorLog "/home/sanspie/Projects/web-1/web/error.log"
|
||||||
|
PidFile "/home/sanspie/Projects/web-1/web/httpd.pid"
|
||||||
|
|
||||||
|
Mutex default:/home/sanspie/Projects/web-1/web
|
||||||
|
|
||||||
|
<VirtualHost *:22828>
|
||||||
|
ServerName localhost
|
||||||
|
DocumentRoot "/home/sanspie/Projects/web-1/web"
|
||||||
|
|
||||||
|
<Directory "/home/sanspie/Projects/web-1/web">
|
||||||
|
Options +Indexes
|
||||||
|
AllowOverride None
|
||||||
|
Require all granted
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
# Remove or comment out the old FastCGI directives
|
||||||
|
# ScriptAlias /fcgi-bin/ /home/sanspie/Projects/web-1/out/artifacts/web_1_jar/
|
||||||
|
# <Location "/fcgi-bin/">
|
||||||
|
# SetHandler fastcgi-script
|
||||||
|
# Options +ExecCGI
|
||||||
|
# Require all granted
|
||||||
|
# </Location>
|
||||||
|
# FastCgiExternalServer /home/sanspie/Projects/web-1/out/artifacts/web_1_jar/web-1.jar -host localhost:22829
|
||||||
|
|
||||||
|
# Add ProxyPassMatch directive to handle FastCGI
|
||||||
|
ProxyPassMatch ^/fcgi-bin/(.*)$ fcgi://localhost:22829/home/sanspie/Projects/web-1/out/artifacts/web_1_jar/$1
|
||||||
|
|
||||||
|
# Ensure logging is set up
|
||||||
|
ErrorLog "/home/sanspie/Projects/web-1/web/error.log"
|
||||||
|
CustomLog "/home/sanspie/Projects/web-1/web/access.log" combined
|
||||||
|
</VirtualHost>
|
||||||
45
README.md
Normal file
45
README.md
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
|
||||||
|
|
||||||
|
Внимание! У разных вариантов разный текст задания!
|
||||||
|
|
||||||
|
Разработать FastCGI сервер на языке Java, определяющий попадание точки на координатной плоскости в заданную область, и создать HTML-страницу, которая формирует данные для отправки их на обработку этому серверу.
|
||||||
|
|
||||||
|
Параметр R и координаты точки должны передаваться серверу посредством HTTP-запроса. Сервер должен выполнять валидацию данных и возвращать HTML-страницу с таблицей, содержащей полученные параметры и результат вычислений - факт попадания или непопадания точки в область (допускается в ответе сервера возвращать json строку, вместо html-страницы). Предыдущие результаты должны сохраняться между запросами и отображаться в таблице.
|
||||||
|
|
||||||
|
Кроме того, ответ должен содержать данные о текущем времени и времени работы скрипта.
|
||||||
|
Комментарии по выполнению ЛР:
|
||||||
|
|
||||||
|
Требуется поднять Apache httpd веб-сервер от лица своего пользователя на гелиосе (шаблон файла конфигурации доступен для скачивания наверху страницы)
|
||||||
|
Веб-сервер должен заниматься обслуживанием статического контента (html, css, js) и перенаправлять запросы за динамическим контентом к FastCGI серверу
|
||||||
|
FastCGI сервер требуется реализовать на языке Java (полезная библиотека в помощь в виде jar архива доступна для скачивания наверху страницы) и поднять также на гелиосе
|
||||||
|
Путем обращений из JavaScript к FastCGI серверу требуется показать понимание принципа AJAX
|
||||||
|
|
||||||
|
Разработанная HTML-страница должна удовлетворять следующим требованиям:
|
||||||
|
|
||||||
|
Для расположения текстовых и графических элементов необходимо использовать блочную верстку.
|
||||||
|
Данные формы должны передаваться на обработку посредством GET-запроса.
|
||||||
|
Таблицы стилей должны располагаться в самом веб-документе.
|
||||||
|
При работе с CSS должно быть продемонстрировано использование селекторов элементов, селекторов атрибутов, селекторов классов, селекторов идентификаторов а также такие свойства стилей CSS, как наследование и каскадирование.
|
||||||
|
HTML-страница должна иметь "шапку", содержащую ФИО студента, номер группы и новер варианта. При оформлении шапки необходимо явным образом задать шрифт (fantasy), его цвет и размер в каскадной таблице стилей.
|
||||||
|
Отступы элементов ввода должны задаваться в процентах.
|
||||||
|
Страница должна содержать сценарий на языке JavaScript, осуществляющий валидацию значений, вводимых пользователем в поля формы. Любые некорректные значения (например, буквы в координатах точки или отрицательный радиус) должны блокироваться.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Вопросы к защите лабораторной работы:
|
||||||
|
|
||||||
|
Протокол HTTP. Структура запросов и ответов, методы запросов, коды ответов сервера, заголовки запросов и ответов.
|
||||||
|
Язык разметки HTML. Особенности, основные теги и атрибуты тегов.
|
||||||
|
Структура HTML-страницы. Объектная модель документа (DOM).
|
||||||
|
HTML-формы. Задание метода HTTP-запроса. Правила размещения форм на страницах, виды полей ввода.
|
||||||
|
Каскадные таблицы стилей (CSS). Структура - правила, селекторы. Виды селекторов, особенности их применения. Приоритеты правил. Преимущества CSS перед непосредственным заданием стилей через атрибуты тегов.
|
||||||
|
LESS, Sass, SCSS. Ключевые особенности, сравнительные характеристики. Совместимость с браузерами, трансляция в "обычный" CSS.
|
||||||
|
Клиентские сценарии. Особенности, сферы применения. Язык JavaScript.
|
||||||
|
Версии ECMAScript, новые возможности ES6 и ES7.
|
||||||
|
Синхронная и асинхронная обработка HTTP-запросов. AJAX.
|
||||||
|
Библиотека jQuery. Назначение, основные API. Использование для реализации AJAX и работы с DOM.
|
||||||
|
Реализация AJAX с помощью SuperAgent.
|
||||||
|
Серверные сценарии. CGI - определение, назначение, ключевые особенности.
|
||||||
|
FastCGI - особенности технологии, преимущества и недостатки относительно CGI.
|
||||||
|
FastCGI сервер на языке Java.
|
||||||
|
|
||||||
BIN
bin/web-1.jar
Normal file
BIN
bin/web-1.jar
Normal file
Binary file not shown.
113
httpd.conf
Normal file
113
httpd.conf
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
ServerRoot "/usr/local"
|
||||||
|
|
||||||
|
LoadModule authn_file_module libexec/apache24/mod_authn_file.so
|
||||||
|
LoadModule authn_core_module libexec/apache24/mod_authn_core.so
|
||||||
|
LoadModule authz_host_module libexec/apache24/mod_authz_host.so
|
||||||
|
LoadModule authz_groupfile_module libexec/apache24/mod_authz_groupfile.so
|
||||||
|
LoadModule authz_user_module libexec/apache24/mod_authz_user.so
|
||||||
|
LoadModule authz_core_module libexec/apache24/mod_authz_core.so
|
||||||
|
LoadModule access_compat_module libexec/apache24/mod_access_compat.so
|
||||||
|
LoadModule auth_basic_module libexec/apache24/mod_auth_basic.so
|
||||||
|
LoadModule reqtimeout_module libexec/apache24/mod_reqtimeout.so
|
||||||
|
LoadModule filter_module libexec/apache24/mod_filter.so
|
||||||
|
LoadModule mime_module libexec/apache24/mod_mime.so
|
||||||
|
LoadModule log_config_module libexec/apache24/mod_log_config.so
|
||||||
|
LoadModule env_module libexec/apache24/mod_env.so
|
||||||
|
LoadModule headers_module libexec/apache24/mod_headers.so
|
||||||
|
LoadModule setenvif_module libexec/apache24/mod_setenvif.so
|
||||||
|
LoadModule version_module libexec/apache24/mod_version.so
|
||||||
|
LoadModule ssl_module libexec/apache24/mod_ssl.so
|
||||||
|
LoadModule unixd_module libexec/apache24/mod_unixd.so
|
||||||
|
LoadModule status_module libexec/apache24/mod_status.so
|
||||||
|
LoadModule autoindex_module libexec/apache24/mod_autoindex.so
|
||||||
|
LoadModule dir_module libexec/apache24/mod_dir.so
|
||||||
|
LoadModule alias_module libexec/apache24/mod_alias.so
|
||||||
|
LoadModule fastcgi_module libexec/apache24/mod_fastcgi.so
|
||||||
|
|
||||||
|
<IfModule unixd_module>
|
||||||
|
User www
|
||||||
|
Group www
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
ServerAdmin you@example.com
|
||||||
|
ServerName localhost:38141
|
||||||
|
|
||||||
|
<Directory />
|
||||||
|
AllowOverride none
|
||||||
|
Require all denied
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
DocumentRoot "/path/to/your/web-1/web"
|
||||||
|
<Directory "/path/to/your/web-1/web">
|
||||||
|
Options Indexes FollowSymLinks
|
||||||
|
AllowOverride None
|
||||||
|
Require all granted
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
<IfModule dir_module>
|
||||||
|
DirectoryIndex index.html
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<Files ".ht*">
|
||||||
|
Require all denied
|
||||||
|
</Files>
|
||||||
|
|
||||||
|
ErrorLog "/path/to/your/web-1/error.log"
|
||||||
|
LogLevel warn
|
||||||
|
|
||||||
|
<IfModule log_config_module>
|
||||||
|
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined
|
||||||
|
LogFormat "%h %l %u %t \"%r\" %>s %b" common
|
||||||
|
<IfModule logio_module>
|
||||||
|
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio
|
||||||
|
</IfModule>
|
||||||
|
CustomLog "/path/to/your/web-1/access.log" combined
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule alias_module>
|
||||||
|
ScriptAlias /cgi-bin/ "/usr/local/www/apache24/cgi-bin/"
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule mime_module>
|
||||||
|
TypesConfig etc/apache24/mime.types
|
||||||
|
AddType application/x-compress .Z
|
||||||
|
AddType application/x-gzip .gz .tgz
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule proxy_html_module>
|
||||||
|
Include etc/apache24/extra/proxy-html.conf
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
<IfModule ssl_module>
|
||||||
|
SSLRandomSeed startup builtin
|
||||||
|
SSLRandomSeed connect builtin
|
||||||
|
</IfModule>
|
||||||
|
|
||||||
|
Include etc/apache24/extra/httpd-vhosts.conf
|
||||||
|
|
||||||
|
Listen 38141
|
||||||
|
|
||||||
|
PidFile "/path/to/your/web-1/httpd.pid"
|
||||||
|
|
||||||
|
Mutex default:/path/to/your/web-1/mutex-dir/
|
||||||
|
|
||||||
|
<VirtualHost *:38141>
|
||||||
|
ServerName localhost
|
||||||
|
DocumentRoot /path/to/your/web-1/web
|
||||||
|
Alias /index "/path/to/your/web-1/web"
|
||||||
|
<Directory "/path/to/your/web-1/web">
|
||||||
|
Options +Indexes
|
||||||
|
AllowOverride None
|
||||||
|
Require all granted
|
||||||
|
</Directory>
|
||||||
|
|
||||||
|
ScriptAlias /fcgi-bin/ /path/to/your/web-1/out/artifacts/web_1_jar/
|
||||||
|
|
||||||
|
<Location "/fcgi-bin/">
|
||||||
|
SetHandler fastcgi-script
|
||||||
|
Options +ExecCGI
|
||||||
|
Require all granted
|
||||||
|
</Location>
|
||||||
|
|
||||||
|
FastCgiExternalServer /path/to/your/web-1/out/artifacts/web_1_jar/app.jar -host localhost:35473
|
||||||
|
</VirtualHost>
|
||||||
BIN
lib/fastcgi-lib.jar
Normal file
BIN
lib/fastcgi-lib.jar
Normal file
Binary file not shown.
BIN
src/main/java/Checker.class
Normal file
BIN
src/main/java/Checker.class
Normal file
Binary file not shown.
20
src/main/java/Checker.java
Normal file
20
src/main/java/Checker.java
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
public class Checker {
|
||||||
|
public static boolean hit(int x, float y, float r) {
|
||||||
|
return inRect(x, y, r) || inTriangle(x, y, r) || inCircle(x, y, r);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Rectangle (Top-left quadrant)
|
||||||
|
private static boolean inRect(int x, float y, float r) {
|
||||||
|
return x >= -r / 2 && x <= 0 && y >= 0 && y <= r; // x from -R/2 to 0, y from 0 to R
|
||||||
|
}
|
||||||
|
|
||||||
|
// Triangle (Bottom-left quadrant)
|
||||||
|
private static boolean inTriangle(int x, float y, float r) {
|
||||||
|
return x >= -r && x <= 0 && y <= 0 && y >= -r / 2 && (y >= (x + r) / 2); // x from -R to 0, y from -R/2 to 0
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quarter Circle (Top-right quadrant)
|
||||||
|
private static boolean inCircle(int x, float y, float r) {
|
||||||
|
return x >= 0 && y >= 0 && (Math.pow(x, 2) + Math.pow(y, 2)) <= Math.pow(r, 2); // x and y from 0 to R (R as radius)
|
||||||
|
}
|
||||||
|
}
|
||||||
3
src/main/java/META-INF/MANIFEST.MF
Normal file
3
src/main/java/META-INF/MANIFEST.MF
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
Manifest-Version: 1.0
|
||||||
|
Main-Class: PointCheckerServer
|
||||||
|
|
||||||
22
src/main/java/Params.java
Normal file
22
src/main/java/Params.java
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
import java.net.URLDecoder;
|
||||||
|
import java.nio.charset.StandardCharsets;
|
||||||
|
import java.util.HashMap;
|
||||||
|
import java.util.Map;
|
||||||
|
|
||||||
|
public class Params {
|
||||||
|
public static Map<String, String> parse(String data) {
|
||||||
|
Map<String, String> params = new HashMap<>();
|
||||||
|
if (data == null || data.isEmpty()) {
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
String[] pairs = data.split("&");
|
||||||
|
for (String pair : pairs) {
|
||||||
|
String[] kv = pair.split("=", 2);
|
||||||
|
String key = URLDecoder.decode(kv[0], StandardCharsets.UTF_8);
|
||||||
|
String value = kv.length > 1 ? URLDecoder.decode(kv[1], StandardCharsets.UTF_8) : "";
|
||||||
|
params.put(key, value);
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
90
src/main/java/PointCheckerServer.java
Normal file
90
src/main/java/PointCheckerServer.java
Normal file
|
|
@ -0,0 +1,90 @@
|
||||||
|
import com.fastcgi.FCGIInterface;
|
||||||
|
|
||||||
|
import java.io.IOException;
|
||||||
|
import java.nio.charset.StandardCharsets;
|
||||||
|
import java.util.HashMap;
|
||||||
|
import java.util.Map;
|
||||||
|
import java.io.BufferedReader;
|
||||||
|
import java.io.InputStreamReader;
|
||||||
|
import java.time.Instant;
|
||||||
|
import java.time.Duration;
|
||||||
|
|
||||||
|
public class PointCheckerServer {
|
||||||
|
private static final String RESPONSE_TEMPLATE = """
|
||||||
|
Content-Type: application/json\r
|
||||||
|
Content-Length: %d\r
|
||||||
|
\r
|
||||||
|
%s""";
|
||||||
|
|
||||||
|
public static void main(String[] args) {
|
||||||
|
while (new FCGIInterface().FCGIaccept() >= 0) {
|
||||||
|
Instant startTime = Instant.now(); // Start timing
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Existing code to handle request
|
||||||
|
String method = FCGIInterface.request.params.getProperty("REQUEST_METHOD");
|
||||||
|
Map<String, String> params;
|
||||||
|
|
||||||
|
if ("GET".equalsIgnoreCase(method)) {
|
||||||
|
String queryString = FCGIInterface.request.params.getProperty("QUERY_STRING");
|
||||||
|
params = parseParams(queryString);
|
||||||
|
} else if ("POST".equalsIgnoreCase(method)) {
|
||||||
|
String contentLengthStr = FCGIInterface.request.params.getProperty("CONTENT_LENGTH");
|
||||||
|
String postDataStr = getPostDataStr(contentLengthStr);
|
||||||
|
params = parseParams(postDataStr);
|
||||||
|
} else {
|
||||||
|
sendJson("{\"error\": \"Unsupported HTTP method\"}");
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Parse and validate parameters
|
||||||
|
int x = Integer.parseInt(params.get("x"));
|
||||||
|
float y = Float.parseFloat(params.get("y"));
|
||||||
|
float r = Float.parseFloat(params.get("r"));
|
||||||
|
|
||||||
|
if (Validator.validateX(x) && Validator.validateY(y) && Validator.validateR(r)) {
|
||||||
|
boolean result = Checker.hit(x, y, r);
|
||||||
|
Instant endTime = Instant.now(); // End timing
|
||||||
|
long executionTimeMillis = Duration.between(startTime, endTime).toMillis();
|
||||||
|
|
||||||
|
// Include execution time in response
|
||||||
|
String jsonResponse = String.format("{\"result\": %b, \"executionTime\": %d}", result, executionTimeMillis);
|
||||||
|
sendJson(jsonResponse);
|
||||||
|
} else {
|
||||||
|
Instant endTime = Instant.now();
|
||||||
|
long executionTimeMillis = Duration.between(startTime, endTime).toMillis();
|
||||||
|
String jsonResponse = String.format("{\"error\": \"invalid data\", \"executionTime\": %d}", executionTimeMillis);
|
||||||
|
sendJson(jsonResponse);
|
||||||
|
}
|
||||||
|
} catch (Exception e) {
|
||||||
|
Instant endTime = Instant.now();
|
||||||
|
long executionTimeMillis = Duration.between(startTime, endTime).toMillis();
|
||||||
|
String jsonResponse = String.format("{\"error\": \"%s\", \"executionTime\": %d}", e.getMessage(), executionTimeMillis);
|
||||||
|
sendJson(jsonResponse);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String getPostDataStr(String contentLengthStr) throws IOException {
|
||||||
|
int contentLength = contentLengthStr != null ? Integer.parseInt(contentLengthStr) : 0;
|
||||||
|
BufferedReader reader = new BufferedReader(new InputStreamReader(System.in, StandardCharsets.UTF_8));
|
||||||
|
char[] postData = new char[contentLength];
|
||||||
|
int totalRead = 0;
|
||||||
|
while (totalRead < contentLength) {
|
||||||
|
int read = reader.read(postData, totalRead, contentLength - totalRead);
|
||||||
|
if (read == -1) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
totalRead += read;
|
||||||
|
}
|
||||||
|
return new String(postData, 0, totalRead);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static void sendJson(String jsonDump) {
|
||||||
|
System.out.printf((RESPONSE_TEMPLATE) + "%n", jsonDump.getBytes(StandardCharsets.UTF_8).length, jsonDump);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static Map<String, String> parseParams(String data) throws Exception {
|
||||||
|
return Params.parse(data);
|
||||||
|
}
|
||||||
|
}
|
||||||
15
src/main/java/Validator.java
Normal file
15
src/main/java/Validator.java
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
public class Validator {
|
||||||
|
public static boolean validateX(int x) {
|
||||||
|
// Valid X values are between -5 and 3 inclusive
|
||||||
|
return x >= -5 && x <= 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static boolean validateY(float y) {
|
||||||
|
// Valid Y values are greater than -5 and less than 3
|
||||||
|
return y > -5 && y < 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static boolean validateR(float r) {
|
||||||
|
return r == 1 || r == 1.5f || r == 2 || r == 2.5f || r == 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
12
web-1.iml
Normal file
12
web-1.iml
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="JAVA_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||||
|
<exclude-output />
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<sourceFolder url="file://$MODULE_DIR$/src/main/java" isTestSource="false" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
<orderEntry type="library" name="fastcgi-lib" level="project" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
87
web/index.html
Normal file
87
web/index.html
Normal file
|
|
@ -0,0 +1,87 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Лабораторная работа №1</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="header">
|
||||||
|
<h1>Лабораторная работа №1</h1>
|
||||||
|
<p>ФИО студента: Карпов Александр Дмитриевич</p>
|
||||||
|
<p>Группа: P3213</p>
|
||||||
|
<p>Вариант: 342585</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="form-container">
|
||||||
|
<canvas id="canvas" width="300" height="300"></canvas>
|
||||||
|
<form id="point-form">
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td><label for="x">X:</label></td>
|
||||||
|
<td>
|
||||||
|
<select id="x" name="x" required>
|
||||||
|
<option value="-5">-5</option>
|
||||||
|
<option value="-4">-4</option>
|
||||||
|
<option value="-3">-3</option>
|
||||||
|
<option value="-2">-2</option>
|
||||||
|
<option value="-1">-1</option>
|
||||||
|
<option value="0">0</option>
|
||||||
|
<option value="1">1</option>
|
||||||
|
<option value="2">2</option>
|
||||||
|
<option value="3">3</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><label for="y">Y:</label></td>
|
||||||
|
<td><input type="text" id="y" name="y" required></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><label>R:</label></td>
|
||||||
|
<td>
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="r" value="1" required>
|
||||||
|
</label> 1
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="r" value="1.5">
|
||||||
|
</label> 1.5
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="r" value="2">
|
||||||
|
</label> 2
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="r" value="2.5">
|
||||||
|
</label> 2.5
|
||||||
|
<label>
|
||||||
|
<input type="radio" name="r" value="3">
|
||||||
|
</label> 3
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2">
|
||||||
|
<input type="button" value="Check" onclick="submitForm()">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="result-container">
|
||||||
|
<h2>Results</h2>
|
||||||
|
<table id="results">
|
||||||
|
<tr>
|
||||||
|
<th>X</th>
|
||||||
|
<th>Y</th>
|
||||||
|
<th>R</th>
|
||||||
|
<th>Result</th>
|
||||||
|
<th>Timestamp</th>
|
||||||
|
<th>Execution Time (ms)</th>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
175
web/script.js
Normal file
175
web/script.js
Normal file
|
|
@ -0,0 +1,175 @@
|
||||||
|
function submitForm() {
|
||||||
|
const x = document.getElementById('x').value;
|
||||||
|
const y = document.getElementById('y').value.trim();
|
||||||
|
const rElements = document.getElementsByName('r');
|
||||||
|
let r;
|
||||||
|
for (let i = 0; i < rElements.length; i++) {
|
||||||
|
if (rElements[i].checked) {
|
||||||
|
r = rElements[i].value;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Validate input
|
||||||
|
if (!validateInput(x, y, r)) {
|
||||||
|
alert("Некорректные данные");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Prepare data for POST request
|
||||||
|
const data = new URLSearchParams();
|
||||||
|
data.append('x', x);
|
||||||
|
data.append('y', y);
|
||||||
|
data.append('r', r);
|
||||||
|
|
||||||
|
// Send POST request using Fetch API
|
||||||
|
fetch('/fcgi-bin/', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
|
||||||
|
},
|
||||||
|
body: data.toString(),
|
||||||
|
})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(result => {
|
||||||
|
if (result.error) {
|
||||||
|
alert("Ошибка сервера: " + result.error);
|
||||||
|
} else {
|
||||||
|
updateResults({
|
||||||
|
x: x,
|
||||||
|
y: y,
|
||||||
|
r: r,
|
||||||
|
hit: result.result,
|
||||||
|
timestamp: new Date().toLocaleString(),
|
||||||
|
executionTime: result.executionTime + ' ms' // Use executionTime from backend
|
||||||
|
});
|
||||||
|
drawPoint(x, y, r);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
alert("Ошибка запроса: " + error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function validateInput(x, y, r) {
|
||||||
|
const xValue = parseFloat(x);
|
||||||
|
const yValue = parseFloat(y.replace(',', '.'));
|
||||||
|
const rValue = parseFloat(r);
|
||||||
|
|
||||||
|
if (isNaN(xValue) || isNaN(yValue) || isNaN(rValue)) return false;
|
||||||
|
if (xValue < -5 || xValue > 3) return false;
|
||||||
|
if (yValue < -5 || yValue > 3) return false; // Ensure correct range for y
|
||||||
|
return [1, 1.5, 2, 2.5, 3].includes(rValue);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateResults(result) {
|
||||||
|
const table = document.getElementById('results');
|
||||||
|
const row = table.insertRow(1);
|
||||||
|
row.insertCell(0).innerText = result.x;
|
||||||
|
row.insertCell(1).innerText = result.y;
|
||||||
|
row.insertCell(2).innerText = result.r;
|
||||||
|
row.insertCell(3).innerText = result.hit ? 'Попадание' : 'Промах';
|
||||||
|
row.insertCell(4).innerText = result.timestamp;
|
||||||
|
row.insertCell(5).innerText = result.executionTime;
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawPoint(x, y, r) {
|
||||||
|
const canvas = document.getElementById('canvas');
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
const width = canvas.width;
|
||||||
|
const height = canvas.height;
|
||||||
|
const centerX = width / 2;
|
||||||
|
const centerY = height / 2;
|
||||||
|
const scale = (width / 2 - 40) / r;
|
||||||
|
|
||||||
|
const canvasX = centerX + x * scale;
|
||||||
|
const canvasY = centerY - y * scale;
|
||||||
|
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.arc(canvasX, canvasY, 3, 0, 2 * Math.PI);
|
||||||
|
ctx.fillStyle = 'red';
|
||||||
|
ctx.fill();
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawGraph(r = 1) {
|
||||||
|
const canvas = document.getElementById('canvas');
|
||||||
|
const ctx = canvas.getContext('2d');
|
||||||
|
|
||||||
|
// Ensure the canvas is properly initialized
|
||||||
|
if (!canvas || !ctx) {
|
||||||
|
console.error('Canvas or context not found.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const width = canvas.width;
|
||||||
|
const height = canvas.height;
|
||||||
|
const centerX = width / 2;
|
||||||
|
const centerY = height / 2;
|
||||||
|
const scale = (width / 2 - 40) / r; // Ensure scale isn't too small
|
||||||
|
|
||||||
|
// Clear the canvas before drawing
|
||||||
|
ctx.clearRect(0, 0, width, height);
|
||||||
|
|
||||||
|
// Draw the axes
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(0, centerY);
|
||||||
|
ctx.lineTo(width, centerY); // Horizontal axis
|
||||||
|
ctx.moveTo(centerX, 0);
|
||||||
|
ctx.lineTo(centerX, height); // Vertical axis
|
||||||
|
ctx.strokeStyle = 'black';
|
||||||
|
ctx.lineWidth = 2;
|
||||||
|
ctx.stroke();
|
||||||
|
|
||||||
|
// Draw R labels on axes
|
||||||
|
ctx.fillStyle = 'black';
|
||||||
|
ctx.font = '12px Arial';
|
||||||
|
|
||||||
|
// X-axis labels
|
||||||
|
ctx.fillText('R', centerX + r * scale, centerY - 5); // R
|
||||||
|
ctx.fillText('R/2', centerX + (r / 2) * scale, centerY - 5); // R/2
|
||||||
|
ctx.fillText('-R/2', centerX - (r / 2) * scale, centerY - 5); // -R/2
|
||||||
|
ctx.fillText('-R', centerX - r * scale, centerY - 5); // -R
|
||||||
|
|
||||||
|
// Y-axis labels
|
||||||
|
ctx.fillText('R', centerX + 5, centerY - r * scale); // R
|
||||||
|
ctx.fillText('R/2', centerX + 5, centerY - (r / 2) * scale); // R/2
|
||||||
|
ctx.fillText('-R/2', centerX + 5, centerY + (r / 2) * scale); // -R/2
|
||||||
|
ctx.fillText('-R', centerX + 5, centerY + r * scale); // -R
|
||||||
|
|
||||||
|
// Draw shapes based on R
|
||||||
|
ctx.fillStyle = 'rgba(0, 0, 255, 0.3)';
|
||||||
|
|
||||||
|
// Draw the rectangle (Top-left quadrant)
|
||||||
|
ctx.fillRect(centerX - (r / 2) * scale, centerY - r * scale, (r / 2) * scale, r * scale); // Rectangle from -R/2 to 0 on X and 0 to R on Y
|
||||||
|
|
||||||
|
// Draw the triangle (Bottom-left quadrant)
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(centerX, centerY); // Center
|
||||||
|
ctx.lineTo(centerX - r * scale, centerY); // Left
|
||||||
|
ctx.lineTo(centerX, centerY + r * scale / 2);// Bottom
|
||||||
|
ctx.closePath();
|
||||||
|
ctx.fill();
|
||||||
|
|
||||||
|
// Correct Quarter Circle (Top-right quadrant)
|
||||||
|
ctx.beginPath();
|
||||||
|
ctx.moveTo(centerX, centerY); // Start from center
|
||||||
|
ctx.arc(centerX, centerY, r * scale, - Math.PI / 2, 0);// Quarter circle from 0 to R on both axes (top-right)
|
||||||
|
ctx.closePath();
|
||||||
|
ctx.fill();
|
||||||
|
|
||||||
|
console.log('Graph drawn with R =', r);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Trigger drawGraph on page load or when R is changed
|
||||||
|
const rElements = document.getElementsByName('r');
|
||||||
|
rElements.forEach(radio => {
|
||||||
|
radio.addEventListener('change', () => {
|
||||||
|
const rValue = parseFloat(radio.value);
|
||||||
|
drawGraph(rValue);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
window.onload = function() {
|
||||||
|
drawGraph(); // Default R = 1
|
||||||
|
};
|
||||||
|
|
||||||
56
web/styles.css
Normal file
56
web/styles.css
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1em;
|
||||||
|
font-family: cursive;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container, .result-container {
|
||||||
|
background-color: white;
|
||||||
|
padding: 2em;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"], input[type="button"] {
|
||||||
|
margin: 10px 0;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#canvas {
|
||||||
|
border: 1px solid #000;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="radio"] {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user