資訊專欄INFORMATION COLUMN
摘要：為用戶進行設置角色，登陸系統后，用戶可使用其擁有角色對應的所有菜單。負責后臺用戶的菜單授權。這里僅實現了菜單的隱藏，需要再編寫權限控制邏輯，使我們的系統更安全，但那是我們以后要考慮的事情。
問題描述
動態菜單管理，用戶對應角色，角色對應菜單。
為用戶進行設置角色，登陸系統后，用戶可使用其擁有角色對應的所有菜單。
功能實現很簡單，這里就不進行代碼的講解了，直接講一下我所實現的思路。
實現 原設計系統設置中，前臺菜單遵循如下格式：
menus: [
{
text: "主導航",
group: true,
children: [
{
text: "首頁",
link: "/main",
icon: "anticon anticon-compass"
},
{
text: "系統設置",
link: "/setting",
icon: "anticon anticon-setting"
}
],
}
]
所以最開始的思路也很簡單，后臺的Menu實體中存儲菜單所有相關的信息。
后臺直接就查出當前登錄用戶所有的菜單，前臺根據返回來的菜單數據構建前臺菜單。
問題能實現肯定是能實現，但我們進行設計時，考慮的不應僅僅是實現，考慮的更多的是我這么實現，效率高不高？以后好不好改？能不能被以后維護的人員快速理解？
斟酌之后，斷然拋棄了這種實現，因為，不能把所有的數據都放在后臺。
就拿icon字段來說，如果我們采用了上述實現：
那當我們以后想修改前臺菜單圖標的時候，需要去修改后臺的數據初始化。這顯然不合理，以后維護的人員肯定會存在一個疑問，這是誰設計的菜單？我改個前臺的圖標為什么要動后臺？
新設計既然不能講數據都放在后臺，那前后臺就各司其職。
前臺：包含菜單名稱，菜單圖標，菜單路由等信息。負責前臺菜單的格式顯示。
后臺：只保留，菜單名，菜單路由，父菜單三項信息。負責后臺用戶的菜單授權。
核心思想就是：前臺配置好所有的菜單，但默認將菜單隱藏。
應用啟動時，查詢后臺接口，獲取當前用戶的所有授權菜單，授權一個，前臺就顯示一個。
前臺菜單：寫菜單時將hide置為true，默認隱藏。
menus: [
{
text: "主導航",
group: true,
children: [
{
text: "首頁",
link: "/main",
hide: true,
icon: "anticon anticon-compass"
},
{
text: "系統設置",
link: "/setting",
hide: true,
icon: "anticon anticon-setting"
}
]
}
]
然后就是具體的邏輯，先獲取前臺的菜單，即所有菜單。
獲取當前用戶授權菜單列表，以路由表示該菜單唯一，如果路由被授權，就把hide置為false。
