简单步骤介绍
本地启动
-
下载代码
-
导入基础数据,下载的代码中有个sql文件夹,在数据库运行这里面的两个sql文件
-
分别将前后台代码导入IDEA里(可直接拖入)
-
启动Redis
-
在后台代码的application-druid.yml文件里修改数据库连接信息
在application.yml里修改端口号以及Redis连接信息
-
分别启动前后端项目
服务器部署
若部署到一个远程服务器,服务器上需要有nginx、jdk、redis以及node环境。
- 前后台项目打包
- 将打包后的文件放在要部署的服务器上。
- 配置nginx信息,并重新加载。
- 启动redis服务。
- 启动后台jar包。
结束。(在浏览器中输入ip地址即可访问)
参考了很多教程,其中有一个我觉得讲的比较好的视频教程:
具体操作可参考此教程:去看教程
详细操作演示
本地启动
1、下载代码
下载并解压:
RuoYi-Vue文件夹里有一个ruoyi-ui文件夹,ruoyi-ui里为前端项目代码,将ruoyi-ui剪切出来:
此时:ruoyi-ui为前端项目代码;RuoYi-Vue为后端项目代码。
2、导入基础数据
打开RuoYi-Vue里有一个名为sql的文件夹
(自行提前创建数据库连接和建立库,注意记住账号密码)
在数据库运行这两个文件:
共30张表。
3、启动Redis
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-faJMdXL0-1623309205135)(Ruoyi启动并部署.assets/1623306208672.png)]
如果执行redis-server.exe redis.windows.conf出错的话,依次执行以下语句:
reids-cli.exe
shutdown
exit
然后再执行启动语句。
启动成功。
4、启动后端项目
将RuoYi-Vue文件夹直接拖入IDEA中:
导入后查看pom.xml文件是否报红,右键pom.xml文件:
Reimport后若还是不行,则可能需要设置一下Maven库的地址,请百度解决。
配置数据库连接信息:(application-druid.yml)
设置项目端口号信息:(application.yml)
默认为8080,但我的用8080会提示端口被占用。因此设置的是8081,也可以是别的。
设置Redis连接信息:(application.yml)
启动:
或者右键main方法启动:
出现如图所示则启动成功:
5、启动前端项目
前端项目可以像后端项目一样拖到IDEA启动,也可以在dos窗口命令启动,这里演示在dos窗口命令启动。
首先查看环境是否支持:
能显示出node和npm的版本号即可。
修改端口号使其与后端一致。打开ruoyi-ui文件夹中的vue.config.js文件:
cd到前端项目代码所在位置:
输入命令:
npm install --registry=https://registry.npm.taobao.org
结束后ruoyi-ui里会产生node_modules文件:
输入启动命令:
启动成功后会自动打开登录页面:(不要急,多等会儿)
前后端项目本地启动结束!
服务器部署
(待续。。。)