Axure教程:中繼器實現多角色權限控制

本文是講解關於如何用中繼器實現多角色權限控制,一起來看看~

Axure教程:中继器实现多角色权限控制

效果顯示地址:https://u.pmdaniu.com/g06Y

Axure教程:中继器实现多角色权限控制

Axure教程:中繼器實現多角色權限控制

作者菜鳥級PM一枚,第一次寫教程類的文章。大家多多提意見,如果感興趣的同學,歡迎多多交流~

適用場景:系統中存在多個角色,需要劃分權限進行控制時使用。所見即所得,高效溝通需求。

2個知識點:

  • 跨頁面值傳遞,全局變量的簡單運用;
  • 中繼器數據集的取值,事件的邏輯判斷;

1. 添加元件

(1)新增2個頁面“login”、“menu”,分別用來登錄和登錄效果。

Axure教程:中继器实现多角色权限控制

(2)首先,在“login”頁面增加4個按鈕,分別為以下角色

  • 管理員:檢測系統運行情況,擁有全部功能權限;
  • 運營妹子:負責平臺內容維護;
  • 產品經理:負責內容審查、數據統計工作;
  • BOSS:查看營收報表數據。
Axure教程:中继器实现多角色权限控制

(3)然後,在“menu”頁面增加一箇中繼器,設置如下配置

  • title:菜單標題;
  • roleGroup:角色分組擁有的權限,多個分組用逗號隔開。

PS:這裡如果需要維護權限,更改菜單後面的字段值即可,超級好用。

Axure教程:中继器实现多角色权限控制
  • 加載事件配置:主要為根據當前角色分組,判斷需要顯示的菜單項。這裡的矩形控件就是中繼器中的控件,因為只有一個就沒有過多說明。
Axure教程:中继器实现多角色权限控制
  • 設置判斷條件,第一個值為Item角色分組,直接按照截圖輸入即可;第二個值為當前已選擇的角色分組(全局變量,後面會講),由點擊按鈕事件賦值。

PS:包含/不包含,意思主要為前者是否包含後者,適用於字符串間的比較,如“>、Axure教程:中繼器實現多角色權限控制

2. 給元件添加事件

(1)給“login”頁面的按鈕賦值,並跳轉到第二個頁面:

  • 管理員:賦值“adm”;
  • 運營妹子:賦值“yy”;
  • 產品經理:賦值“pm”;
  • BOSS:賦值“boss”。
Axure教程:中继器实现多角色权限控制

預覽看下效果吧,是不是滿滿的成就感。基本上按照上面的,都是沒問題的,如果實在搞不定,就給我留言吧~

題圖來自Unsplash,基於CC0協議


分享到:


相關文章: