WeBlog

Введение

Это блог, разработанный с использованием Spring Boot + Vue 3.2 + Vite 4.3 для разделения фронтенда и бэкенда.

• Бэкенд разработан с использованием Spring Boot, Mybatis Plus, MySQL, Spring Security, JWT, Minio, Guava и других технологий;
• Панель управления разработана вручную на основе Vue 3.2 + Vite + Element Plus, без использования каких-либо фреймворков управления;
• Поддерживает публикацию и редактирование блогов в формате Markdown, управление категориями и тегами статей;
• Поддерживает настройку базовой информации блога и переход на страницы социальных сетей;
• Поддерживает статистику данных на панели управления, статистику тепловых карт статей с использованием Echarts, статистику посещений (PV).

Связанные ссылки

• GitHub: https://github.com/weiwosuoai/WeBlog
• Gitee: https://gitee.com/AllenJiang/WeBlog
• Демонстрационная версия: http://116.62.199.48/
  • Пользовательский аккаунт: test
  • Пароль: test

  PS: Сервер демонстрационной среды имеет низкие настройки и малую пропускную способность, поэтому если загрузка происходит медленно, вы можете развернуть его локально для доступа.

Демонстрационные скриншоты

Страница входа

### Панель управления

Управление статьями

Написание блога

Главная страница фронтенда

Страница деталей блога

Страница архива

Функции

Фронтенд

Бэкенд

Описание модулей

| Имя проекта | Описание | | ----------------------- | --------------------------------------------------- | | weblog-springboot | Задний конец проекта | | weblog-vue3 | Передний конец проекта | | sql | Скрипты инициализации базы данных (включая структуру таблиц и соответствующие начальные данные) |### Описание модулей заднего конца

Технологический стек### Задний конец| Фреймворк | Описание | Версия | Примечания |

| ------------------------- | ---------------------------- | ----------- | ----------------------------------------------- | | JDK | Java разработка | 1.8 | Это наиболее популярная версия для корпоративных проектов | | Spring Boot | Фреймворк для разработки веб-приложений | 2.6.3 | | | Maven | Инструмент сборки проекта | 3.6.3 | Основной инструмент сборки для корпоративных проектов | | MySQL | База данных | 5.7 | | | Mybatis Plus | Улучшенная версия Mybatis | 3.5.2 | | | HikariCP | База данных - подключение | 4.0.3 | Встроенный в Spring Boot, считается самым быстрым | | Spring Security | Фреймворк безопасности | 2.6.3 | | | JWT | Токен для веб-приложений | 0.11.2 | | | Lombok | Устранение избыточного кода | 1.8.22 | | | Jackson | Библиотека для работы с JSON | 2.13.1 | | | Hibernate Validator | Компонент проверки параметров | 6.2.0.Final | | | Logback | Компонент логирования | 1.2.10 | | | Guava | Библиотека Google | 18.0 | | | p6spy | Динамический мониторинг | 3.9.0 | |1 | | | Minio | Объектное хранение | 8.2.1 | Используется для хранения изображений в блоге | | flexmark | Парсер Markdown | 0.62.2 | |

Передний конец| Фреймворк | Описание | Версия |

| ----------------- | ----------------------------------- | ------- | | Node | Окружение выполнения JavaScript | 18.15.0 | | Vue 3 | Прогрессивный фреймворк JavaScript | 3.2.47 | | Vite | Инструмент для сборки фронтенд-проектов | 4.3.9 | | Element Plus | Открытый фреймворк компонентов на Vue 3 от Alibaba | 2.3.3 | | vue-router | Менеджер маршрутизации Vue | 4.1.6 | | vuex | Компонент управления состоянием | 4.0.2 | | md-editor-v3 | Компонент редактора Markdown | 3.0.1 | | windicss | Фреймворк CSS | 3.5.6 | | axios | Библиотека сетевых запросов на основе Promise | 1.3.5 | | Echarts | Открытая библиотека визуализации данных от Baidu | 5.4.2 |

Инициализация базы данных

Инициализационные скрипты находятся в модуле sql, структура каталога следующая:

При развертывании, пожалуйста, создайте базу данных с именем weblog, а затем последовательно выполните schema.sql и data.sql:

• schema.sql: Скрипт структуры таблиц;
• data.sql: Скрипт инициализации данных, например, информация о пользователях, входящих в систему, базовые настройки блога и т.д.