亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!
Axure产品经理精品视频课已登录优快云可点击学习https://edu.youkuaiyun.com/course/detail/40420
课程主题:全局变量高级交互
主要内容:数据跨页面传递、赋值、中继器交互
应用场景:页面间值的传递、赋值
案例展示:
案例视频:
20250430_145302
正文内容:如何实现案例中忘记密码页的数据传递与中继器行数据的跨页面赋值?
强调全局变量的访问特性:整个RP原型页面均可访问,可以赋值给其他元件,也可以被赋值;
案例一场景:登录页用户输入用户名后忘记了密码,单击忘记密码试图找回密码,这时我们就需要在密码页显示用户已输入的用户名,用户无需再次输入账号;
案例二场景:中大型B端项目,用户每新增一条数据时,我们均需要在台账页进行记录;因为台账页行数据一般具有关联关系且多项,那么我们新增企业信息,就需要制作新增页来减轻页面的处理压力、提高处理速度,而不是在台账页进行新增,这属于产品的基本设计思维;
案例一实现路径:
自定义全局变量——判断用户是否输入完毕——将文本框的值赋值给自定义的全局变量;
在密码页载入时——自定义的全局变量——赋值给该页面的账户文本框——完成;
案例二实现路径:
1、根据中继器台账的多个字段,自定义与之对应的多个自定义全局变量;
2、新增页用户对新增的多个项目录入完毕后,赋值给自定义的全局变量;
3、台账页载入时,判断自定义的全局变量是否为空,为空则不添加数据;不为空则为中继器添加数据;避免形成加载Bug;
以下是案例一实现截图:
图1
图2
案例二实现截图:
图1
图2
图3
全局变量跨页面赋值的应用场景及作用
应用场景
多步骤表单:当用户需要在多个页面填写表单信息,最后统一提交时,可以使用全局变量在不同页面间传递数据到中继器。
用户配置向导:多步骤的配置向导中,每一步的设置可以通过全局变量暂存,最后统一保存到中继器。
跨页面搜索/筛选:在一个页面设置搜索条件,通过全局变量传递到另一个页面的中继器进行数据筛选。
数据汇总仪表盘:从不同页面收集数据指标,通过全局变量传递到仪表盘页面的中继器进行展示。
主要作用
数据持久化:全局变量可以在整个原型会话期间保持数据,实现跨页面的数据传递。
减少重复操作:避免用户在不同页面重复输入相同信息,提升用户体验。
数据集中管理:将分散在多页面的数据集中到单一中继器进行统一处理和展示。
模拟真实数据流:更真实地模拟实际应用中多页面间的数据交互过程。
原型复杂度管理:通过变量和中继器的组合,可以构建更复杂、更真实的交互逻辑而不增加页面数量。
本课小结:根据案例大家多练习,如需更为详细的讲解,可通过文章开头的课程链接去学习。
相关课程直通车:
Axure疑难杂症:全局变量典型应用及思考逻辑(玩转全局变量)-优快云博客
Axure疑难杂症:母版菜单设置打开链接后菜单选中效果-优快云博客
Axure疑难杂症:中继器制作下拉菜单(多级中继器高级交互)-优快云博客
如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-优快云博客
明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!
758

被折叠的 条评论
为什么被折叠?



