参考:http://zhaojun.im/permission-tree/
数据库表设计:
@GetMapping(URL+"/index.html")
@ResponseBody
public ModelAndView index() {
log.info("登录进入主页:/index.html");
Long userId = platformService.getCurrentUserId();
MenuItem menuItem = platformService.getMenuItem(userId);
ModelAndView mav = new ModelAndView();
mav.setViewName(REURL + "/admin-index");
//菜单树
mav.addObject("menus",menuItem);
return mav;
}
<div class="left-nav">
<div id="side-nav">
<ul id="nav" style="display: block;">
<#macro bpTree children>
<#if children?? && children?size gt 0><!--当前节点不为空-->
<#list children.children as child><!--开始遍历子节点-->
<li >
<#if child.data.coreFunctionAccessUrl??>
<!--如果有访问URL则可以点击-->
<a href="javascript:;" class="active" onclick="xadmin.add_tab('${child.data.coreMenuName!}','${child.data.coreFunctionAccessUrl!}')">
<#else>
<!--没有的话就展开下拉列表-->
<a href="javascript:;" class="active">
</#if>
${child.data.coreMenuIcon!}
<cite>${child.data.coreMenuName!}</cite>
<#if child.children?size gt 0>
<i class="iconfont nav_right"></i><!--如果size>0,则证明有子节点,添加导航图标-->
<#else>
</#if>
</a>
<ul class="sub-menu" style="display: none;">
<@bpTree children=child /><!--递归-->
</ul>
</li>
</#list>
</#if>
</#macro>
<!-- 调用宏 生成递归树 -->
<@bpTree children=menus /><!--menus为后端构造好的数据mav.addObject("menus",menuItem);-->
</ul>
</div>
</div>
后端返回的格式如下:
{
"name": "主菜单",
"seq": null,
"children": [
{
"name": "系统管理",
"seq": 1,
"children": [
{
"name": "基础管理",
"seq": 1,
"children": [
{
"name": "用户管理",
"seq": 1,
"children": [],
"id": 10,
"data": {
"coreMenuId": 10,
"coreMenuCode": "用户管理",
"coreMenuName": "用户管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 1,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 18,
"coreMenuSeq": 1,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-user/list.html"
}
},
{
"name": "组织机构管理",
"seq": 2,
"children": [],
"id": 11,
"data": {
"coreMenuId": 11,
"coreMenuCode": "组织机构管理",
"coreMenuName": "组织机构管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 6,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 18,
"coreMenuSeq": 2,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-org/list.html"
}
},
{
"name": "角色管理",
"seq": 3,
"children": [
{
"name": "角色功能授权",
"seq": 8,
"children": [],
"id": 21,
"data": {
"coreMenuId": 21,
"coreMenuCode": "角色功能授权",
"coreMenuName": "角色功能授权",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 10,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 12,
"coreMenuSeq": 8,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-audit/list.html"
}
},
{
"name": "角色数据授权",
"seq": 9,
"children": [],
"id": 22,
"data": {
"coreMenuId": 22,
"coreMenuCode": "角色数据授权",
"coreMenuName": "角色数据授权",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 11,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 12,
"coreMenuSeq": 9,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-audit/list.html"
}
}
],
"id": 12,
"data": {
"coreMenuId": 12,
"coreMenuCode": "角色管理",
"coreMenuName": "角色管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 7,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 18,
"coreMenuSeq": 3,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-role/list.html"
}
},
{
"name": "菜单项",
"seq": 4,
"children": [],
"id": 13,
"data": {
"coreMenuId": 13,
"coreMenuCode": "菜单项",
"coreMenuName": "菜单项",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 8,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 18,
"coreMenuSeq": 4,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-menu/list.html"
}
},
{
"name": "功能点管理",
"seq": 5,
"children": [],
"id": 14,
"data": {
"coreMenuId": 14,
"coreMenuCode": "功能点管理",
"coreMenuName": "功能点管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 9,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 18,
"coreMenuSeq": 5,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-function/list.html"
}
},
{
"name": "数据字典",
"seq": 6,
"children": [],
"id": 15,
"data": {
"coreMenuId": 15,
"coreMenuCode": "数据字典",
"coreMenuName": "数据字典",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 13,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 18,
"coreMenuSeq": 6,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-dict/list.html"
}
}
],
"id": 18,
"data": {
"coreMenuId": 18,
"coreMenuCode": "基础管理",
"coreMenuName": "基础管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": null,
"coreMenuType": "menu_n",
"coreMenuParentMenuId": 8,
"coreMenuSeq": 1,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": null
}
},
{
"name": "代码生成",
"seq": 1,
"children": [
{
"name": "子系统生成",
"seq": 1,
"children": [],
"id": 25,
"data": {
"coreMenuId": 25,
"coreMenuCode": "子系统生成",
"coreMenuName": "子系统生成",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 183,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 24,
"coreMenuSeq": 1,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-audit/list.html"
}
},
{
"name": "代码生成",
"seq": 8,
"children": [],
"id": 17,
"data": {
"coreMenuId": 17,
"coreMenuCode": "代码生成",
"coreMenuName": "代码生成",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 12,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 24,
"coreMenuSeq": 8,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/CodeGenerator/codegenTable.html"
}
}
],
"id": 24,
"data": {
"coreMenuId": 24,
"coreMenuCode": "代码生成导航",
"coreMenuName": "代码生成",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": null,
"coreMenuType": "menu_n",
"coreMenuParentMenuId": 8,
"coreMenuSeq": 1,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": null
}
},
{
"name": "监控管理",
"seq": 2,
"children": [
{
"name": "审计查询",
"seq": 7,
"children": [],
"id": 16,
"data": {
"coreMenuId": 16,
"coreMenuCode": "审计查询",
"coreMenuName": "审计查询",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 18,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 19,
"coreMenuSeq": 7,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-audit/list.html"
}
},
{
"name": "流程监控",
"seq": 3,
"children": [],
"id": 20,
"data": {
"coreMenuId": 20,
"coreMenuCode": "流程监控",
"coreMenuName": "流程监控",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 167,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 19,
"coreMenuSeq": 3,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-audit/list.html"
}
},
{
"name": "博客测试",
"seq": 9,
"children": [],
"id": 23,
"data": {
"coreMenuId": 23,
"coreMenuCode": "博客测试",
"coreMenuName": "博客测试",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": 182,
"coreMenuType": "menu_m",
"coreMenuParentMenuId": 19,
"coreMenuSeq": 9,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": "/console/core-audit/list.html"
}
}
],
"id": 19,
"data": {
"coreMenuId": 19,
"coreMenuCode": "监控管理",
"coreMenuName": "监控管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": null,
"coreMenuType": "menu_n",
"coreMenuParentMenuId": 8,
"coreMenuSeq": 2,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": null
}
}
],
"id": 8,
"data": {
"coreMenuId": 8,
"coreMenuCode": "系统管理",
"coreMenuName": "系统管理",
"coreMenuCreateTime": "2018-03-01T01:39:31.096+0000",
"coreMenuFunctionId": null,
"coreMenuType": "menu_s",
"coreMenuParentMenuId": 0,
"coreMenuSeq": 1,
"coreMenuIcon": "<i class=\"layui-icon layui-icon-vercode\"></i>",
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": null
}
}
],
"id": 0,
"data": {
"coreMenuId": 0,
"coreMenuCode": null,
"coreMenuName": "主菜单",
"coreMenuCreateTime": null,
"coreMenuFunctionId": null,
"coreMenuType": "",
"coreMenuParentMenuId": null,
"coreMenuSeq": null,
"coreMenuIcon": null,
"coreMenuParentMenuName": null,
"coreFunctionAccessUrl": null
}
}