RuoYi框架中添加多级目录菜单(至少二级目录)

一、参考来源:经过研究RuoYi框架发现,RuoYi框架有二级目录的模块只有系统管理下的日志管理模块(其下包括操作日志和登录日志两菜单),也就是说系统管理是顶级目录,日志管理是其下级目录,日志管理目录下又有两菜单,具体页面显示如下:

二、使用SQL语句添加含有二级目录的功能模块如下:

提示:如果在顶级目录下加下级目录的话,此下级目录插入的属性值 “path” 可以都设置为:system/log/index;此处直接用的日志管理模块的,如果还得加下下级目录的话,也是一样的写法的,亲试有效哟!

-- 菜单 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', '11', 'test', '', 1, 'M', '0', '', 'job', 'admin', '2018-03-01', 'ry', '2018-03-01', '测试菜单');

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

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, '0', 'test', 'system/log/index', 1, 'M', '0', '', 'shopping', 'admin', '2018-03-01', 'ry', '2018-03-01', '测试菜单');

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

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', 'test', 'st/zgst/index', 1, 'C', '0', 'st:zgst: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, perms, icon, create_by, create_time, update_by, update_time, remark)
values('测试查询(菜单)', @parentId, '1',  '#', '', 1,  'F', '0', 'st:zgst: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, perms, icon, create_by, create_time, update_by, update_time, remark)
values('测试新增(菜单)', @parentId, '2',  '#', '', 1,  'F', '0', 'st:zgst: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, perms, icon, create_by, create_time, update_by, update_time, remark)
values('测试修改(菜单)', @parentId, '3',  '#', '', 1,  'F', '0', 'st:zgst: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, perms, icon, create_by, create_time, update_by, update_time, remark)
values('测试删除(菜单)', @parentId, '4',  '#', '', 1,  'F', '0', 'st:zgst:remove',       '#', 'admin', '2018-03-01', 'ry', '2018-03-01', '');

三、数据库sys_menu表中添加后效果图和页面显示效果图如下:

三、要配多级目录就得配这个路径:system/log/index,那这个路径页面上是啥结构?,如图所示:

五、根据以上观察可知,如果需要改变 system/log/index 的名称,只用在页面上建类似的文件结构即可达到目的!

注意:我使用是RuoYi-Vue前端分离版的框架!

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
1. 引入echarts 在`pom.xml`文件添加echarts的依赖: ```xml <dependency> <groupId>com.github.abel533</groupId> <artifactId>echarts</artifactId> <version>4.9.0</version> </dependency> ``` 2. 编写前端页面 在需要显示echarts的页面添加一个`div`元素作为容器,如下所示: ```html <div id="chart" style="height: 400px;"></div> ``` 3. 编写js代码 在页面底部添加以下js代码: ```javascript $(function () { // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('chart')); // 指定图表的配置项和数据 var option = { title: { text: '某站点用户访问来源', subtext: '纯属虚构', left: 'center' }, tooltip: { trigger: 'item' }, legend: { orient: 'vertical', left: 'left', data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'] }, series: [ { name: '访问来源', type: 'pie', radius: '50%', data: [ {value: 335, name: '直接访问'}, {value: 310, name: '邮件营销'}, {value: 234, name: '联盟广告'}, {value: 135, name: '视频广告'}, {value: 1548, name: '搜索引擎'} ], emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); }); ``` 4. 效果展示 最终效果如下图所示: ![echarts效果展示](https://img-blog.csdn.net/20180607102104603?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhcnJpbmdfMTk5NjY3ODg3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/q/80)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值