大家好，權限管理可以說是每個系統都必備的一個功能，也有可能是一個權限系統管理同一個企業多個系統的用戶權限。所以作者今天和大家分享一個權限管理系統的高保真原型的制作方法，這個原型包括了角色管理、用戶管理等內容。

原型預覽：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協議