Введение

Это проект личного блога, разработанный на основе SpringBoot и Thymeleaf. На внешнем интерфейсе используется Semantic UI, а на уровне сохраняемости данных — MyBatis. Для удобства работы с пагинацией применяется Mybatis-Plus.

Архитектура программного обеспечения

• JDK 1.8.
• Бэкенд: SSM + Springboot + Mybatis-Plus (https://baomidou.com/).
• Фронтенд: Thymeleaf (https://www.thymeleaf.org/) + SemanticUI (https://semantic-ui.com/).
• База данных: MySQL 8.

Инструкция по установке

1. Скачайте данный проект и распакуйте его.
2. Откройте проект в IDE и используйте Maven для загрузки необходимых jar-файлов.
3. Проект состоит из двух частей: бэкенда и фронтенда. Их нужно запускать отдельно.
4. Фронтенд доступен по адресу localhost:8888, бэкенд — localhost:9000.
5. Логин администратора: admin, пароль: admin.

Примеры проекта

1. Вход администратора:

   Изображение login.png.

2. Страница приветствия администратора:

   Изображение admin_index.png.

3. Страница управления блогом:

   Изображение admin_blog.png.

4. Страница редактирования блога:

   Изображения admin_blog_edit_1.png и admin_blog_edit_2.png.

5. Страница управления категориями блога:

   Изображение admin_type.png.

6. Страница редактирования категорий блога:

   Изображение admin_type_edit.png.

7. Главная страница блога:

   Изображения front_index_1.png и front_index_2.png.

8. Страница с подробностями о блоге:

   • Заголовок блога: изображение front_detail_1.png.
   • Каталог блога: изображение front_detail_2.png.
   • Адрес блога (необходимо изменить адрес сервера для сканирования): изображение front_detail_3.png.
   • Код блога (можно скопировать одним нажатием): изображение front_detail_4.png.
   • Поощрение блога: изображение front_detail_5.png.
   • Отображение комментариев к блогу: изображение front_detail_6.png.
   • Комментарии к блогу: изображение front_detail_7.png.

9. Страница категорий блога:

   Изображение front_type.png.

10. Страница архива блога:

    Изображение front_archives.png.

11. Страница описания блога:

    Изображение front_about.png.