基于若依RuoYi框架前后端分离版开发详解

àì夳堔傛蜴生んèń 2024-03-24 20:12 40阅读 0赞

## 一.源码下载 ##

1.进入若依官网：http://www.ruoyi.vip/，顶部菜单栏【源码地址】，选择前后端分离版

![在这里插入图片描述][8107dc0557f440a7aa7a0553c62c6442.png]

2.下载方式二选一即可，①复制地址用git下载 ②将zip包下载到本地后解压。右侧能够预览并选历史版本进行下载。随着版本的更新会对框架进行bug的修复和升级完善，通常选择最新版就可以了。

![在这里插入图片描述][a7b001430653475485a54cfd5113c934.png]

## 二.环境准备及代码修改 ##

**1.环境准备**

后端：jdk1.8+ mysql redis maven  
前端：node.js

**2.代码修改**

修改项目名称、模块名称及“ruoyi”相关命名。

（1）由于是前后端分离版本，前后端代码由不同人员编写，为便于管理，将前后端代码分为两个项目维护。将ruoyi-ui模块拷贝出来作为前端项目，其余的单独创建一个文件夹做为后端项目。

![拆分为两个项目][870af41a145d4e0ea833306011364f83.png]

后端项目目录

![后端目录][8fa27ff529754287b0a4798ead003e2c.png]

前端项目目录

![前端目录][db74637eedd148c7ab2a5de39bcdcce0.png]

（2）项目名称和模块名称直接右键修改即可。

![在这里插入图片描述][288c1cec555d42b49486ed7c13128811.png]

（3）项目中有很多“ruoyi”相关的命名，例如包名、类名等，根据命名规范大小写不同，而Java是严格区分大小写的，所以不能一次性统一替换，需区分大小写替换。用Ctrl+Shift+R全局搜索替换，注意锁定大小写，如下图，不同版本IDEA锁定大小写按钮的样式和位置可能不同。

![在这里插入图片描述][09ac6471943d451683f627adc4951d58.png]

（4）修改后端配置文件，修改application-druid.yml中的数据库连接配置，修改application.yml中的redis配置。

![在这里插入图片描述][e7e0d6fd3ad141c4b9e388b685b5cd10.png]  
![在这里插入图片描述][169825dcecd94fe899411c962987ea9b.png]

（5）修改前端配置文件，修改vue.config.js中的代理，ip和端口与后端服务相匹配。

![在这里插入图片描述][554a9caad3634b948f221cbfc622175d.png]

## 三.前后端启动 ##

**1.后端启动**

运行启动文件即可，看到控制台如下输出则启动成功。

![在这里插入图片描述][40b12c8968b94f11a2398dd20bb7652b.png]

**2.前端启动**

首先确保本机已装有node.js，没有需要安装。

# 安装依赖
    npm install
    # 启动服务
    npm run dev

![在这里插入图片描述][a760dc0e7f6c400fbc8386661784dec2.png]

**3.启动验证**

请求本地服务地址http://localhost:8080可看到登录页面

![在这里插入图片描述][5defef7b58a5497d842c25401f1dd4d3.png]

## 四.集成mybatis-plus ##

**1.引入依赖**

<dependency>
       <groupId>com.baomidou</groupId>
       <artifactId>mybatis-plus-boot-starter</artifactId>
       <version>3.5.1</version>
    </dependency>

**2.代码修改**

修改MyBatisConfig.java文件的127行，修改为

final MybatisSqlSessionFactoryBean sessionFactory = new MybatisSqlSessionFactoryBean();

修改后代码如下

![在这里插入图片描述][f565ce4f17f84708b6b499be51bf1487.png]

至此，若依框架的搭建与mybatis-plus的集成已经完成。  
附官方文档：http://doc.ruoyi.vip/ruoyi-vue/

[8107dc0557f440a7aa7a0553c62c6442.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b33fe678356f4d31b6621d331f4fdc3e.png
[a7b001430653475485a54cfd5113c934.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/ea221937eb994b58872b64b7c33c60df.png
[870af41a145d4e0ea833306011364f83.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/62b4d36777514b25afb55e84440d6252.png
[8fa27ff529754287b0a4798ead003e2c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/0f3f691eaf894ef9b2449cd81e4ab2f0.png
[db74637eedd148c7ab2a5de39bcdcce0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/fca5f05cf7cb4084bb46530892570a75.png
[288c1cec555d42b49486ed7c13128811.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/cd3dbe16781446bbadd2c042f547ec2a.png
[09ac6471943d451683f627adc4951d58.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/422a0e84e9b041378306095e32a4360a.png
[e7e0d6fd3ad141c4b9e388b685b5cd10.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/498d378e72aa4fba874d8348901843d9.png
[169825dcecd94fe899411c962987ea9b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/420368d5597940edb91e91cfc4111df7.png
[554a9caad3634b948f221cbfc622175d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/02a7aaf0e3aa459fa1c10c803fc5b2e7.png
[40b12c8968b94f11a2398dd20bb7652b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b06e2f3ca1bd45de9d489c96809d80b2.png
[a760dc0e7f6c400fbc8386661784dec2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/3e74f81f74004cce9432519a32d8f995.png
[5defef7b58a5497d842c25401f1dd4d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/9bed3ca000ad43d6ad1a182e0da18cb0.png
[f565ce4f17f84708b6b499be51bf1487.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/7e914452a0e04cbebad52edba20a1471.png