Advertisement

Spring WebFlux + React用于搭建后台管理系统(8):基于Access权限认证

阅读量:

不可否认,umi所提供的access功能在实际应用中具有较高的实用性,当前在编写鉴权逻辑时已显得更加便捷。借助access功能,能够较为轻松地实现多种操作:

  • 根据用户权限差异展示对应的菜单项
  • 在组件内部呈现内容的多样化配置
  • 对特定写入操作实施权限管控

以下将通过一个简单示例进行说明,具体包括三个用户的权限设定及其各自可实现的功能目标:

用户 权限 功能
ffzs admin 可以查看所有内容包括权限,修改人等,以及添加用户,修改用户,删除用户
dz it 可以看到部分用户信息,可以修改用户部分信息
vincent hr 只能查看用户部分信息,不可修改

权限配置与管理机制

  • 在access.ts文件中进行配置
    • 通过核对权限清单来判断用户是否具备相应权限
    • 对于读取权限,所有人员均具备,IT人员拥有修改权限,管理员则拥有全部权限
复制代码
    const isIn = (list1:Array<string>, list2:Array<string>) => {
      return list1.filter(item => {return list2.includes(item)}).length !== 0;
    };
    
    export defau

全部评论 (0)

还没有任何评论哟~