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, осуществляющий валидацию значений, вводимых пользователем в поля формы. Любые некорректные значения (например, буквы в координатах точки или отрицательный радиус) должны блокироваться.
|
||||
|
||||
![](https://new.akarpov.ru/media/files/sanspie/yrnoR/areas.png)
|
||||
|
||||
Вопросы к защите лабораторной работы:
|
||||
|
||||
Протокол 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