abp＆ng-alain 改造前端 十五——菜单权限

介绍

ABP 是 ASP.NET Boilerplate Project(Asp.net 样板项目)的简称，网址:http://aspnetboilerplate.com/。ng-alain 是基于 antd 中后台前端解决方案,网址:https://ng-alain.com/。官方网页下载的项目的angular项目是基于(AdminBSB:https://github.com/gurayyarar/AdminBSBMaterialDesign)

目录:https://www.jianshu.com/p/589af988637c

源代码:https://github.com/ZhaoRd/abp-alain

功能

该功能是通过设置菜单的权限，根据当前登陆者的角色权限，显示不同的菜单

angular项目实现方式

ng-alain 改造实现

由于 项目是通过读取 文件 中定义的菜单信息，所以需要修改 中的菜单信息，提供权限定义功能，修改完成的菜单项如下

在配置项中增加 permissions 项

为了是定义的菜单生效，我们需要在程序启动的时候，设置菜单项为隐藏还是显示修改文件 ，等待ng-alain资源和abp资源加载完毕后设置菜单显示项代码如下

运行结果

新增testone角色，权限只勾选Users，新建testone用户，使用testone用户登录系统。管理员登录界面如下

新增角色和用户

使用testone用户登陆过后的菜单如下图

可以看到 testone 中的菜单没有 和

我的公众号

源代码

源代码:https://github.com/ZhaoRd/abp-alain