Фрагмент для ознакомления
1
СОДЕРЖАНИЕ
ВВЕДЕНИЕ 6
1 ПОСТАНОВКА ЗАДАЧИ 8
1.1 Описание задачи 8
1.2 Назначение и цели создания сайта 9
1.3 Требования к системе 10
1.4 Описание предметной области 12
2 ОБЗОР АНАЛОГОВ И СРЕДСТВ РАЗРАБОТКИ 13
3 ВЫБОР СРЕДСТВ РАЗРАБОТКИ 21
4 РАЗРАБОТКА САЙТА 27
4.1 Проектирование структуры сайта и базы данных 27
4.2 Разработка пользовательского интерфейса (Front-end) 29
4.3 Разработка серверной части (Back-end) 33
4.4 Реализация модуля корзины и оформления заказа 38
4.5 Реализация системы управления контентом (CMS) 41
4.6 Интеграция с системой оплаты и доставки 45
5 ТЕСТИРОВАНИЕ И ОТЛАДКА 50
5.1 Тестирование функциональности сайта 50
5.2 Проверка процесса оформления заказа 54
ЗАКЛЮЧЕНИЕ 59
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 60
Фрагмент для ознакомления
2
Задачей дипломного проекта является комплексная разработка клиент-серверного веб-приложения – интернет-магазина для книжного магазина «Новая Книга». Система представляет собой многофункциональную платформу, обеспечивающую полный цикл онлайн-взаимодействия между магазином и его клиентами: от первого знакомства с ассортиментом до получения заказа и послепродажного обслуживания.
Ключевым аспектом задачи является создание не статичного сайта-визитки, а динамического, управляемого приложения с развитой серверной логикой. Пользовательская часть предоставляет интуитивно понятный интерфейс для навигации по обширному каталогу книг, их поиска, изучения детальной информации, формирования и оформления заказов, регистрации и управления личным кабинетом. Административная часть, доступная сотрудникам магазина, позволяет централизованно управлять всем контентом интернет-магазина: добавлять, редактировать и архивировать товары, управлять категориями, обрабатывать заказы, управлять пользователями, а также просматривать аналитику.
Технически задача подразумевает построение архитектуры RESTful API на сервере, который обрабатывает запросы от клиента, взаимодействует с базой данных для хранения всей информации и обеспечивает бизнес-логику приложения. Клиентская часть взаимодействует с этим API, динамически отображая полученные данные. Отдельной важной подзадачей является обеспечение безопасности: защита пользовательских данных, особенно паролей и персональной информации, реализация механизмов аутентификации и авторизации, а также защита от распространенных веб-уязвимостей. Таким образом, задача носит комплексный характер, охватывающий анализ, проектирование, программирование, тестирование и подготовку к развертыванию полноценного программного продукта.
Фрагмент для ознакомления
3
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
1. React: документация [Электронный ресурс]. – Режим доступа: https://react.dev, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
2. Redux Toolkit: документация [Электронный ресурс]. – Режим доступа: https://redux-toolkit.js.org, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
3. Node.js: официальный сайт [Электронный ресурс]. – Режим доступа: https://nodejs.org, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
4. Express.js: руководство [Электронный ресурс]. – Режим доступа: https://expressjs.com, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
5. PostgreSQL: документация [Электронный ресурс]. – Режим доступа: https://www.postgresql.org/docs, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
6. Sequelize ORM: документация [Электронный ресурс]. – Режим доступа: https://sequelize.org, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
7. Material-UI: библиотека компонентов для React [Электронный ресурс]. – Режим доступа: https://mui.com, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
8. ЮKassa: документация API [Электронный ресурс]. – Режим доступа: https://yookassa.ru/developers, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
9. API доставки СДЭК [Электронный ресурс]. – Режим доступа: https://api-docs.cdek.ru, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
10. MDN Web Docs: веб-технологии для разработчиков [Электронный ресурс]. – Режим доступа: https://developer.mozilla.org, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
11. Флэнаган, Д. JavaScript. Подробное руководство / Д. Флэнаган. – 7-е изд. – СПб.: Символ-Плюс, 2020. – 1080 с.
12. Васильев, А. Н. Самоучитель Node.js / А. Н. Васильев. – 3-е изд. – СПб.: БХВ-Петербург, 2022. – 400 с.
13. Федоров, А. Г. React и Redux: функциональная веб-разработка / А. Г. Федоров. – М.: Питер, 2021. – 304 с.
14. Макфарланд, Д. Большая книга CSS3 / Д. Макфарланд. – 4-е изд. – М.: Эксмо, 2022. – 688 с.
15. Кузнецов, М. В. PostgreSQL 14. Основы языка SQL / М. В. Кузнецов, И. В. Симдянов. – СПб.: БХВ-Петербург, 2023. – 800 с.
16. OWASP Foundation. OWASP Top Ten [Электронный ресурс]. – Режим доступа: https://owasp.org/www-project-top-ten, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
17. Jest: фреймворк для тестирования JavaScript [Электронный ресурс]. – Режим доступа: https://jestjs.io, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
18. Cypress: инструмент для end-to-end тестирования [Электронный ресурс]. – Режим доступа: https://www.cypress.io, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
19. Docker: документация [Электронный ресурс]. – Режим доступа: https://docs.docker.com, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
20. Git: система контроля версий [Электронный ресурс]. – Режим доступа: https://git-scm.com/doc, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
21. RESTful API Design: лучшие практики [Электронный ресурс]. – Режим доступа: https://restfulapi.net, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
22. JSON Web Tokens (JWT): введение [Электронный ресурс]. – Режим доступа: https://jwt.io/introduction, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
23. Веб-доступность (WCAG) [Электронный ресурс]. – Режим доступа: https://www.w3.org/WAI/standards-guidelines/wcag, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
24. ECMAScript 2022 спецификация [Электронный ресурс]. – Режим доступа: https://tc39.es/ecma262, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
25. HTTP/1.1: спецификация (RFC 7231) [Электронный ресурс]. – Режим доступа: https://tools.ietf.org/html/rfc7231, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
26. NPM: пакетный менеджер для JavaScript [Электронный ресурс]. – Режим доступа: https://docs.npmjs.com, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
27. Webpack: сборщик модулей [Электронный ресурс]. – Режим доступа: https://webpack.js.org, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
28. БЭМ: методология разработки интерфейсов [Электронный ресурс]. – Режим доступа: https://ru.bem.info, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
29. Figma: инструмент для проектирования интерфейсов [Электронный ресурс]. – Режим доступа: https://www.figma.com, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
30. Google Analytics: платформа для аналитики [Электронный ресурс]. – Режим доступа: https://analytics.google.com, свободный. – Загл. с экрана. – (Дата обращения: 20.12.2025).
