Интеграция шаблона vue-admin-template 2.0 в проект spring boot security jwt

Прежде всего, хочу поблагодарить PanJiaChen за шаблон vue-admin-template.

Я — Java-программист, поэтому не очень хорошо разбираюсь во фронтенд-технологиях. Я лишь немного знаком с vue.js и очень благодарен PanJiaChen за поддержку его шаблона.

Также благодарю @JetBrains за поддержку IntelliJ IDEA.

Если вам нравится моя работа, пожалуйста, поставьте звёздочку на моём GitHub. Большое спасибо!

Если у вас возникнут проблемы при настройке, обращайтесь ко мне:

GitHub: https://github.com/thousmile

码云: https://gitee.com/thousmile

Рекомендую Redis Desktop Manager For Windows — клиент для Windows.

Добавил RedisCacheUtils и MsgpackUtils, чтобы данные в Redis хранились в формате Msgpack. Это позволяет сократить использование памяти примерно на 20% по сравнению с JSON.

Некоторые люди удаляют данные из демонстрационной среды

Поэтому в демонстрационной среде нет прав на изменение и удаление данных. Демонстрационный адрес: https://admin.xaaef.com

В базе данных все пользователи имеют одинаковые имена и пароли:

admin  :  admin
xiaoxiannv  :  xiaoxiannv
xiannva     :  xiannva

Не беспокойте меня по пустякам. Если у вас есть вопросы, просто скажите, что именно вас интересует, а не спрашивайте, здесь ли я!

Скриншоты

Учебник по базе данных

Учебник по бэкенду

Учебник по фронтенду

При сборке и публикации Vue.js приложения обратите внимание на следующее:

/**
* Найдите файл request.js в папке utils в vue-admin-template/src и измените свойство baseURL:
*/
const service = axios.create({
  /**
   * Если вы собираетесь опубликовать приложение, помните, что нужно изменить
   * baseURL: '/api' подходит только для разработки, решает проблему междоменного доступа между фронтендом и бэкендом,
   * baseURL:process.env.VUE_APP_BASE_API подходит для продакшена, так как нет проблемы междоменного доступа, поэтому прокси не требуется
   *
  */
  // baseURL: process.env.VUE_APP_BASE_API,
  baseURL: '/api',
  // withCredentials: true, // отправлять куки при междоменных запросах
  timeout: 50000 // время ожидания запроса
})

Скрипт запуска для Linux

Поместите упакованный jar-файл и скрипт spring-boot.sh в одну папку на сервере и измените права доступа к файлу, добавив разрешение на выполнение: sudo chmod 754 spring-boot.sh

Использование скрипта: ./script_name.sh {start|stop|restart|status} {APP_NAME}

Пример (а): ./spring-boot.sh start example.jar — запуск по умолчанию в режиме prod на порту 8090

Пример (б): ./spring-boot.sh start example.jar prod — запуск в режиме prod, порт 8090 по умолчанию

Пример (в): ./spring-boot.sh start example.jar prod 8080 — запуск в режиме prod и указание порта 8080

Сборка Maven и упаковка в Docker-контейнер (убедитесь, что Docker установлен локально)

# Запуск Docker для активации режима prod и монтирования каталога logs контейнера в каталог logs текущего хоста
sudo docker run -d -p 8090:8090 --name spring-restful-api \
-v $PWD/logs:/logs \
-e "SPRING_PROFILES_ACTIVE=prod" \
xaaef/spring-restful-api

# Запуск Docker для активации режима prod и монтирования каталогов logs и config контейнера в каталоги logs и config текущего хоста.
# Если вы просто изменили файл application-prod.yml, нет необходимости переупаковывать образ Docker. Поместите изменённый файл application-prod.yml в каталог config.
# Spring Boot заменит файл jar application-prod.yml свойствами.
sudo docker run -d -p 8090:8090 --name spring-restful-api \
-v $PWD/logs:/logs \
-v $PWD/config:/config \
-e "SPRING_PROFILES_ACTIVE=prod" \
xaaef/spring-restful-api

Просмотр документации Swagger2 API: http://localhost:8090/doc.html

Для использования сервиса Qiniu необходимо настроить следующие параметры:

# Конфигурация загрузки файлов в Qiniu
qiniu:
  accessKey: 
  secretKey: 
  bucketName: 
  fileDomain: 

Богатые братья поддерживают деньгами, бедные — личными усилиями

<Рисунок>