我自己部署这个项目走了些弯路,做个总结,可以说是保姆级教程了,不懂的评论区留言,看到会回复的哦。
一、前期准备
项目部署需要用到的,建议提前下载安装配置好哦,下方只要是蓝色字体都是传送门哦:
JDK>=1.8(我的是16.0.2)
MySQL>=5.7(我的是5.7)
Apache Maven >= 3.0(我的是3.8.6)
Navicat (连接数据库,我的是15)
npm (我的是6.14.15,做前端时装的)
IDEA(用来导入运行后端,我的是2022.1最新版)
vscode(打开运行后台,也可以是Hbuild、webstorm等)
Git (用来下载项目)
二、下载项目RuoYi-Vue
传送门:https://gitee.com/y_project/RuoYi-Vue
建议使用git clone http地址进行下载
文件夹预览:
三、启动后端
3.1、打开IDEA,导入整个项目文件夹RuoYi-Vue
3.2、IDEA还自动进行Maven加载项目依赖
3.3、navicat导入sql文件
- 首先要连接自己的mysql(自己找教程);
- 在连接(我的连接名叫aaa)下新建数据库ruoyi(名字自己设置,第4步里己的改成对应的);
- 运行SQL文件
- 右键表刷新即可看到导入的sql文件
3.4、IDEA中找到数据库配置文件
- 找到RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml将端口号、数据库名、数据库密码改成自己的(第3步里自己设置的,密码时安装mysql时的)
- 找到RuoYi-Vue\ruoyi-admin\src\main\java\com\ruoyi\RuoYiApplication.java文件,右键运行,启动后台
- 出现下图表示启动成功
- 在浏览器输入http://localhost:8080验证
四、启动后台(前端代码)
4.1、在vscode打开文件夹RuoYi-Vue\ruoyi-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;