快好知 kuaihz

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

本文是讲解关于如何用中继器实现多角色权限控制,一起来看看~

效果显示地址: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”。

预览看下效果吧,是不是满满的成就感。基本上按照上面的,都是没问题的,如果实在搞不定,就给我留言吧~

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:中继器  中继器词条  角色  角色词条  权限  权限词条  实现  实现词条  控制  控制词条  
原型

 五分钟教你快速上手Axure交互...

本教程适用于对Axure有一定了解但没有交互制作经验的新手们,不涉及动态面板。文中提到的部分概念均为作者总结而来,若有不妥之处敬请谅解,愿大家看完后有所收获。第...(展开)

原型

 Axure教程:简单的提高效率神...

在制作后台原型时,你是否还在使用“Ctrl+c”“Ctrl+v”的方式来重复使用模板呢?你是否因为需求变动导致需要对所有页面的菜单都进行“流水线式”的修改呢?这...(展开)