Разработка и реализация информационно-новостного веб-сайта с применением фреймворка Next.js и СУБД PostgreSQL
Качественна работа!
Выполнена кандидатом наук!
Тема дипломной работы: Разработка информационно-новостного веб-сайта на основе современных веб-технологий
_
Или можно так назвать - Разработка и реализация информационно-новостного веб-сайта с применением фреймворка Next.js и СУБД PostgreSQL
Или можно так назвать - Проектирование и разработка информационно-новостного веб-приложения с использованием современных технологий веб-разработки
_
Работа авторская. Аналогичной в сети нет!
ВВЕДЕНИЕ 8
Глава 1. Анализ предметной области и постановка задачи 11
1.1 Обзор современных информационно-новостных веб-сайтов 11
1.2. Анализ функциональных возможностей и требований к новостным порталам 14
1.3. Сравнительный анализ технологий разработки веб-приложений 17
1.3.1. Сравнительный анализ языков программирования 17
1.3.2. Сравнительный анализ фреймворков 18
1.3.3. Сравнительный анализ систем управления базами данных 19
1.4. Постановка задачи на разработку 21
Выводы по первой главе 24
Глава 2. Проектирование информационно-новостного веб-сайта 26
2.1. Разработка структуры базы данных 26
2.1.1. Выбор подхода к проектированию 26
2.1.2. Описание сущности «Пользователи» 26
2.1.3. Описание сущности «Категории» 28
2.1.4. Описание сущности «Новости» 29
2.1.5. Описание сущности «Комментарии» 30
2.1.6. Описание дополнительных сущностей 32
2.1.7. Схема взаимосвязей между сущностями 33
2.1.8. ER-диаграмма базы данных 34
2.2. Проектирование архитектуры веб-приложения 36
2.2.1. Общая архитектура клиент-серверного взаимодействия 36
2.2.2. Выбор технологического стека для реализации архитектуры 37
2.2.3. Детальная архитектура серверной части 39
2.2.4. Детальная архитектура клиентской части 41
2.2.5. Архитектура базы данных и взаимодействие с данными 42
2.2.6. Обеспечение безопасности 43
2.2.7. Схема взаимодействия компонентов 43
2.2.8. Заключение по разделу 45
2.3. Разработка структуры пользовательского интерфейса 45
2.4. Выбор и обоснование стека технологий для реализации проекта. 48
2.4.1. Выбор языка программирования и фреймворка для серверной части 49
2.4.2. Выбор ORM для работы с базой данных 50
2.4.3. Выбор системы управления базами данных 51
2.4.4. Выбор инструментов для клиентской части 52
2.4.5. Выбор инструментов для разработки и развертывания 52
2.4.6. Обоснование целостности выбранного стека 53
Выводы по второй главе 53
Глава 3. Разработка и реализация веб-сайта 55
3.1. Настройка среды разработки и серверного окружения. 55
3.1.1. Выбор подхода к организации среды разработки 55
3.1.2. Установка необходимого программного обеспечения 56
3.1.3. Создание структуры проекта и инициализация Next.js-приложения 56
3.1.4. Установка дополнительных зависимостей 57
3.1.5. Настройка Prisma и подключение к базе данных 58
3.1.6. Настройка TypeScript и путей импорта 59
3.1.7. Настройка глобальных стилей и темы оформления 60
3.1.8. Настройка переменных окружения 60
3.1.9. Настройка скриптов для разработки и сборки 60
3.1.10. Настройка системы контроля версий 61
3.1.11. Проверка работоспособности окружения 61
3.2. Реализация серверной части (backend) 62
3.2.1. Создание моделей данных в Prisma 62
3.2.2. Наполнение базы тестовыми данными 66
3.2.3. Организация доступа к данным через Prisma Client 67
3.2.4. Реализация серверных компонентов для чтения данных 67
3.2.5. Реализация Server Actions для операций записи 69
3.2.6. Реализация API-маршрутов для динамической загрузки данных 72
3.2.7. Реализация административной панели 73
3.2.8. Обработка Markdown-контента 77
3.2.9. Обеспечение безопасности 79
3.3. Реализация клиентской части (frontend) 80
3.3.1. Организация структуры клиентского приложения 80
3.3.2. Реализация корневого макета и глобальных стилей 81
3.3.3. Реализация навигационных компонентов 82
3.3.4. Реализация карточки новости 82
3.3.5. Реализация страницы новости 83
3.3.6. Реализация рендеринга Markdown 84
3.3.7. Реализация страницы категории 85
3.3.8. Реализация страницы поиска 85
3.3.9. Реализация интерактивных компонентов 86
3.3.10. Реализация административной панели 89
3.4. Тестирование разработанного веб-приложения 90
3.4.1. Цели и задачи тестирования 90
3.4.2. Функциональное тестирование 90
3.4.3. Тестирование адаптивности и кросс-браузерная совместимость 92
3.4.4. Выводы по результатам тестирования 92
Заключение 94
Список использованных источников 97
Приложение А 100
