若依代码生成教程及生成代码详解

最新推荐文章于 2024-09-16 22:05:40 发布
最新推荐文章于 2024-09-16 22:05:40 发布
阅读量2.5k 收藏 54
点赞数 29
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49507169/article/details/141337237
版权

title: 若依代码生成教程及生成代码详解
author: 红豆刨冰

若依官方代码生成的文档–> https://doc.ruoyi.vip/ruoyi/document/htsc.html#%E4%BB%A3%E7%A0%81%E7%94%9F%E6%88%90

官方文档太过简略,对新手不友好

单表增删改查

1.表生成

设计表

表的设计一定要详细完善,考虑周到,这样不用返工

image-20240813153637400

插入示例数据

image-20240815111701734

2.目录生成

2.1菜单生成

image-20240813154024960

路由地址–>我也不知道干啥用

2.2编辑代码生成配置

在系统工具代码生成中,点击导入,导入对应的数据表,进入编辑页面

image-20240813162141875

image-20240813162206292

字段信息这边,如果在创建数据表就已经完善,这边便无需修改

image-20240813162423865

生成模板–>单表的增删改查

生成包路径–>对应自己写的代码的包路径

生成模块名–>前端的模块名,与后端无关

生成业务名–>后端controller类上@RequestMapping 请求路径

生成功能名–>用作类描述

上级菜单–>选生图管理

2.3代码导入执行

生成的文件

image-20240813163849233

sql脚本在sys_menu中添加菜单和按钮

将这些代码粘贴到对应位置,重启前端和后端服务,并执行sql语句.

执行会报错

The injection point has the following annotations:
	- @org.springframework.beans.factory.annotation.Autowired(required=true)

是mapper层没有加注解@Mapper,加上即可

最后运行代码看到效果

image-20240813164909408

2.4前端优化

在自动生成代码的基础上,可以做一些自己的修改

这里我对显示url不满意

image-20240813165149476

使用el-image组件,将图片url预览出来
image-20240813165521321

3.代码详解

3.1后端代码

@RestController
@RequestMapping("/models")
public class SdModelsController extends BaseController
{
    @Autowired
    private ISdModelsService sdModelsService;

    /**
     * 查询SD模型库列表
     */
    @RequiresPermissions("mj:models:list")
    @GetMapping("/list")
    public TableDataInfo list(SdModels sdModels)
    {
        startPage();
        List<SdModels> list = sdModelsService.selectSdModelsList(sdModels);
        return getDataTable(list);
    }
  ...
}

@RequestMapping(“/models”)

models便是上文提到过的模块业务名

SdModelsController继承了BaseController–>web层通用数据处理

方法上有@RequiresPermissions进行权限认

startPage() 设置请求分页数据

查询和搜索用了同一个方法,请求都是list,携带参数不同

SdModels sdModels是由Spring自动创建并填充的，它从HTTP请求中获取数据，并通过Spring的自动数据绑定机制将这些数据注入到SdModels对象中

3.2 sql脚本

-- 菜单 SQL
insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('SD模型库', '1081', '1', 'models', 'mj/models/index', 1, 0, 'C', '0', '0', 'mj:models:list', '#', 'admin', sysdate(), '', null, 'SD模型库菜单');

-- 按钮父菜单ID
SELECT @parentId := LAST_INSERT_ID();

-- 按钮 SQL
insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('SD模型库查询', @parentId, '1',  '#', '', 1, 0, 'F', '0', '0', 'mj:models:query',        '#', 'admin', sysdate(), '', null, '');

insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('SD模型库新增', @parentId, '2',  '#', '', 1, 0, 'F', '0', '0', 'mj:models:add',          '#', 'admin', sysdate(), '', null, '');

insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('SD模型库修改', @parentId, '3',  '#', '', 1, 0, 'F', '0', '0', 'mj:models:edit',         '#', 'admin', sysdate(), '', null, '');

insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('SD模型库删除', @parentId, '4',  '#', '', 1, 0, 'F', '0', '0', 'mj:models:remove',       '#', 'admin', sysdate(), '', null, '');

insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('SD模型库导出', @parentId, '5',  '#', '', 1, 0, 'F', '0', '0', 'mj:models:export',       '#', 'admin', sysdate(), '', null, '');

建立菜单用的

3.3前端代码

image-20240815144513145

image-20240815144557044

image-20240815144621388

树表增删改查

1.表生成

image-20240816110251110

2.目录生成

2.1编辑代码生成配置

image-20240816110457013

image-20240816110507599

image-20240816110808655

2.2代码导入执行

image-20240816110953585

代码导入步骤同单表.

效果如下

image-20240816111138154

2.3前端优化

可见,树形的下拉分类已经实现,但是第一列显示父类id

修改index.vue

image-20240816111311687

修改后效果如上

3.代码详解

查询list方法

image-20240816114228885

image-20240816141945758

handleTree 函数的作用是将平面结构的树形数组数据转换为嵌套的树形结构,写在/utils/ruoyi.js中

/**
 * 构造树型结构数据
 * @param {*} data 数据源
 * @param {*} id id字段 默认 'id'
 * @param {*} parentId 父节点字段 默认 'parentId'
 * @param {*} children 孩子节点字段 默认 'children'
 */
export function handleTree(data, id, parentId, children) {
  let config = {
    id: id || 'id',
    parentId: parentId || 'parentId',
    childrenList: children || 'children'
  };

  var childrenListMap = {};
  var nodeIds = {};
  var tree = [];

  // 构建 childrenListMap 和 nodeIds
  for (let d of data) {
    let parentId = d[config.parentId];
    if (childrenListMap[parentId] == null) {
      childrenListMap[parentId] = [];
    }
    nodeIds[d[config.id]] = d;
    childrenListMap[parentId].push(d);
  }

  // 构建根节点
  for (let d of data) {
    let parentId = d[config.parentId];
    if (nodeIds[parentId] == null) {
      //如果节点的父节点为null即为根节点
      tree.push(d);
    }
  }

  // 递归构建子节点
  for (let t of tree) {
    adaptToChildrenList(t);
  }

  function adaptToChildrenList(o) {
    //如果有子节点,添加进去
    if (childrenListMap[o[config.id]] !== null) {
      o[config.childrenList] = childrenListMap[o[config.id]];
    }
    //如果子节点不为null,则遍历子节点,再递归调用adaptToChildrenList
    if (o[config.childrenList]) {
      for (let c of o[config.childrenList]) {
        adaptToChildrenList(c);
      }
    }
  }
  return tree;
}

变量解释

  • config: 用来存储函数内部使用的字段名称配置。

  • childrenListMap: 用来存储每个节点的子节点列表，键是父节点的 id，值是一个数组，包含了所有该父节点的直接子节点。

  • nodeIds: 用来存储所有节点的映射，键是节点的 id，值是节点对象。

  • tree: 用来存储最终的树结构根节点

原本使用父类id进行查询,只会返回儿子

修改查询的service层实现

 /**
     * 查询分类列表
     *
     * @param categories 分类信息，包含查询条件
     * @return 所有符合条件的分类列表，包括所有子分类
     */
    @Override
    public List<Categories> selectCategoriesList(Categories categories) {
        if (categories.getParentId() == null) {
            return categoriesMapper.selectCategoriesList(categories);
        }
        // 首先获取顶层分类列表
        List<Categories> topCategories = categoriesMapper.selectCategoriesList(categories);

        // 创建一个列表用于存储所有分类，包括子分类
        List<Categories> allCategories = new ArrayList<>();

        // 对每个顶层分类进行递归查询
        for (Categories category : topCategories) {
            allCategories.add(category);
            // 递归查找子分类并加入到列表中
            allCategories.addAll(getAllSubCategories(category));
        }

        return allCategories;
    }

    /**
     * 递归获取所有子分类
     *
     * @param parentCategory 父分类
     * @return 所有子分类列表
     */
    private List<Categories> getAllSubCategories(Categories parentCategory) {
        // 创建一个列表用于存储子分类
        List<Categories> subCategories = new ArrayList<>();

        // 创建查询条件，查找该父分类的所有子分类
        Categories query = new Categories();
        query.setParentId(parentCategory.getId());
        List<Categories> childCategories = categoriesMapper.selectCategoriesList(query);

        // 对每个子分类进行递归查询
        for (Categories childCategory : childCategories) {
            subCategories.add(childCategory);
            subCategories.addAll(getAllSubCategories(childCategory));
        }

        return subCategories;
    }

image-20240816155331461

实体类Categories

public class Categories extends TreeEntity

Categories继承了TreeEntity,TreeEntity中有parentId属性

主子表增删改查

TODO

遇到了再说

个人博客

€红豆刨冰
关注
若依源码解析：代码生成ruoyi-generator
字节叔叔
05-29 1万+
若依的代码生成器模块（ruoyi-generator）可以根据数据库表的设计信息和配置的模板，自动生成相应的Java代码文件。代码生成器使用Velocity作为模板引擎，根据模板文件中的占位符和变量替换规则，将元数据信息嵌入到生成的代码中，生成具体的代码文件。通过导入表结构和生成代码两个后端接口，实现了快速导入数据库表结构和生成代码的功能。
MyBatis Plus中代码生成器使用详解
09-07
其中，代码生成器是MyBatis Plus的一个强大特性，它能够自动生成基于数据库表的实体类、Mapper接口及XML配置文件、Service层以及Controller层的代码，极大地提高了开发效率。 首先，为了使用MyBatis Plus的代码生成...
【若依框架】代码生成详细教程，15分钟搭建Springboot+Vue3前后端分离项目，基于Mysql8数据库和Redis5，管理后台前端基于Vue3和Element Plus，开发小程序数据后台
编程小石头
06-25 2万+
今天我们来借助若依来快速的搭建一个基于springboot的Java管理后台，后台网页使用vue3和 Element Plus来快速搭建。
若依代码自动生成器以及改造若依(logo,标题等)
qq_55961021的博客
07-18 1064
Vue中的api里面的文件粘贴到前端代码中api的里面，view粘贴到前端代码中的view里面。进入ruoyi-ui --> src --> layout --> components --> Sidebar --> Logo.vue，将里面的 title: '若依管理系统', 换成自己网站的名称。将ruoyi-ui --> src -->views 下的login.vue文件中的若依后台管理系统 修改成自己的管理后台名称。（注意：这种只适合单张表数据的提交）
若依框架-源码阅读_后端代码分析
最新发布
m0_74462339的博客
09-16 446
通过使用 Map 来接收参数，开发者可以灵活地处理变化的请求参数，避免频繁修改已有的实体类，减少代码改动的风险，提升开发效率。注：实体类一旦修改，前端接收的数据就会发生变化，可能就会有风险。
【若依】代码生成详细教程（单表、主从表、树形表增删改查）
weixin_61370021的博客
04-18 1万+
单表、主从表、树形表，若依代码生成详细教程，一篇就能掌握，快速开发增删改查接口
若依代码生成（超详细的图文教程）
Keep__Me的博客
07-30 2万+
最近因为要使用若依框架生成代码，因为刚开始不熟悉，所以耗费了挺长时间的，按照网上的教程都是新建一个mudel，我是想把生成的代码直接放到我原来的系统中，自己摸索耗费了点时间，所以特地记录一下。
若依配置教程（四）代码生成
qq_46073825的博客
01-31 9701
若依代码生成
【若依框架】代码生成详细教程
热门推荐
思月行云
03-08 3万+
【若依框架】代码生成详细教程_萌宅鹿的技术小屋-CSDN博客_若依框架代码生成若依框架1、修改代码生成配置2、新建数据库表结构（单表）3、项目中新建模块，并解决项目依赖的关系4、若依系统中新建一个目录 - 学生管理5、导入一开始建的表并设置上级目录，生成代码6、执行生成的SQL7、将生成的代码放入项目中8、重启项目，访问页面若依官网的代码生成文档我觉得若依官方的代码生成教程过于简单，网上的教程很多连个效果图都没有。。本文要达到的效果如下：[学生管理] 下有个 [学生信息] 菜单，里面可以增删改查1、修改代.
关于RuoYi自动代码生成功能的使用
weixin_61845680的博客
10-11 5675
若依自动生成功能的使用
若依代码生成器的使用
qq_61935738的博客
03-09 8058
软件工程实验报告
Easy-Code代码生成配置文件
07-10
在IT行业中，代码生成器是一种高效工具，它能够自动生成特定模式或结构的代码，从而减少程序员手动编写重复性代码的工作量，提高开发效率。"Easy-Code代码生成配置文件"是一个专门针对这类需求设计的配置文件，它...
MyBatis Generator生成代码及使用方式详解
09-01
6. **持续集成**：为了保持代码与数据库的一致性，你还可以将MyBatis Generator集成到持续集成系统中，每次数据库表结构变更后自动重新生成代码。 总的来说，MyBatis Generator通过自动化代码生成，极大地减少了...
基于Android本地代码生成器详解
09-05
Android本地代码生成器是一款针对Android NDK开发设计的实用工具，旨在简化开发过程中本地代码（C/C++）的创建和管理。在使用Android NDK进行原生编程时，手动创建和管理本地代码文件、编译文件（如Android.mk）以及...
Ruoyi生成代码功能使用
Bamboo_243的博客
11-09 2343
在C语言中，我们会将反复调用的代码块封装成函数，并设置参数以运用于功能相同但对象不同的情况。在Java中，也许我们能通过运用泛型达到类似的效果，但。
若依框架（前后端分离）——代码生成器使用详细教程（24年新版）
weixin_45715650的博客
04-11 1万+
在使用若依框架系统自带的代码生成器时，试了很多教程多多少少都运行不成功，花了大量的功夫找bug，可能是若依版本的限制，也可能是其他因素，所以在此写下这篇详细的搭建教程。一方面是为了帮助大家，一方面也是形成笔记，若是自己忘了，可以回来翻阅，更快上手。↓ ↓ ↓ 正文开始 ↓ ↓ ↓。
若依Ruoyi-Vue生成代码使用
qq_53480941的博客
10-11 7883
之后就可以重新运行一下idea上的RuoyiApplication检验效果，刷新一下界面，如果出现以下情况z证明导入功能模块成功，即页面上的数据和数据库里面的一致。例如前端部分的views部分 就是这样完成 同理其他部分的代码一样 直接拖入进相应的部分就行。我们都知道，若依代码具有很强大的功能，其中代码生成功能极大的便利我们的使用时间。可以看到CURD功能都得到了完美的展现 ，足以说明了若依功能的强大。五、由于若依自带代码生成的CURD功能，因此我们检验。四、右键点击数据库里的表 运行SQL文件。
若依框架----代码生成（详解）
fuzhijieabc的博客
08-02 1万+
若依框架----代码生成 官方开发手册：若依后台开发手册----代码生成 具体流程： 1、在若依框架对应的数据库中新建表sys_product drop table if exists sys_product; create table sys_product ( product_id bigint(20) not null auto_increment comment '产品id', parent_id bigint(20) default
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值