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

登录系统

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

相关推荐
abcnull7 分钟前
用javaparser做精准测试
java·ast·静态代码分析·精准测试·javaparser
叶小鸡13 分钟前
Java 篇-项目实战-苍穹外卖-笔记汇总
java·开发语言·笔记
AI人工智能+电脑小能手29 分钟前
【大白话说Java面试题】【Java基础篇】第22题:HashMap 和 HashSet 有哪些区别
java·开发语言·哈希算法·散列表·hash
juniperhan43 分钟前
Flink 系列第21篇:Flink SQL 函数与 UDF 全解读:类型推导、开发要点与 Module 扩展
java·大数据·数据仓库·分布式·sql·flink
ID_1800790547344 分钟前
Python 实现亚马逊商品详情 API 数据准确性校验(极简可用 + JSON 参考)
java·python·json
devpotato1 小时前
Spring Boot mTLS 报 `keystore password was incorrect`:不一定是密码错了
spring boot·tls·pkcs12·mtls
c++之路1 小时前
C++23概述
java·c++·c++23
专注API从业者2 小时前
Open Claw 京东商品监控选品实战:一键抓取、实时监控、高效选品
java·服务器·数据库
摇滚侠2 小时前
DBeaver 导入数据库 导入 SQL 文件 MySQL 备份恢复
java·数据库·mysql
古城小栈2 小时前
从 cargo-whero 库中,找到提升 rust 的契机
开发语言·后端·rust