使用layui实现的左侧菜单栏以及动态操作tab项（动态生成的菜单栏）
https://blog.csdn.net/nb7474/article/details/79413460/
效果：
项目结构：
后台返回的菜单栏数据结构：
数据：
{
"code": 0,
"msg": "成功",
"data": [{
"menuId": 1,
"parentId": 0,
"name": "系统管理",
"url": null,
"perms": null,
"type": 0,
"icon": "system",
"orderNum": 0,
"open": null,
"list": [{
"menuId": 2,
"parentId": 1,
"name": "管理员列表",
"url": "sys/user",
"perms": null,
"type": 1,
"icon": "admin",
"orderNum": 1,
"open": null,
"list": [{
"menuId": 15,
"parentId": 2,
"name": "查看",
"url": null,
"perms": "sys:user:list,sys:user:info",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 16,
"parentId": 2,
"name": "新增",
"url": null,
"perms": "sys:user:save,sys:role:select",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 17,
"parentId": 2,
"name": "修改",
"url": null,
"perms": "sys:user:update,sys:role:select",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 18,
"parentId": 2,
"name": "删除",
"url": null,
"perms": "sys:user:delete",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}]
}, {
"menuId": 3,
"parentId": 1,
"name": "角色管理",
"url": "sys/role",
"perms": null,
"type": 1,
"icon": "role",
"orderNum": 2,
"open": null,
"list": [{
"menuId": 19,
"parentId": 3,
"name": "查看",
"url": null,
"perms": "sys:role:list,sys:role:info",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 20,
"parentId": 3,
"name": "新增",
"url": null,
"perms": "sys:role:save,sys:menu:list",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 21,
"parentId": 3,
"name": "修改",
"url": null,
"perms": "sys:role:update,sys:menu:list",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 22,
"parentId": 3,
"name": "删除",
"url": null,
"perms": "sys:role:delete",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}]
}, {
"menuId": 4,
"parentId": 1,
"name": "菜单管理",
"url": "sys/menu",
"perms": null,
"type": 1,
"icon": "menu",
"orderNum": 3,
"open": null,
"list": [{
"menuId": 23,
"parentId": 4,
"name": "查看",
"url": null,
"perms": "sys:menu:list,sys:menu:info",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 24,
"parentId": 4,
"name": "新增",
"url": null,
"perms": "sys:menu:save,sys:menu:select",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 25,
"parentId": 4,
"name": "修改",
"url": null,
"perms": "sys:menu:update,sys:menu:select",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 26,
"parentId": 4,
"name": "删除",
"url": null,
"perms": "sys:menu:delete",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}]
}, {
"menuId": 5,
"parentId": 1,
"name": "SQL监控",
"url": "http://localhost:8080/renren-fast/druid/sql.html",
"perms": null,
"type": 1,
"icon": "sql",
"orderNum": 4,
"open": null,
"list": null
}, {
"menuId": 6,
"parentId": 1,
"name": "定时任务",
"url": "job/schedule",
"perms": null,
"type": 1,
"icon": "job",
"orderNum": 5,
"open": null,
"list": [{
"menuId": 7,
"parentId": 6,
"name": "查看",
"url": null,
"perms": "sys:schedule:list,sys:schedule:info",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 8,
"parentId": 6,
"name": "新增",
"url": null,
"perms": "sys:schedule:save",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 9,
"parentId": 6,
"name": "修改",
"url": null,
"perms": "sys:schedule:update",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 10,
"parentId": 6,
"name": "删除",
"url": null,
"perms": "sys:schedule:delete",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 11,
"parentId": 6,
"name": "暂停",
"url": null,
"perms": "sys:schedule:pause",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 12,
"parentId": 6,
"name": "恢复",
"url": null,
"perms": "sys:schedule:resume",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 13,
"parentId": 6,
"name": "立即执行",
"url": null,
"perms": "sys:schedule:run",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}, {
"menuId": 14,
"parentId": 6,
"name": "日志列表",
"url": null,
"perms": "sys:schedule:log",
"type": 2,
"icon": null,
"orderNum": 0,
"open": null,
"list": null
}]
}, {
"menuId": 27,
"parentId": 1,
"name": "参数管理",
"url": "sys/config",
"perms": "sys:config:list,sys:config:info,sys:config:save,sys:config:update,sys:config:delete",
"type": 1,
"icon": "config",
"orderNum": 6,
"open": null,
"list": null
}, {
"menuId": 29,
"parentId": 1,
"name": "系统日志",
"url": "sys/log",
"perms": "sys:log:list",
"type": 1,
"icon": "log",
"orderNum": 7,
"open": null,
"list": null
}, {
"menuId": 30,
"parentId": 1,
"name": "文件上传",
"url": "oss/oss",
"perms": "sys:oss:all",
"type": 1,
"icon": "oss",
"orderNum": 6,
"open": null,
"list": null
}]
}]
}
说明：有三级菜单数据，我只生成两级菜单（增删改查菜单不生成了）
代码：