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

登录系统

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

相关推荐
AIGC绘画几秒前
Spring微服务概述之spring cloud alibaba服务调用实践
java·spring·微服务
wwangxu1 分钟前
Java 面向对象基础
java·开发语言
秦朝胖子得加钱15 分钟前
Flask
后端·python·flask
uzong18 分钟前
JDK高性能套路: 自旋(for(;;)) + CAS
java·后端
程序员yt42 分钟前
2025秋招八股文--服务器篇
linux·运维·服务器·c++·后端·面试
程序员苏桑1 小时前
从实际项目说代码重构
后端
DeviceArtist1 小时前
我穿越回2013年,拿到一台旧电脑,只为给Android2.3设备写一个时钟程序
后端
带刺的坐椅1 小时前
Spring SPI、Solon SPI 有点儿像(Maven 与 Gradle)
java·spring·solon·spi
冷眼看人间恩怨1 小时前
【Java】揭秘网络编程:深入探索其无尽奥秘与魅力
java·开发语言·tcp/ip·udp·tcp
机器之心1 小时前
Runway CEO:AI公司的时代已经结束了
人工智能·后端