搭建ruoyi-vue后台管理系统

一、部署后台

（1）、下载源码

RuoYi-Vue: 🎉 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统，同时提供了 Vue3 的版本https://gitee.com/y_project/RuoYi-Vue

（2）、载入项目

通过IDE打开项目，Maven会自动下载包

如果存在包版本问题，可以通过Maven面板进行调整，重新下载单个模板的包，可以查看包依赖真正需要的包版本

二、部署前端

（1）、源码载入

这里采用的源码跟后端代码是一起，直接在IDE中打开ruoyi-ui即可

可以直接按照README.md操作

（2）、安装环境

在终端输入，下载插件

npm install --registry=https://registry.npmmirror.com

（3）、端口配置

链接后端接口配置，可根据自身情况修改

网页端口配置，可根据自身情况修改

三、部署数据库信息

（1）、导入SQL

在RuoYi-Vue文件中找到sql，将下列sql脚本在数据库中执行

需要自行创建数据库，配置文件默认的数据库名称为ry-vue，嫌麻烦可以不进行更改，否则后面需要修改后端数据库配置，我这里是修改了默认的数据库名称，执行完成sql脚本就可以了

四、部署Redis服务

（1）、下载Windows版本

解压即用

https://github.com/tporadowski/redishttps://github.com/tporadowski/redishttps://github.com/microsoftarchive/redis/releaseshttps://github.com/microsoftarchive/redis/releases

默认端口6379，无需更改

五、项目运行

（1）、启动后端

如有修改数据库名称，可以在以下配置文件修改

启动服务，默认端口为8080，采用内置Tomcat

（2）、启动前端

在HBuilder IDE终端中输入

npm run dev 

（3）、启动Redis

双击运行Redis

（4）、最终效果