若依 spring boot +vue3 前后端分离

若依方便之处

如果你需要一个前后端分离管理web系统，可以通过若依快速搭建一个基于spring boot + vue的管理系统，当然还有cloud版，和App移动版可供选择，本文搭建的是spring boot + vue3.x版本

若依官网 

https://www.ruoyi.vip/

环境要求

• JDK >= 1.8
• MySQL >= 5.7
• Maven >= 3.0
• Node >= 20.0.0  vue 2.x > =12 
• Redis >= 3

搭建若依Springboot项目 

克隆项目到本地

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

修改maven配置 

mysql数据库连接

默认连接的是ry-vue的本地mysql数据库，可以进行替换，比如改写库名，或者服务器搭建mysql，或者更换为oracle等数据库，在 admin项目查看application-druid.yml查看数据库配置

 执行sql ，全部执行完应该是30张表，包含一些系统表和定时任务

修改数据库和redis配置 

mysql修改配置信息

redis修改配置信息

启动项目 

访问项目

搭建若依前端vue3项目 

下载项目

由于自带的是vue2.项目，所以需要将其改为vue3项目，官网案例在github，网速可怜，在gitee找了个vue3项目下载即可

 https://gitee.com/fanxincc/RuoYi-Vue3.git

安装依赖  

这里我采用yarn 安装，如果没有yarn，可以自行安装，并设置国内镜像源，或者直接使用npm，个人感觉npm的坑比较多 

yarn config set registry https://registry.npmmirror.com/ --global

node版本报错 

由于我当前版本是14.15.1，所以安装依赖报错

安装nvm，为了更好的管理node版本，我们安装nvm管理 nvm地址

 安装node 

nvm install 20.0.0

安装依赖成功 

启动项目 

yarn dev

登录系统 

至此，项目搭建完毕，若依框架的其他功能，以及配置，二开，会在其他章节介绍