2.5 Фронтенд-реализация и стилизация

2.5.1 CSS-оформление

Стилизация реализована через встроенные CSS-правила в HTML-страницах.

Включает:

· оформление формы и её элементов;

· адаптивную сетку для полей ввода;

· стили для статусных сообщений и уведомлений;

· цветовую схему с семантическим выделением состояний (успех, ошибка,

информация).

Используется современная светлая цветовая схема с акцентами. Элементы страницы адаптивно подстраиваются под размеры экрана.

2.5.2 Обработка событий и взаимодействие

JavaScript-логика обрабатывает следующие события:

· отправка формы оформления заказа;

· изменение значения в поле выбора города отправления;

· клик по кнопке создания нового заказа.

Все взаимодействия с сервером выполняются асинхронно через Fetch API без перезагрузки страницы.

2.6 Сборка проекта и конфигурация Maven

Файл pom.xml содержит:

1. указание на упаковку проекта;

2. зависимости;

3. параметры компиляции под версию Java;

4. стандартную структуру Maven-проекта.

2.7 Процесс взаимодействия пользователя с системой

1. Пользователь открывает главную страницу и выбирает действие.

2. При переходе к выбору городов для маршрута отправляется GET-запрос, после чего отображаются списки городов.

3. При применении обновлении статуса сервера JavaScript формирует запрос, получает JSON-ответ и обновляет карточку.

4. При отправке заказа заполняется форма, данные передаются методом POST.

5. Сервер создаёт новую запись и отправляет ответ об успешном создании заказа.

2.8 Тестирование и проверка корректности работы

Были выполнены следующие тесты:

1. проверка отображения главной страницы;

2. проверка корректной загрузки списка городов;

3. проверка ввода данных в форму;

4. тест создания заказа.

Заключение

В ходе выполнения курсовой работы был разработан прототип клиент-серверной системы для автоматизации заказов в сфере грузоперевозок. Разработка осуществлялась в соответствии с принципами MVC-архитектуры, что позволило четко разделить проект на серверную логику, модель данных и клиентский интерфейс. Реализация на базе встроенного HTTP-сервера Java обеспечила корректную обработку запросов, простоту развертывания и соответствие современным подходам к созданию веб-приложений.

Была создана функциональная модель предметной области, включающая сущность заказа, сервисный класс для управления заказами и механизм расчета стоимости перевозки на основе параметров груза и маршрута. Реализованы контроллеры, обеспечивающие обработку API-запросов: получение списка городов, направлений, создание заказов и проверку статуса системы. Интерфейс пользователя оформлен в современном стиле и включает форму оформления заказа с динамической подгрузкой данных, валидацией и интерактивной обратной связью. Приложение поддерживает асинхронное взаимодействие между клиентом и сервером посредством обмена JSON-сообщениями без перезагрузки страницы. Проведённые тестирования подтвердили корректность работы основных функций: выбора городов и маршрутов, расчёта стоимости, создания и сохранения заказов, а также обработки ошибок ввода. Выбранные технологии и модульная структура проекта обеспечивают удобство сопровождения, расширяемость и возможность дальнейшего развития решения — в частности, интеграции с базой данных, добавления модулей отслеживания грузов, интеграции с картографическими сервисами и развития мобильного интерфейса.