若依前后端分离版怎样根据数据库生成代码并快速实现某业务的增删改查

小咪咪 2023-10-05 09:21 50阅读 0赞

## 场景 ##

使用若依的前后端分离版，怎样使用其代码生成实现对单表的增删改查导出的业务。

注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi ][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

首先后台项目连接的数据库你能访问到。

然后在此数据库中新建一个表或者利用已经存在的表进行生成代码。

运行起来前端项目找到系统工具-代码生成

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

然后点击导入按钮，选择你要生成代码的表。如果导入的表列表中已经存在过，或者修改过表需要重新生成代码，需要将导入的表进行删除，然后重新导入。

导入完成后点击后面的编辑按钮

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][]

可以在基本信息中修改显示的作者和描述。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2][]

还可以在生成信息中修改包名、模块名和业务名。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 3][]

记住这里的路径要和你后台的路径相一致。然后点击提交。

再点击上面操作中的生成代码按钮。会下载一个压缩包，将此压缩包解压。

然后将main/java下各层的代码复制到后台SpringBoot项目中。将main/resource赋值到对应的xml的地方，然后来到前端的项目。

将vue/api下的js文件放在前端统一的api的目录下。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 4][]

将vue/views下的vue页面放在对应的views目录下

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 5][]

确保在vue页面中的引用路径与api下的js的路径一致

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 6][]

然后重新启动前端项目，并且启动后端项目，并且查看前端js接口方法中的url与后台SpringBoot的Controller对应的路径一致。

生成代码时还有一个sql文件，此文件是对菜单以及权限表进行插入数据的sql，可以编辑这个文件

-- 菜单 SQL
    insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
    values('公众号:霸道的程序猿', '3', '1', 'lxszls', 'system/lxszls/index', 1, 'C', '0', '0', 'system:lxszls:list', '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '公众号:霸道的程序猿');
    
    -- 按钮父菜单ID
    SELECT @parentId := LAST_INSERT_ID();
    
    -- 按钮 SQL
    insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
    values('公众号:霸道的程序猿查询', @parentId, '1',  '#', '', 1,  'F', '0',  '0', 'system:lxszls:query',        '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '');
    
    insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
    values('公众号:霸道的程序猿新增', @parentId, '2',  '#', '', 1,  'F', '0',  '0', 'system:lxszls:add',          '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '');
    
    insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
    values('公众号:霸道的程序猿修改', @parentId, '3',  '#', '', 1,  'F', '0',  '0', 'system:lxszls:edit',         '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '');
    
    insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
    values('公众号:霸道的程序猿删除', @parentId, '4',  '#', '', 1,  'F', '0',  '0', 'system:lxszls:remove',       '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '');
    
    insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
    values('公众号:霸道的程序猿导出', @parentId, '5',  '#', '', 1,  'F', '0',  '0', 'system:lxszls:export',       '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '');

首先第一句是插入一个主菜单，这里需要手动修改其parent\_id属性，即修改为你想让这个菜单作为谁的子菜单的id。

在数据路中sys\_menu表中找到父级菜单id，然后将sql的第一句的parent\_id字段修改。

然后下一句是获取最新插入的菜单的id，并且作为后面这个菜单的增删改查和导出的子菜单的父级菜单。

将这个sql在数据库中执行，刷新前端项目就可以对此业务实现增删改查和导出了。

[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200831101030438.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200831101033589.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200831101046865.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200831101050344.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200831101041932.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200831101054652.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200831101059437.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70