參考: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
}
}