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

登录系统

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

相关推荐
不会Hello World的小苗14 分钟前
Java——列表(List)
java·python·list
二十七剑1 小时前
jvm中各个参数的理解
java·jvm
东阳马生架构3 小时前
JUC并发—9.并发安全集合四
java·juc并发·并发安全的集合
计算机小白一个3 小时前
蓝桥杯 Java B 组之岛屿数量、二叉树路径和(区分DFS与回溯)
java·数据结构·算法·蓝桥杯
孤雪心殇3 小时前
简单易懂,解析Go语言中的Map
开发语言·数据结构·后端·golang·go
White graces3 小时前
正则表达式效验邮箱格式, 手机号格式, 密码长度
前端·spring boot·spring·正则表达式·java-ee·maven·intellij-idea
菠菠萝宝3 小时前
【Java八股文】10-数据结构与算法面试篇
java·开发语言·面试·红黑树·跳表·排序·lru
不会Hello World的小苗3 小时前
Java——链表(LinkedList)
java·开发语言·链表
Allen Bright4 小时前
【Java基础-46.3】Java泛型通配符详解:解锁类型安全的灵活编程
java·开发语言
柃歌4 小时前
【UCB CS 61B SP24】Lecture 7 - Lists 4: Arrays and Lists学习笔记
java·数据结构·笔记·学习·算法