场景

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

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

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

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

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

 

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

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

 

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

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

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

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

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

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

 

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

 

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

 

然后重新启动前端项目,并且启动后端项目,并且查看前端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在数据库中执行,刷新前端项目就可以对此业务实现增删改查和导出了。

Logo

快速构建 Web 应用程序

更多推荐