本文是講解關於如何用中繼器實現多角色權限控制,一起來看看~
效果顯示地址:https://u.pmdaniu.com/g06Y
Axure教程:中繼器實現多角色權限控制
作者菜鳥級PM一枚,第一次寫教程類的文章。大家多多提意見,如果感興趣的同學,歡迎多多交流~
適用場景:系統中存在多個角色,需要劃分權限進行控制時使用。所見即所得,高效溝通需求。
2個知識點:
- 跨頁面值傳遞,全局變量的簡單運用;
- 中繼器數據集的取值,事件的邏輯判斷;
1. 添加元件
(1)新增2個頁面“login”、“menu”,分別用來登錄和登錄效果。
(2)首先,在“login”頁面增加4個按鈕,分別為以下角色
- 管理員:檢測系統運行情況,擁有全部功能權限;
- 運營妹子:負責平臺內容維護;
- 產品經理:負責內容審查、數據統計工作;
- BOSS:查看營收報表數據。
(3)然後,在“menu”頁面增加一箇中繼器,設置如下配置
- title:菜單標題;
- roleGroup:角色分組擁有的權限,多個分組用逗號隔開。
PS:這裡如果需要維護權限,更改菜單後面的字段值即可,超級好用。
- 加載事件配置:主要為根據當前角色分組,判斷需要顯示的菜單項。這裡的矩形控件就是中繼器中的控件,因為只有一個就沒有過多說明。
- 設置判斷條件,第一個值為Item角色分組,直接按照截圖輸入即可;第二個值為當前已選擇的角色分組(全局變量,後面會講),由點擊按鈕事件賦值。
PS:包含/不包含,意思主要為前者是否包含後者,適用於字符串間的比較,如“>、
2. 給元件添加事件
(1)給“login”頁面的按鈕賦值,並跳轉到第二個頁面:
- 管理員:賦值“adm”;
- 運營妹子:賦值“yy”;
- 產品經理:賦值“pm”;
- BOSS:賦值“boss”。
預覽看下效果吧,是不是滿滿的成就感。基本上按照上面的,都是沒問題的,如果實在搞不定,就給我留言吧~
題圖來自Unsplash,基於CC0協議
閱讀更多 人人都是產品經理 的文章