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

原型預(yù)覽：https://vypdx6.axshare.com

制作教程

1. 角色管理

什么是角色管理呢？

例如說(shuō)運(yùn)營(yíng)專員是一個(gè)角色，運(yùn)營(yíng)經(jīng)理又是一個(gè)角色，角色與角色質(zhì)之間有的權(quán)限是不一樣的，就好比運(yùn)營(yíng)經(jīng)理會(huì)比運(yùn)營(yíng)專員的權(quán)限大。但是一個(gè)角色會(huì)有多個(gè)人，比如說(shuō)一家銀行可能就有幾千個(gè)大堂經(jīng)理了。而這些大堂經(jīng)理有很大一部分權(quán)限是一致的，角色管理就是管理這一致的權(quán)限。

1.1 制作材料

添加角色按鈕一個(gè)，搜索框一個(gè)，刷新按鈕一個(gè)，中繼器一個(gè)包含：多選按鈕，角色名稱，角色狀態(tài)（啟用按鈕），角色成員、角色權(quán)限、刪除按鈕，以及批量啟用、禁用、刪除按鈕。

1.2 角色中繼器內(nèi)表格

如下圖所示：

no：編號(hào)，按1、2、3、4、5、6、7的方式即可，載入時(shí)，按no升序排列

groupname：角色名，每項(xiàng)加載時(shí)，設(shè)置角色名文本=Item.groupname

groupremark:角色說(shuō)明，每項(xiàng)加載時(shí)，設(shè)置角色說(shuō)明=Item.groupremark

qiyong：每項(xiàng)加載時(shí)，如果item.qiyong=1，設(shè)置啟用按鈕狀態(tài)為啟用，否則則設(shè)置為未啟用

xuanzhong：每項(xiàng)加載時(shí)，如果item.xuanzhong=1，設(shè)置改行選擇按鈕為選中狀態(tài)，否則則為未選中狀態(tài)。

2. 用戶管理

用戶管理應(yīng)包括角色賬號(hào)、基本信息、狀態(tài)、角色和權(quán)限、密碼重置等功能。

有的小朋友可能會(huì)問(wèn)，為什么，角色那里可以選擇用戶，還要在用戶這里選擇角色呢？因?yàn)榉奖?！現(xiàn)在很多都是一個(gè)人承擔(dān)多個(gè)角色的，那如果我新增一個(gè)用戶，我可能在角色頁(yè)操作多次，那如果我在用戶頁(yè)就可以選擇角色，那就只需要操作一次了。

還有的同學(xué)可能會(huì)問(wèn)，為什么用戶要有自己的權(quán)限，用角色的不行嗎？剛剛提到了，角色是管理共性的權(quán)限，但是，即使是同一角色，例如大家都是大堂經(jīng)理，在不同的網(wǎng)點(diǎn)，也會(huì)有自己私有的權(quán)限，所以用戶管理就可以維護(hù)用戶的私有權(quán)限。

2.1 制作材料

添加用戶按鈕一個(gè)，搜索框一個(gè)，刷新按鈕一個(gè)，中繼器一個(gè)包含：多選按鈕，用戶賬號(hào)，用戶名稱、啟用按鈕，角色選擇、權(quán)限設(shè)置、刪除按鈕，以及批量啟用、禁用、刪除按鈕。

2.2 用戶中繼器內(nèi)表格

如下圖所示：

no：編號(hào)，按1、2、3、4、5、6、7的方式即可，載入時(shí)，按no升序排列

useraccount：用戶賬號(hào)，每項(xiàng)加載時(shí)，設(shè)置角色名文本=Item.useraccount

username：用戶名稱，每項(xiàng)加載時(shí)，設(shè)置用戶名稱=Item.username

telephone：手機(jī)號(hào)碼，用語(yǔ)記錄用戶的手機(jī)號(hào)碼

email：電子郵箱，用于記錄用戶的電子郵箱

qiyong：每項(xiàng)加載時(shí)，如果item.qiyong=1，設(shè)置啟用按鈕狀態(tài)為啟用，否則則設(shè)置為未啟用

xuanzhong：每項(xiàng)加載時(shí)，如果item.xuanzhong=1，設(shè)置改行選擇按鈕為選中狀態(tài)，否則則為未選中狀態(tài)

3. 權(quán)限管理

權(quán)限管理應(yīng)包括權(quán)限策略管理和授權(quán)。

那為什么在這里要批量授權(quán)呢，例如說(shuō)某個(gè)系統(tǒng)新增了一個(gè)功能，那如果這里沒(méi)有批量授權(quán)的話，我就要找到n個(gè)角色，n個(gè)用戶一個(gè)個(gè)進(jìn)行授權(quán)了。

3.1 制作材料

添加策略按鈕一個(gè)，搜索框一個(gè)，刷新按鈕一個(gè)，中繼器一個(gè)包含：多選按鈕，權(quán)限名稱，權(quán)限說(shuō)明角、批量授權(quán)、編輯策略、刪除策略，以及批量刪除按鈕。

3.2 權(quán)限中繼器內(nèi)表格

如下圖所示：

no：編號(hào)，按1、2、3、4、5、6、7的方式即可，載入時(shí)，按no升序排列

quanxianname：權(quán)限策略，每項(xiàng)加載時(shí)，設(shè)置權(quán)限名文本=Item.quanxianname

quanxianshuoming:權(quán)限說(shuō)明，每項(xiàng)加載時(shí)，設(shè)置角色說(shuō)明=Item.quanxianshuoming

peizhimoshi：權(quán)限的配置模式：可視化配置或腳本配置

chanpinfuwu：這個(gè)是設(shè)置fuwuquanxian

caozuoquanxian：只讀、操作或者其他權(quán)限

ziyuanquanxian：設(shè)置資源的權(quán)限，如郵件、消息等。

xuanzhong：每項(xiàng)加載時(shí)，如果item.xuanzhong=1，設(shè)置改行選擇按鈕為選中狀態(tài)，否則則為未選中狀態(tài)

到這里的話基本上就完成了，角色管理、用戶管理和權(quán)限管理的首頁(yè)了有不明白的同學(xué)們也可以評(píng)論區(qū)留言哦。

如果喜歡我的分享，希望你們可以關(guān)注一下或者給我點(diǎn)個(gè)贊哈，謝謝大家。

本文由 @梓賢Vigo 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于CC0協(xié)議