您的位置:首页 > Web前端 > React

极客react之Ant Design Pro系列快速入门(三)--菜单与权限

2018-08-13 13:49 495 查看

菜单与权限

  1. 文件目录:app/src/common/menu.js

  2. 自定义菜单

    [code]export const getMenuData = () => formatter(menuData);

    可以重定义menuData的获取方式,如:通过rest去获取菜单功能

  3. 菜单权限(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角色均可使用

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: