若依 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的坑比较多

bash 复制代码
yarn config set registry https://registry.npmmirror.com/ --global

node版本报错

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

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

安装node

bash 复制代码
nvm install 20.0.0

安装依赖成功

启动项目

bash 复制代码
yarn dev

登录系统

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

相关推荐
曹轲恒1 小时前
Java中断
java·开发语言
xxxmine1 小时前
Java并发wait(timeout)
java
冰冰菜的扣jio2 小时前
Redis缓存问题——一致性问题、事务、持久化
java·spring·mybatis
施棠海2 小时前
监听与回调的三个demo
java·开发语言
赴前尘2 小时前
golang 查看指定版本库所依赖库的版本
开发语言·后端·golang
毕设源码-钟学长3 小时前
【开题答辩全过程】以 家政服务平台为例,包含答辩的问题和答案
java
sheji34165 小时前
【开题答辩全过程】以 家庭教育资源网为例,包含答辩的问题和答案
java
百***78755 小时前
Grok-4.1与GPT-5.2深度对比:技术差异、适用场景及Python集成指南
java·python·gpt
Mr -老鬼5 小时前
Java VS Rust
java·开发语言·rust