【若依后管框架(前后端分离版)】如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】如何添加自己的功能模块以及菜单

【文章开始之前，先说一句，若依牛逼！】

文章目录

1 若依框架简介

RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。

若依前后端分离版官方文档地址：http://doc.ruoyi.vip/ruoyi-vue/

在这里插入图片描述

代码仓库地址：https://gitee.com/y_project/RuoYi-Vue

在这里插入图片描述

2 若依框架【前后端分离版】下载安装运行

2.1 运行系统环境需求

JDK >= 1.8

在这里插入图片描述

MySQL >= 5.7

在这里插入图片描述

Maven >= 3.0

在这里插入图片描述

Node >= 12

在这里插入图片描述

Redis >= 3

在这里插入图片描述

2.2 源码下载

【官方推荐直接clone 仓库，笔者这里就直接下载源码了】

前后端分离版源码地址：

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

在这里插入图片描述

直接下载源码压缩包

在这里插入图片描述

等待下载完成

在这里插入图片描述

OK，解压

在这里插入图片描述

点进去看看

在这里插入图片描述

OK，一个标准的Maven 多模块工程项目。

2.3 数据源准备

在解压好的源码目录下

sql

文件夹

在这里插入图片描述

这两个sql 文件需要导入数据库

【新建名为

ry-vue

(当然这个可以改)的数据库】

笔者因为已经有了个同名数据库，就小改一下

在这里插入图片描述

确定

在这里插入图片描述

直接拖入两个SQL 文件

在这里插入图片描述

开始

另一个同理

最终数据库效果

在这里插入图片描述

OK。这样数据库就准备好了。

2.4 运行项目

使用IDEA 【或者其他开发工具导入项目】

在这里插入图片描述

OK。

在这里插入图片描述

这样就同步完成了。

修改一下数据源配置
在这里插入图片描述

主要是数据库名和数据库用户名密码。

OK，现在就可以启动服务了

在这里插入图片描述

注意启动时，Redis 服务需要处于运行状态，不然会抛异常【因为若依框架使用到了缓存】

在这里插入图片描述

OK，这样后端就启动成功了。但是因为是前后端完全分离的，
直接访问

在这里插入图片描述

所以还需要启动项目

可以直接在IDEA 工具中打开命令行

在这里插入图片描述

cd 到

ruoyi-ui

目录下

在这里插入图片描述

OK，使用命令

npm install

安装前端项目需要的依赖

在这里插入图片描述

等待安装完成

在这里插入图片描述

OK，依赖下载完成。现在就可以运行前端项目了

使用命令

npm run dev

在这里插入图片描述

等待运行完毕

在这里插入图片描述

OK，编译成功后，会自动弹出页面

在这里插入图片描述

这就是若依【前后端分离版】系统了。

3 添加自己的功能模块

在这里插入图片描述

输入计算密码，进入系统

在这里插入图片描述

可以看到，默认的系统就是这个样子了，基本的功能可以说是相当齐全，让人忍不住再说一次，【若依牛逼！】

现在我们就来添加一个简单的自己的功能模块【主要是让大家能够知道使用方法】

3.1 准备数据源

这里笔者就简单的，比如说做一个“活动管理”，肯定得有一张活动表嘛

直接在数据库中创建

在这里插入图片描述

随便来几个字段【注意：把注释填好，有用！！！！！！】

在这里插入图片描述

给表本身也弄个注释！！！有用！！！！！！

在这里插入图片描述

【确定】

在这里插入图片描述

OK。数据表新建成功。

随便插入一条数据吧

在这里插入图片描述

OK。

3.2 使用若依代码生成器生成菜单以及接口、页面

接下来就是本文最核心的地方了

在这里插入图片描述

在这旁边加上一个活动管理，对我们刚刚新弄的活动表进行管理

在这里插入图片描述

点击菜单管理，先来一个“大菜单”

在这里插入图片描述

确定

在这里插入图片描述

这样就添加上了，下面祭出代码生成！

在这里插入图片描述

导入我们数据里面的活动表

在这里插入图片描述

确定

在这里插入图片描述

OK，现在进行一些设置，点击

编辑

在这里插入图片描述

可以看到一共有三栏

① 基本信息

在这里插入图片描述

这个没啥好说的，改一下作者吧，这样生成的接口代码中，文档注释 author 就会显示这个了

② 字段信息

在这里插入图片描述

这个根据自己的需求改就好了

③ 生成信息【这个是核心】

在这里插入图片描述

OK，直接提交。【注意上级菜单】

在这里插入图片描述

点击

生成 代码

在这里插入图片描述

下载下来

在这里插入图片描述

OK。代码生成就算完成了。

3.3 后端添加代码模块

就靠若依生成的代码肯定是不够的，我们需要在后端源码基础上做一些修改

在这里插入图片描述

新建一个子模块

在这里插入图片描述

创建

在这里插入图片描述

OK，一个干净的子模块

修改一下pom 文件

在这里插入图片描述

<dependencies><dependency><groupId>com.ruoyi</groupId><artifactId>ruoyi-common</artifactId></dependency></dependencies>

因为需要借助 “通用模块” 中的一些功能，所以要将其作为依赖加入我们的活动模块中【properties 需要杀删掉，父工程已经有了，这里最好不写】

修改ruoyi-admin 模块的pom 文件，将我们自己添加的活动模块加进来

<!--    活动信息管理    --><dependency><groupId>com.ruoyi</groupId><artifactId>ruoyi-activity</artifactId><version>${ruoyi.version}</version></dependency>

在这里插入图片描述

【记得刷一下，到这里 “自己动手” 的地方就算完了】

3.4 添加生成的代码到项目中

OK，现在就可以祭出我们代码生成那一步生成的压缩包了

在这里插入图片描述

解压出来

在这里插入图片描述

剩下的事儿就非常简单了

① 数据库

在这里插入图片描述

直接一把运行

在这里插入图片描述

OK，运行成功。

② 添加后端代码

在这里插入图片描述

看看生成了些啥

在这里插入图片描述

OK，控制器、实体类、数据层接口、业务层接口、业务层实现类全有了

还剩一个，mapper 映射文件

在这里插入图片描述

在这里

直接复制进去

在这里插入图片描述

OK，后端完事儿。

③ 贴入前端代码

在这里插入图片描述

直接复制这一整个文件夹

在这里插入图片描述

贴到这里，OK

还有个页面

在这里插入图片描述

也直接复制这个文件夹

在这里插入图片描述

OK。大功告成

重启一下后端服务

在这里插入图片描述

查看前端页面

在这里插入图片描述

牛逼！

4 测试功能

4.1 增

请添加图片描述

在这里插入图片描述

4.2 删

请添加图片描述

在这里插入图片描述

4.3 改

请添加图片描述

在这里插入图片描述

4.4 查

略

OK，就这样吧，若依的强大远远不止这些，大家慢慢探索吧，若依牛逼！！！

最后

我们一定能够成为我们想要去成为的人。

标签： mysql mybatis 数据库

本文转载自: https://blog.csdn.net/weixin_44226181/article/details/127805791
版权归原作者 Ding Jiaxiong 所有，如有侵权，请联系我们删除。

【若依后管框架(前后端分离版)】如何部署若依以及添加自己的功能模块和菜单

【若依后管框架(前后端分离版)】如何添加自己的功能模块以及菜单

文章目录

1 若依框架简介

2 若依框架【前后端分离版】下载安装运行

2.1 运行系统环境需求

2.2 源码下载

2.3 数据源准备

2.4 运行项目

3 添加自己的功能模块

3.1 准备数据源

3.2 使用若依代码生成器生成菜单以及接口、页面

3.3 后端添加代码模块

3.4 添加生成的代码到项目中

4 测试功能

4.1 增

4.2 删

4.3 改

4.4 查

发表评论