RuoYi-Vue菜单添加多级目录-蒲公英云

RuoYi-Vue菜单添加多级目录

- 日理万妓 2022-12-19 00:46 409阅读 0赞

配置多级目录需要先在代码放开组件路径标签（操作完后记得还原）

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70

将红框代码先删除，我们需要给目录配置组件路径。form.menuType == ‘C’是判断菜单。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 1

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 2

也可以直接在数据库进行创建

— 一级目录 SQL
INSERT INTO sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, perms, icon, create_by, create_time, update_by, update_time, remark)
VALUES(‘业务系统’, ‘0’, ‘1’, ‘business’, ‘’, 1, ‘M’, ‘0’, ‘’, ‘#’, ‘admin’, ‘2018-03-01’, ‘’, NULL, ‘业务系统目录’);

— 父菜单ID
SELECT @parentId := LAST_INSERT_ID();

— 二级目录 SQL
INSERT INTO sys_menu (menu_name, parent_id, order_num, path, component, is_frame, menu_type, visible, perms, icon, create_by, create_time, update_by, update_time, remark)
VALUES(‘信息管理’, @parentId, ‘1’, ‘info’, ‘business/info/index’, 1, ‘M’, ‘0’, ‘’, ‘#’, ‘admin’, ‘2018-03-01’, ‘’, NULL, ‘信息管理目录’);
目录创建完后在去前端项目代码中创建对应的文件夹和一个路由跳转的index.vue

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTQwMjA1_size_16_color_FFFFFF_t_70 3

根据我们自己的数据表生成对应的代码，以商品管理表为例

CREATE TABLE tb_goods (

    `goods_id` BIGINT NOT NULL AUTO_INCREMENT,
    `name` VARCHAR(50) COMMENT '商品名',
    `intro` VARCHAR(500) COMMENT '介绍',
    `price` DECIMAL(10,2) COMMENT '价格',
    `num` INT COMMENT '数量',
    `status` INT COMMENT '状态',
    PRIMARY KEY (`goods_id`)
  ) ENGINE=INNODB DEFAULT CHARSET=utf8 COMMENT='商品管理';