axure9.0:0基础学习中继器的增删改查操作

小杨pm
6 评论 6401 浏览 13 收藏 5 分钟
零基础想转行产品经理?别担心!我们的实战营专为转行者设计,提供体系化课程和项目实战,帮你弥补经验短板,成功实现职业转型,拿到心仪offer。

编辑导读:在日常工作中,经常会用到中继器进行增删改查操作,那我们可以如何使用Axure来进行相关操作呢?本篇文章里,作者利用中继器为我们展示了增删改查操作,让我们一起来看一下。

中继器增删改查对于熟悉的大神来讲操作不难,网上教程也很多。但是对于初学者来讲,网上教程普遍很难接受。今天老杨出一版0基础学习的教程,希望大家采纳。

一、为什么要使用中继器?

在做后台的时候往往会用到表格,而对于表格的增删改查这一联动的动态实现则需要用到中继器来实现,话不多少,直接上干货。

二、实现方式

元件准备:中继器、动态面板、矩形、文本标签、文本框、按钮;

以上元件是整个过程中需要的,不需要一开始就全部拉出来,首先做一个搜索框和列表(直接从元件区拖出来)。见下图。

中继器拖进来就是一列三行,可单击中继器在右边的样式中进行行列的增加删除以及内容的填写(内容填写需要通过交互传输进入中继器,下面会介绍)。

双击中继器,增加列,双击进入之后直接删掉原来的矩形,想要多少列就拖几个矩形依次并排展示。这里以5列操作展示,具体根据大家的需求自己拖。拖入之后不要退出,继续给这5个矩形添加名称,便于下面做交互能够精确查询。

备注完名称之后双击空白处退出,进入下图1,然后给中继器做表头(只要能达到效果均可,建议使用矩形)如下图2所示,根据箭头给中继器做内容填充。老杨只填充中间三列内容,序号列需要用到index函数,操作列内容固定,所以只填充中间三列,见图3.

如上图所示,内容填充之后需要通过函数输送至中继器。点击交互,进入交互操作栏。交互→新建交互→每项加载时→设置文本。目标选择中继器中需要数据展示的元件,“值”依次使用函数。老杨之前选的是中间三列,也就是姓名、电话、地址列。

设置成功之后中继器中的内容即已成功填充,接下来做搜索操作。老杨做的是姓名搜索,所以函数前半部分是item.num。点击文本框→新建交互→文本改变时→添加筛选→中继器。接下来根据图片内容来操作。

到这里,筛选操作已完成,先出这期教学,如果大家觉得有帮助,或者有建议的地方提出来,老杨再继续更新接下里的教学。

 

作者:小杨pm,微信公众号:老杨说产品

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

题图来自Unsplash, 基于CC0协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 最后一步插入变量和函数那个框里的内容是什么意思?

    来自浙江 回复
  2. 学习学习了,非常感谢楼主

    来自吉林 回复
  3. 可能对一个萌新来说,不太友好

    来自广东 回复
  4. 学到了

    来自吉林 回复
  5. 写的好啊小杨

    回复
    1. 欢迎指导

      来自上海 回复
专题
14739人已学习10篇文章
聚合支付作为对银行和第三方支付平台服务的拓展,能够提供多渠道支付方式,简化商家的支付对接。本专题的文章分享了聚合支付的设计思路。
专题
14139人已学习12篇文章
为了推动公司业务的正常运转操作,我们需要建立一定的业务模型来推动运作。本专题的文章分享了如何构建业务模型。
专题
10384人已学习22篇文章
本专题的文章聚焦鸿蒙操作系统应用开发实践,通过典型案例解析开发流程与技巧。内容涉及ArkTS/JS语言特性、UI框架使用、设备协同等关键技术点,并包含性能优化与多设备适配等进阶知识,帮助开发者快速构建全场景智能应用。
专题
14984人已学习12篇文章
苹果发布了Vision Pro这款MR头显,而这一产品的出现,也让我们看到了更多有关空间体验设计的相关可能。本专题的文章分享了Vision Pro的设计和交互指南。
专题
12842人已学习15篇文章
当业务进入某一阶段之后,用户新增可能会趋向疲软,这个阶段里,运营人员可能会需要召回流失用户。本专题的文章分享了用户召回策略。
专题
15441人已学习12篇文章
用户体验五要素包括战略层、范围层、框架层、结构层、表现层五个方面,本专题的文章分享了用户体验五要素的看法。