1 准备工作

JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 12

2 下载若依(RuoYi-Vue)代码

2.1 若依官网

http://ruoyi.vip/

2.2 下载链接

https://gitee.com/y_project/RuoYi-Vue.git

2.3 git下载代码

第一步 复制下载代码命令

第二步 在代码存放文件夹右击鼠标打开Git Bash

第三步 粘贴之前复制的Git命令,按Enter键,下载代码

第四步 导入idea 下载完成后,打开idea软件,将我们刚刚下载好的文件导入idea中。

3 启动若依(RuoYi-Vue)

3.1 创建数据库ry-vue

3.2 将若依代码包中自带的sql文件在我们新建的数据库中运行一下,导入基础的数据库信息

3.3 创建数据库完成后,打开idea选择ruoyi-admin文件夹,找到application-druid.yml文件,在文件中更改默认的数据库配置。(如果你的数据库在本地,只需更换数据库的名称和账号密码即可)

注:如果你启动报错提示端口被占用,在application.yml 文件中把默认的8080端口配置改为可以使用的端口。同时在前端的vue.config.js 文件中也需要将端口号改为和application.yml 文件一致即可。

3.4 运行Redis


注意:如果不运行Redis,运行项目会报错

3.5 打开项目运行com.ruoyi.RuoYiApplication.java


出现如下图表示启动成功:

3.6 下载前端Vue依赖

3.6.1 打开IDEA的Terminal窗口

3.6.2 切换到ruoyi-ui路径下

3.6.3 输入npm install,下载项目依赖

注意:如果执行npm install命令后,卡在“sill idealTree buildDeps“

  • 造成上述问题的原因是因为node的默认安装环境在国外,因此我们只需要修改下镜像的地址
  • 解决方案:

3.6.4 输入npm run dev,运行前端

注意:如果不运行前端,后端运行成功,但输入localhost,弹出的是“欢迎使用RuoYi后台管理框架,当前版本:v3.7.0,请通过前端地址访问。”

3.7 打开浏览器,输入:(http://localhost:80) (默认账户/密码 admin/admin123)

若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功

4 部署RuoYi-Vue

4.1 打包工程文件

在ruoyi项目的bin目录下执行package.bat打包Web工程,生成war/jar包文件。然后会在项目下生成target文件夹包含war或jar

提示:多模块版本会生成在ruoyi/ruoyi-admin模块下target文件夹

4.2 部署工程文件

4.2.1 jar部署方式

使用命令行执行:java -jar ruoyi.jar 或者执行脚本:ruoyi/bin/run.bat

4.2.2 war部署方式

ruoyi/pom.xml中的packaging修改为war,放入tomcat服务器webapps

 <packaging>war</packaging>

提示:多模块版本在ruoyi/ruoyi-admin模块下修改pom.xml

5 参考链接

  1. RuoYi官方环境部署 :http://doc.ruoyi.vip/ruoyi/document/hjbs.html
  2. 若依(前后端分离版)使用教程:https://blog.csdn.net/qq_44198377/article/details/137456362
  3. ruoyi运行步骤详解:https://blog.csdn.net/qq_43567744/article/details/125206501
  4. npm安装时一直idealTree:npm: sill idealTree buildDeps解决方案:https://blog.csdn.net/m0_71645665/article/details/135972210
  5. 运行成功,但输入localhost,弹出的是“欢迎使用RuoYi后台管理框架,当前版本:v3.7.0,请通过前端地址访问。” :https://gitee.com/y_project/RuoYi/issues/I4A9KL
  6. Springboot(若依)本地包jar打包后运行缺失解决方案:https://blog.csdn.net/weixin_52890053/article/details/131811055?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-131811055-blog-125394531.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-131811055-blog-125394531.235%5Ev43%5Epc_blog_bottom_relevance_base9&utm_relevant_index=1
Logo

快速构建 Web 应用程序

更多推荐