当前位置：首页 > news >正文

【全网最新】若依管理系统基于SpringBoot的前后端分离版本开发环境配置

news 2025/8/13 14:59:07

提前准备：

下载源代码

设置依赖

设置后台连接信息

运行后台

运行前端

安装npm依赖

启动前端

登录网页客户端

提前准备：

1、安装mysql 5以上就可以。

2、安装redis.

3、安装npm

npm下载地址：https://nodejs.org/dist/v22.12.0/node-v22.12.0-x64.msi

4、安装idea

下载源代码

https://gitee.com/y_project/RuoYi-Vue.git

或者

下载仓库 · 若依/RuoYi-Vue - Gitee.com

初始化数据库

使用Navicat或其他数据库工具将数据库脚本恢复到mysql中，数据库名为：ry-vue

设置依赖

在项目的 pom.xml 文件中添加 Redis 相关的依赖。

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId>
</dependency>

设置后台连接信息

在 application.yml 或 application.properties 文件中配置 Redis 的连接信息

            # 主库数据源master:url: jdbc:mysql://***:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8username: rootpassword: youpassword

spring:redis:host: 127.0.0.1port: 6379database: 0password: yourpassword

运行后台

如果看到这个标志就是启动成功了

运行前端

切换到你本地的若依前端目录下

D:\>cd D:\ruoyi\RuoYi-Vue\ruoyi-ui

安装npm依赖

D:\ruoyi\RuoYi-Vue\ruoyi-ui>npm install --registry=https://registry.npmmirror.com

D:\ruoyi\RuoYi-Vue\ruoyi-ui>npm install --registry=https://registry.npmmirror.com

看到这个就说明安装成功了

启动前端

npm run dev

看到如下内容说明启动成功了

D:\ruoyi\RuoYi-Vue\ruoyi-ui>npm run dev> ruoyi@3.8.8 dev
> vue-cli-service serveINFO  Starting development server...
98% after emitting CopyPluginDONE  Compiled successfully in 61389ms                                                                         22:38:11App running at:- Local:   http://localhost:80/- Network: http://192.168.0.71:80/