大家好，权限管理可以说是每个系统都必备的一个功能，也有可能是一个权限系统管理同一个企业多个系统的用户权限。所以作者今天和大家分享一个权限管理系统的高保真原型的制作方法，这个原型包括了角色管理、用户管理等内容。

原型预览：https://vypdx6.axshare.com

制作教程

1. 角色管理

什么是角色管理呢？

例如说运营专员是一个角色，运营经理又是一个角色，角色与角色质之间有的权限是不一样的，就好比运营经理会比运营专员的权限大。但是一个角色会有多个人，比如说一家银行可能就有几千个大堂经理了。而这些大堂经理有很大一部分权限是一致的，角色管理就是管理这一致的权限。

1.1 制作材料

添加角色按钮一个，搜索框一个，刷新按钮一个，中继器一个包含：多选按钮，角色名称，角色状态（启用按钮），角色成员、角色权限、删除按钮，以及批量启用、禁用、删除按钮。

1.2 角色中继器内表格

如下图所示：

no：编号，按1、2、3、4、5、6、7的方式即可，载入时，按no升序排列

groupname：角色名，每项加载时，设置角色名文本=Item.groupname

groupremark:角色说明，每项加载时，设置角色说明=Item.groupremark

qiyong：每项加载时，如果item.qiyong=1，设置启用按钮状态为启用，否则则设置为未启用

xuanzhong：每项加载时，如果item.xuanzhong=1，设置改行选择按钮为选中状态，否则则为未选中状态。

2. 用户管理

用户管理应包括角色账号、基本信息、状态、角色和权限、密码重置等功能。

有的小朋友可能会问，为什么，角色那里可以选择用户，还要在用户这里选择角色呢？因为方便！现在很多都是一个人承担多个角色的，那如果我新增一个用户，我可能在角色页操作多次，那如果我在用户页就可以选择角色，那就只需要操作一次了。

还有的同学可能会问，为什么用户要有自己的权限，用角色的不行吗？刚刚提到了，角色是管理共性的权限，但是，即使是同一角色，例如大家都是大堂经理，在不同的网点，也会有自己私有的权限，所以用户管理就可以维护用户的私有权限。

2.1 制作材料

添加用户按钮一个，搜索框一个，刷新按钮一个，中继器一个包含：多选按钮，用户账号，用户名称、启用按钮，角色选择、权限设置、删除按钮，以及批量启用、禁用、删除按钮。

2.2 用户中继器内表格

如下图所示：

no：编号，按1、2、3、4、5、6、7的方式即可，载入时，按no升序排列

useraccount：用户账号，每项加载时，设置角色名文本=Item.useraccount

username：用户名称，每项加载时，设置用户名称=Item.username

telephone：手机号码，用语记录用户的手机号码

email：电子邮箱，用于记录用户的电子邮箱

qiyong：每项加载时，如果item.qiyong=1，设置启用按钮状态为启用，否则则设置为未启用

xuanzhong：每项加载时，如果item.xuanzhong=1，设置改行选择按钮为选中状态，否则则为未选中状态

3. 权限管理

权限管理应包括权限策略管理和授权。

那为什么在这里要批量授权呢，例如说某个系统新增了一个功能，那如果这里没有批量授权的话，我就要找到n个角色，n个用户一个个进行授权了。

3.1 制作材料

添加策略按钮一个，搜索框一个，刷新按钮一个，中继器一个包含：多选按钮，权限名称，权限说明角、批量授权、编辑策略、删除策略，以及批量删除按钮。

3.2 权限中继器内表格

如下图所示：

no：编号，按1、2、3、4、5、6、7的方式即可，载入时，按no升序排列

quanxianname：权限策略，每项加载时，设置权限名文本=Item.quanxianname

quanxianshuoming:权限说明，每项加载时，设置角色说明=Item.quanxianshuoming

peizhimoshi：权限的配置模式：可视化配置或脚本配置

chanpinfuwu：这个是设置fuwuquanxian

caozuoquanxian：只读、操作或者其他权限

ziyuanquanxian：设置资源的权限，如邮件、消息等。

xuanzhong：每项加载时，如果item.xuanzhong=1，设置改行选择按钮为选中状态，否则则为未选中状态

到这里的话基本上就完成了，角色管理、用户管理和权限管理的首页了有不明白的同学们也可以评论区留言哦。

如果喜欢我的分享，希望你们可以关注一下或者给我点个赞哈，谢谢大家。

本文由 @梓贤Vigo 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Unsplash，基于CC0协议