【共享单车】—— React后台管理系统开发手记：权限设置和菜单调整（未完）...

最新推荐文章于 2024-08-29 08:44:31 发布

柳柳Elena

最新推荐文章于 2024-08-29 08:44:31 发布

阅读量956

点赞数

本文链接：https://blog.csdn.net/qq_34235864/article/details/86624400

版权

本文记录了一次基于React全家桶+AntD开发后台管理系统的过程，涉及角色创建、权限设置和菜单调整。使用RBAC权限模型，通过角色和权限控制实现用户权限管理。详细介绍了如何创建角色列表、使用Modal和表单组件实现角色创建，以及如何设置权限和调整菜单。

摘要由CSDN通过智能技术生成

【共享单车】—— React后台管理系统开发手记：权限设置和菜单调整（未完）

前言：以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址：https://github.com/66Web/react-antd-manager，欢迎star。

一、创建角色

权限菜单设计：RBAC权限模型（详解链接）

RBAC，即基于角色的访问控制（Role-Based Access Control），是优秀的权限控制模型
主要通过角色和权限建立管理，再赋予用户不同的角色，来实现权限控制的目标

角色列表展示：对应Easy Mock数据接口/role/list

{
  "code": 0,
  "list": {
    "item_list|7": [{
      "id|+1": 1,
      "role_name": /(管理人员)|(客服专员)|(财务专员)|(市场专员)|(人力专员)|(研发)|(测试)|(系统管理员)/,
      "status|0-1": 1,
      "authorize_user_name": "@cname",
      "authorize_time": 1521270166000,
      "create_time": 1499305790000,
      "menus": ["/home", "/ui/buttons", "/ui/modals", "/ui/loadings", "/ui/notification", "/ui/messages", "/ui/tabs", "/ui/gallery", "/ui/carousel", "/ui"]
    }]
  },
  "page": 1,
  "page_size": 10,
  &

最低0.47元/天解锁文章