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

若依前后端分离版本二次开发（一 搭建开发环境，新建模块）

news 2026/5/12 0:10:17

若依前后端分离版本二次开发（一 搭建开发环境，新建模块）

一 修订记录

序号 修订内容 修订时间
1 新增

二 目标

2.1 初始化环境

2.2 新增模块

三 实施

3.1 初始化环境

3.1.1 开发环境信息

序号 软件名称 版本
1 ruoyi 前后端分离 3.9.6
2 数据库 mysql5.7.43
3 JDK 1.8.0
4 MAVEN 3.6.2
5 npm 10.8.2
6 node 18.20.5

3.1.2 后端初始化

3.1.2.1 建库

CREATE DATABASE IF NOT EXISTS `ryvuesys_v1` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

导入数据，导入 sql/ry_20250522.sql 和sql/quartz.sql

3.1.2.2 修改数据源配置 ruoyi-admin/src/main/resources/application-druid.yml

修改内容如下：

        druid:# 主库数据源master:url: jdbc:mysql://localhost:3306/ryvuesys_v1?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8username: rootpassword: 123456

3.1.2.3 后端启动

启动成功 浏览器可访问
image

ide 后台可看到启动成功日志

(♥◠‿◠)ﾉﾞ  若依启动成功   ლ(´ڡ`ლ)ﾞ

3.1.3 前端初始化

3.1.3.1 修改配置vue.config.js

根据后端ip和端口 修改

const baseUrl = 'http://localhost:8080' // 后端接口

3.1.3.2 启动前端

到前端包下执行

 D:\dev\RuoYi-Vue\ruoyi-ui> npm run dev

image

3.2.3.3 启动成功

一般直接跳转到浏览器，然后登录成功即可
image

image