Порядок выполнения работы

Описание выполнения работы:

• 1. Описание HTML-страниц (не менее трех страниц):
• 1.1. Первая страница «О себе» содержит информацию:

Работу выполняли: Иванов Иван Иванович Номер группы: РИ-202 201.

Номер индивидуального задания: 3 Текст индивидуального задания:

«Создание калькулятора…».

• 1.2. Вторая страница — реализация индивидуального задания. На странице отображены следующие элементы:
• 1.2.1. Поля для занесения информации, необходимой для вычисления.
• 1.2.2. Кнопка для отправки результатов на сервер.
• 1.2.3. Поле, в котором будет выводиться результат вычислений.
• 1.3. Третья страница — работа с таблицей, студент выбирает некоторую узкую тему, с которой он дальше будет работать. Например, таблица студенты. На странице отображается информация о студентах, при этом дана возможность добавлять нового студента, удалять и изменять данные уже существующего студента.
• 2. Изменения сервера в соответствии с требованиями.
• 2.1. Сервер должен обрабатывать запросы и в соответствии с ним возвращать необходимую клиенту информацию.
• 2.2. От клиента будут запросы на загрузку данных о css, js и других файлах, используемых страницей. Пример: все страницы используют файл каскадных стилей (css), в HTML-документе ссылка на него. При загрузке страницы браузером он обнаруживает, что данная страница использует css-файл и начинает автоматически требовать его с сервера. Сервер должен в итоге отправить ему этот файл.
• 2.3. Для сохранения данных третьей страницы необходимо:
• 2.3.1. Создать структуру таблицы. Например, таблица студенты содержит информацию: Имя, Фамилия, Отчество, Год рождения. Для этого мы создаем новый класс под названием Student с описанием полей Id, Name, LastName, FirstName, YearBirth и их геттеры и сеттеры (getName (), setName ()…).
• 2.3.2. Для хранения данных создаем список со структурой таблицы (Пример: List). Сохранение в файл или БД не требуется. То есть при каждом перезапуске сервера у нас будут обнуляться записи.
• 3. Технические требования:
• 3.1. Требования к серверу:
• 3.1.1. Все страницы должны храниться как html-страницы на сервере.
• 3.1.2. При первом подключении к серверу должна отобразиться первая HTML-страница, или если в адресной строке указан какой-то определенный ресурс, необходимо вывести информацию о той странице, которая соответствует данному запросу. При указании несуществующего ресурса система должна выводить первую HTML-страницу.
• 3.1.3. Все поля ввода информации должны иметь проверку входных значений (с помощью JavaScript).
• 3.2. Требования к оформлению HTML-страниц:
• 3.2.1. Общие требования:
• 3.2.1.1. У каждой группы студентов должен быть уникальный стиль сайта и уникальная тема для третьей страницы.
• 3.2.1.2. Все страницы должны быть красиво оформлены, стили описаны в отдельном css-файле.
• 3.2.1.3. У каждой страницы должно быть реализовано единое меню, у которого будет минимум три ссылки (переход на каждую созданную страницу).
• 3.2.2. Индивидуальные требования к страницам:
• 3.2.2.1. Первая страница: вывод статической информации.
• 3.2.2.2. Вторая страница: для выполнения вычислений мы должны использовать возможность отправки данных на сервер POSTзапросом и получать от сервера ответ, который должен помещаться в специально отведенное для этого поле. Данная функция должна быть реализована с помощью JavaScript и храниться отдельном jsфайле.
• 3.2.2.3. Третья страница: при запуске сервера и при обращении к этой странице у нас будет отображаться пустая таблица (то есть сервер сохраненные данные не хранит постоянно, а только временно держит их в оперативной памяти). Данная страница должна позволять:
  • — добавлять строки и сохранять их на сервере;
  • — изменять строки и сохранять изменение на сервере;
  • — удалять строки и удалять информацию с сервера.
• 3.2.2.3.1. Операции удаления, добавления и изменения должны быть реализованы с помощью JavaScript, данные операции должны быть реализованы на одной странице, действие каждой команды должно отправляться на сервер.
• 3.2.2.3.2. Операция удаления: напротив каждой строки должен быть значок удаления, после нажатия на который строка должна пропасть (удалиться и со страницы и с сервера).
• 3.2.2.3.3. Операция создания: для создания должна быть отдельная кнопка, по нажатию на которую будет блокироваться основное окно с таблицей и появляться другое, в котором будут описаны поля, необходимые для создания новой строки, и кнопка сохранить, по нажатию на которую произведется добавление на сервер и на страницу.
• 3.2.2.3.4. Операция изменения: напротив каждой строки должен быть значок, нажатие которого должно работать по аналогии операции создания. Только все поля должны быть заполнены данными изменяемой строки.