本人选取的是若依前后端分离版本。
若依项目有非常友好的社区环境和知识库体系。建议直接根据官方文档上手,文档地址:http://doc.ruoyi.vip/ruoyi-vue/
01.安装必要软件
基础环境安装清单,具体安装过程不赘述了:
- JDK 1.8
- Mysql 5.7.36
- Redis 3.2.100
- Maven 3.0
建议使用阿里云镜像作为中央仓库。 - Node 16.13.0
前端安装完node后,最好设置下淘宝的镜像源,不建议使用cnpm
npm config set registry https://registry.npm.taobao.org
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
- IDEA 2020.1.4
设置maven,jdk… - VScode 1.60.2
- Navicat Premium 12
02.下载源码
下载源码: https://gitee.com/y_project/RuoYi-Vue
下载的源码包中已经包含了前后端代码,前端代码文件夹为ruoyi-ui
03.搭建环境
1.后端
1.源码导入IDEA
2.创建数据库ry-vue并使用Navicat依次导入数据脚本ry_2021xxxx.sql,quartz.sql,建议编码格式为UTF8mb4。
3.修改项目中配置文件redis和数据库设置-用户名,密码,端口号。
打开项目运行com.ruoyi.RuoYiApplication.java,出现如下图表示启动成功。
2.前端
使用vscode打开ruoyi-ui文件夹,新建终端。然后执行如下命令:
# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 本地开发 启动项目
npm run dev
执行完成后系统自动打开浏览器,显示登陆页面。默认账户/密码 admin/admin123
至此,环境搭建完毕。
以后开发过程中,先启动后端。再使用npm run dev 启动前端即可。