Axure原型设计：中继器实现多角色权限控制

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”。

预览看下效果吧，是不是满满的成就感。基本上按照上面的，都是没问题的。