Web technologies projects

Тренировочные проекты для освоения веб технологий (Jakarta EE, Spring Framework, JavaScript/TypeScript, Angular)

Проекты по технологиям

• Lab_1 - PHP, JS
• Lab_2 - JSP
• Lab_3 - JSF
• Lab_4 - Spring Framework, Angular (самый крупный проект репозитория)

Описание Lab_4

Backend

Веб приложение для мониторинга попадания точки в заданную область. В приложении реализована авторизация посредством JWT токенов (access + refresh), авторизация необходима для хранения предыдущих сессий пользователей.

Хранение данных осуществляется в PostgreSQL. Все пароли пользователей хранятся в хешах, также используется соль для предотвращения использования радужных таблиц. В качестве интерфейса доступа к БД используется ORM - Spring Data JPA поверх Hibernate. Для простоты доступа к БД используется интерфейс CrudRepository. Все таблицы в БД создаются автоматически перед запуском приложения (если не существуют) при помощи hibernate.ddl-auto=update.

Приложение является RESTful сервисом, в основе архитектуры лежит MVC - реализовано посредством Spring Web MVC, все данные передаются в JSON.

В качестве системы сборки используется Gradle для упаковки в .war архив. Проект тестировался на сервере приложений JBoss WildFly.

Frontend

Фронтенд часть реализована на Angular. Используется большинство современных возможностей фреймворка:

• Standalone компоненты
• Сервисы
• Dependency Injection
• Reactive Forms

Область отрисовки точек также кликабельна - не обязательно вводить данные вручную. Координаты высчитываются посредством TypeScript относительно скейла и расширения экрана.

Примеры работы приложения