一、前期准备

项目部署需要用到的，建议提前下载安装配置好哦，下方只要是蓝色字体都是传送门哦：

JDK>=1.8（我的是16.0.2）

>=5.7（我的是5.7）

>= 3.0（我的是3.8.6）

（连接数据库，我的是15）

npm （我的是6.14.15，做前端时装的）

（用来导入运行后端，我的是2022.1最新版）

（打开运行后台，也可以是Hbuild、webstorm等）

Git （用来下载项目）

二、下载项目RuoYi-Vue

传送门：

建议使用git clone http地址进行下载

文件夹预览：

三、启动后端

3.1、打开IDEA，导入整个项目文件夹RuoYi-Vue

3.2、IDEA还自动进行加载项目依赖

3.3、navicat导入sql文件

首先要连接自己的mysql（自己找教程）； 在连接（我的连接名叫aaa）下新建数据库ruoyi（名字自己设置，第4步里己的改成对应的）；

运行SQL文件

右键表刷新即可看到导入的sql文件

3.4、IDEA中找到数据库配置文件

找到RuoYi-Vue uoyi-adminsrcmain esourcesapplication-druid.yml将端口号、数据库名、数据库密码改成自己的（第3步里自己设置的，密码时安装mysql时的）

找到RuoYi-Vue uoyi-adminsrcmainjavacom uoyiRuoYiApplication.java文件，右键运行，启动后台

出现下图表示启动成功

在浏览器输入http://localhost:8080验证

 四、启动后台（前端代码）

4.1、在vscode打开文件夹RuoYi-Vue uoyi-ui

4.2、在项目里运行npm install

4.3、运行npm run dev启动后台

4.4、运行成功显示的地址在浏览器打开即可看到登录界面

 五、遇到的问题

5.1、登录页面无验证码

如果没有验证码就无法登陆，检查一下数据库配置，见3.4，仔细检查数据库名称、密码，端口号是否有误

5.2、登录成功页面乱码

今天我部署这个项目就遇到了乱码问题，长这个样子（图是借的，我的已经解决了）：

我尝试了很多方式都无法解决，在这里给大家避个雷吧：

我们在navicat导入那两个sql文件之前，用记事本或其他软件分别打开.sql文件，在文件最上方添加一行代码（或者在建数据库之前打开mysql那个黑框，输入这个命令）：

SET NAMES utf8;

这句代码意味着在导入时会先运行，将一下格式换成utf8，这样就不会乱码了，因为这一句相当于执行了以下三句：

SET character_set_client = utf8; 
SET character_set_results = utf8; 
SET character_set_connection = utf8;