angular權限管理模塊實現思路

管理模塊參考界面:http://demo.jeesite.com/js/a/...

菜單管理

列表頁只實現增、刪、改

clipboard.png

新增菜單:去除歸屬模塊字段,其他不變

clipboard.png

難點:
1,菜單列表頁的表格樹

解決方案:手動實現,樹轉數組

2,菜單的樹結構展示

解決方案:升級ng-zorro(最新版本支持樹形展示)

clipboard.png

角色管理

同菜單管理一樣,實現角色增刪改

clipboard.png

角色授權用戶
只提供增刪
複雜點:批量選擇用戶操作的交互頁面

clipboard.png

權限控制

用戶一進入頁面時,加載菜單與權限配置。
菜單顯示:根據當前用戶的菜單數據顯示相應菜單
權限埋點:通過@delon/acl實現(只支持控制顯示隱藏操作,報錯等需要自己實現)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章