若依 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

登录系统

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

相关推荐
蓝澈11212 分钟前
迪杰斯特拉算法之解决单源最短路径问题
java·数据结构
Kali_079 分钟前
使用 Mathematical_Expression 从零开始实现数学题目的作答小游戏【可复制代码】
java·人工智能·免费
rzl0221 分钟前
java web5(黑马)
java·开发语言·前端
君爱学习27 分钟前
RocketMQ延迟消息是如何实现的?
后端
guojl40 分钟前
深度解读jdk8 HashMap设计与源码
java
Falling4244 分钟前
使用 CNB 构建并部署maven项目
后端
guojl1 小时前
深度解读jdk8 ConcurrentHashMap设计与源码
java
程序员小假1 小时前
我们来讲一讲 ConcurrentHashMap
后端
爱上语文1 小时前
Redis基础(5):Redis的Java客户端
java·开发语言·数据库·redis·后端