VueAdmin

Описание

Система управления правами для backend, основанная на SpringBoot + SpringSecurity + Jwt + Redis + Vue, с разделением на frontend и backend.

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

Backend

Основана на SpringBoot 2.4.0 + MySQL 8.0
Использует Freemaker шаблоны + MyBatisPlus компоненты для создания базового контроллера, слоя бизнес-логики, слоя доступа к данным и сущностей
Использует Redis в качестве кэша для хранения информации о правах пользователей и кодов подтверждения
Использует SpringSecurity для аутентификации и авторизации, разделяет права до уровня кнопок
Отключает Session, использует JWT в качестве токена для защищённого взаимодействия, устанавливает срок действия токена и помещает его в заголовок для удобства взаимодействия
Использует Swagger для создания документации API, что облегчает разработку frontend и backend

Frontend

Использует Vue + ElementUI для разработки frontend
Использует Vue-Router для маршрутизации и Vuex для управления состоянием
В начале используется mockjs для имитации backend API, что облегчает разработку frontend и backend в отдельности

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

Основные требования

Сначала установите IntelliJ IDEA, JDK 1.8, Maven 3.0+, NodeJS 12.1.0+, NPM 6.9.0+, Redis 6.0+, MySQL 8.0 (локально или в виртуальной машине, я установил на CentOS 7.4)- Установка NodeJS и настройка среды

Шаги установки

Скачайте этот проект с gitee и распакуйте два каталога для фронтенда и бэкенда
Откройте проект бэкенда в IntelliJ IDEA и загрузите jar-пакеты с помощью Maven
Откройте проект фронтенда в IntelliJ IDEA и выполните команду npm install для загрузки зависимостей
Установите Redis на виртуальной машине и настройте адрес Redis в файле конфигурации бэкенда
Импортируйте SQL-файл в базу данных MySQL
Запустите виртуальную машину, запустите проект бэкенда и проект фронтенда npm run serve, откройте localhost:8080 для использования
Логин: admin, пароль: 123456
Для отправки электронных писем при регистрации необходимо получить код авторизации от почтового сервиса, подробности здесь