怎么实现角色权限的分配_Axure教程:中继器实现多角色权限控制

本文介绍了如何使用Axure的中继器组件来实现多角色权限控制。通过添加元件、设置事件,详细阐述了跨页面值传递和中继器数据集的逻辑判断,适用于系统角色权限划分的场景。
摘要由CSDN通过智能技术生成

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

73e767a9ccc9268e97edb3df646e29e8.png

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

adf4d407bff82c49d22b9ddbe486a544.png

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

作者菜鸟级PM一枚,第一次写教程类的文章。大家多多提意见,如果感兴趣的同学,欢迎多多交流~

适用场景:系统中存在多个角色,需要划分权限进行控制时使用。所见即所得,高效沟通需求。

2个知识点:

  • 跨页面值传递,全局变量的简单运用;
  • 中继器数据集的取值,事件的逻辑判断;

1. 添加元件

(1)新增2个页面“login”、“menu”,分别用来登录和登录效果。

86719c75043fd7e42291429b38ba81e0.png

(2)首先,在“login”页面增加4个按钮,分别为以下角色

  • 管理员:检测系统运行情况,拥有全部功能权限;
  • 运营妹子:负责平台内容维护;
  • 产品经理:负责内容审查、数据统计工作;
  • BOSS:查看营收报表数据。
a6e82b4b48bb4fd99b96c97d94a8c13d.png

(3)然后,在“menu”页面增加一个中继器,设置如下配置

  • title:菜单标题;
  • roleGroup:角色分组拥有的权限,多个分组用逗号隔开。

PS:这里如果需要维护权限,更改菜单后面的字段值即可,超级好用。

95a542a68616f04cab4bd7e0574ee7f0.png
  • 加载事件配置:主要为根据当前角色分组,判断需要显示的菜单项。这里的矩形控件就是中继器中的控件,因为只有一个就没有过多说明。
2484063b1b62f61ded380c9322f29e8e.png
  • 设置判断条件,第一个值为Item角色分组,直接按照截图输入即可;第二个值为当前已选择的角色分组(全局变量,后面会讲),由点击按钮事件赋值。

PS:包含/不包含,意思主要为前者是否包含后者,适用于字符串间的比较,如“>、bccc90baf6e5f4d7f45a094bfcfbd80f.png

2. 给元件添加事件

(1)给“login”页面的按钮赋值,并跳转到第二个页面:

  • 管理员:赋值“adm”;
  • 运营妹子:赋值“yy”;
  • 产品经理:赋值“pm”;
  • BOSS:赋值“boss”。
d7824734b38673f660bda0179fc72e19.png

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

本文由 @大瞄哥 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值