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