Axure中继器入门:打造你的动态原型

简介: Axure中继器入门:打造你的动态原型

前言

中继器Axure 中的一个高级功能,它能够在静态页面上模拟后台数据交互的操作,如增加、删除、修改和查询数据,尽管它不具备真实数据存储能力。

中继器就像是一个临时的数据库,为我们在设计原型时提供动态数据管理的体验,使得交互感受更加贴近实际应用。

基本操作

首先,用矩形做一个表头,用中继器也做出与表头对应的矩形

image.png

再去中继器中【样式】里添加数据,这里的数据可以复制 Excel 表格的数据直接粘贴进中继器

image.png

要把写入的数据中继器中呈现,还需要一个操作,【每项加载时】 【设置文本】,为了方便这一操作可以为中继器中的每个矩形命名

对应设置文本,就可以呈现数据了

image.png

经过了这一步的操作,我们已经知道了中继器是如何呈现数据的,接下来进一步解锁更多操作

先拖一个按钮过来作为我们的新增按钮

image.png

给按钮添加点击事件,发现在【中继器动作】里面有很多的操作可以选,我们选择这里的【添加行】

image.png

目标选择当前的中继器,再点击里面的【添加行】,弹出的添加行信息我们可以发现不仅仅是填文字还可以以函数的方式添加。(函数方式之后会讲到)

image.png

拖过来一个新的按钮当作删除按钮,给按钮添加点击事件选择【删除行】,可以发现需要我们选择【规则】或者【已标记】作为一个删除的条件。

【已标记】的功能将会在下一篇张给大家讲解,这里我们选【规则】来实现这一功能

image.png

接下来我们来尝试修改某一行的数据,拖动一个新按钮然后给按钮添加【中继器动作】中的【更新行】,这里的意思是根据规则更新数据。

image.png

到这里我们的修改功能也完成了

最后来做筛选的功能,同样拖入一个按钮,给它添加【中继器事件】中的【添加筛选】动作,这里我们筛选 性别为女的

这里的【移除其他筛选】的意思是,如果此时有其他的筛选条件,则清空掉,按当前的筛选条件来筛选,如果不勾选,则是在已有筛选条件的基础上进行筛选

image.png

【中继器动作】 中还有 【移除筛选】,可以移除全部筛选条件,也可以按名称移除指定名称的筛选条件

image.png

到这里的话,中继器的基础操作已经全部结束。

image.png



相关文章
|
网络协议 Java 测试技术
MPG 模式的介绍 | 学习笔记
快速学习 MPG 模式的介绍
MPG 模式的介绍 | 学习笔记
|
2月前
|
JavaScript 搜索推荐 Java
基于springboot的人才管理系统
本研究聚焦人才管理系统,探讨其在企业战略决策、人力资源效率提升及员工发展中的关键作用,结合Spring Boot、Java与Vue技术实现智能化管理,助力企业应对人才竞争,推动信息化与智能化发展。
|
11月前
|
存储 缓存 API
电商行业中 API 接口的常见问题和解决方法
本文探讨了电商行业中API接口的常见问题及解决方法。涵盖数据准确性(如数据不一致、数据缺失)、性能问题(如响应时间过长、吞吐量不足)、安全问题(如身份认证与授权、数据泄露风险)和兼容性问题(如接口版本兼容性、系统兼容性)。通过优化数据同步机制、缓存策略、网络配置、服务器负载均衡、代码逻辑,以及采用安全的身份认证方式和加密技术,结合实际代码示例,帮助开发者提升API接口的稳定性和安全性,确保电商业务顺利运行。
503 11
|
自然语言处理 搜索推荐 前端开发
语镜VocaMirror——基于sensevoice、cosyvoice和qwen模型实现与“自身声音”对话
语镜 VocaMirror 是一个创新的对话系统,灵感来源于汤姆猫游戏和亲人语音克隆项目,旨在让用户与自己的声音进行对话。系统融合了语音识别、自然语言处理及个性化语音合成技术,提供趣味互动、心理治疗辅助及多功能扩展等应用。用户可通过 Gradio 界面轻松使用,实现语音转文本、对话生成及个性化语音回复等功能。
901 4
语镜VocaMirror——基于sensevoice、cosyvoice和qwen模型实现与“自身声音”对话
|
存储 JavaScript 前端开发
如何优化代码以避免闭包引起的内存泄露
本文介绍了闭包引起内存泄露的原因,并提供了几种优化代码的策略,帮助开发者有效避免内存泄露问题,提升应用性能。
|
搜索推荐 关系型数据库 MySQL
mysql like查询优化
通过合理的索引设计、使用全文索引、优化查询结构以及考虑分片和分区表,可以显著提高MySQL中 `LIKE`查询的性能。针对不同的应用场景选择合适的优化策略,能够有效地提升数据库查询效率,减少查询时间。希望这些方法和技巧能帮助您优化MySQL数据库中的模糊查询。
1307 4
|
Linux
CentOS 7.x时间同步服务chrony配置详解
文章详细介绍了在CentOS 7.x系统中如何安装和配置chrony服务,以及它与ntpd服务的对比,强调了chrony在时间同步方面的高效性和准确性。
1256 2
CentOS 7.x时间同步服务chrony配置详解
|
JavaScript Java 测试技术
基于微信小程序的汽车维修管理系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的汽车维修管理系统的设计与实现(源码+lw+部署文档+讲解等)
288 0
|
存储 算法 搜索推荐
排序算法的复杂度及稳定性详解(内含记忆小窍门)
排序算法的复杂度及稳定性详解(内含记忆小窍门)
排序算法的复杂度及稳定性详解(内含记忆小窍门)
|
弹性计算 关系型数据库 MySQL
ECS网络问题之无法连接外网如何解决
ECS(Elastic Compute Service,弹性计算服务)是云计算服务提供商提供的一种基础云服务,允许用户在云端获取和配置虚拟服务器。以下是ECS服务使用中的一些常见问题及其解答的合集: