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

原创已于 2024-12-06 09:31:01 修改

· 525 阅读

2 ·

版权

文章标签：

#spring #经验分享

于 2024-12-05 23:23:38 首次发布

提前准备：

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%2B8
                username: root
                password: youpassword

spring:
  redis:
    host: 127.0.0.1
    port: 6379
    database: 0
    password: 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 serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 DONE  Compiled successfully in 61389ms                                                                         22:38:11

  App running at:
  - Local:   http://localhost:80/
  - Network: http://192.168.0.71:80/