【RuoYi-Vue】RuoYi-Vue新增子模块

1、启动Ruoyi服务

2、新建1个业务表sys_order

CREATE TABLE `sys_order`  (
  `order_id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '订单ID',
  `order_name` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '' COMMENT '订单名称',
  `order_group` varchar(64) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'DEFAULT' COMMENT '订单组名',
  PRIMARY KEY (`order_id`) USING BTREE
) ENGINE = InnoDB 
AUTO_INCREMENT = 1 
CHARACTER SET = utf8mb4 
COLLATE = utf8mb4_unicode_ci 
COMMENT = '订单明细表' 
ROW_FORMAT = Compact
;

有几个要点:

1、必须要有自增主键;

2、必须要有表注释;

3、每个字段必须有注释;

【RuoYi-Vue】RuoYi-Vue新增子模块_第1张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第2张图片

 

3、新建菜单目录

如果已经创建了,可以略过

【RuoYi-Vue】RuoYi-Vue新增子模块_第3张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第4张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第5张图片

为了把菜单可以排列在之前,建议把旧的系统菜单的排序号,调大一点

【RuoYi-Vue】RuoYi-Vue新增子模块_第6张图片

 

4、生成代码

【RuoYi-Vue】RuoYi-Vue新增子模块_第7张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第8张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第9张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第10张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第11张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第12张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第13张图片

 

5、执行生成的SQL代码

生成的代码是:showMenu.sql

放到MySQL库ry-vue执行,结果如下:

【RuoYi-Vue】RuoYi-Vue新增子模块_第14张图片

 

6、执行后台代码

  • 新建一个module

【RuoYi-Vue】RuoYi-Vue新增子模块_第15张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第16张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第17张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第18张图片

  • 修改Maven依赖

【RuoYi-Vue】RuoYi-Vue新增子模块_第19张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第20张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第21张图片

 

  • 把后台代码copy到项目中去

手动创建package:

【RuoYi-Vue】RuoYi-Vue新增子模块_第22张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第23张图片

  • 把代码copy过去

【RuoYi-Vue】RuoYi-Vue新增子模块_第24张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第25张图片

如果出现新增module的依赖无法识别的时候,请检查Maven依赖是否被ignore了,去掉所有打勾就行。

【RuoYi-Vue】RuoYi-Vue新增子模块_第26张图片

  • 编译,并重启后台服务

【RuoYi-Vue】RuoYi-Vue新增子模块_第27张图片

【RuoYi-Vue】RuoYi-Vue新增子模块_第28张图片

 

7、启动前端服务

  • 把前端代码copy到工程中

【RuoYi-Vue】RuoYi-Vue新增子模块_第29张图片

  • 重启前端服务

重启服务:npm run dev

【RuoYi-Vue】RuoYi-Vue新增子模块_第30张图片

 

就能看到新增功能菜单出来了

【RuoYi-Vue】RuoYi-Vue新增子模块_第31张图片

你可能感兴趣的:(RuoYi,vue,web)