极客react之Ant Design Pro系列快速入门(三)--菜单与权限
2018-08-13 13:49
495 查看
菜单与权限
-
文件目录:app/src/common/menu.js
-
自定义菜单
[code]export const getMenuData = () => formatter(menuData);
可以重定义menuData的获取方式,如:通过rest去获取菜单功能
-
菜单权限(authority代表了功能菜单所需的权限)
[code]{ name: '详情页', icon: 'profile', path: 'profile', children: [ { name: '基础详情页', path: 'basic', }, { name: '高级详情页', path: 'advanced', authority: 'admin', }, ], }
返回菜单以常理形式缓存与后台,返回后每个功能菜单追加上autority属性,这样从性能上或权限控制上来说,都可以推送到前台去决定。
[code]{ name: '详情页', icon: 'profile', path: 'profile', children: [ { name: '基础详情页', path: 'basic', }, { name: '高级详情页', path: 'advanced', authority: ['admin', 'user'], }, ], }
此时“高级详情页”菜单对于admin和user角色均可使用
相关文章推荐
- 极客react之Ant Design Pro系列快速入门(五)--更改控件的默认样式
- 极客react之Ant Design Pro系列快速入门(六)--绑定model
- 极客react之Ant Design Pro系列快速入门(九)-- 使用地图(高德地图)
- 极客react之Ant Design Pro系列快速入门(七)-- 使用新的布局
- 极客react之Ant Design Pro系列快速入门(四)--界面新增
- Ant Design Pro快速入门
- react入门篇 ant-design
- React + Ant Design 快速上手
- Ant-design 快速入门
- react(ant-design-pro)路由-router踩坑
- Ant Design Pro 使用文档
- React.js快速入门教程
- 小猪的C语言快速入门系列(一)
- button样式篇一(ant Design React)
- C++ Primer Study Note 系列[1]-chapter1快速入门
- 十五分钟快速入门系列:Python基础
- react Ant Design 日历插件input导致移动设备弹出键盘问题
- 【Java快速开发框架LML菜单和权限】
- Gradle学习系列之一——Gradle快速入门