Axure8 中继器增删改查功能分享

Axure8 中继器增删改查功能分享

第一次发文章，觉得可以和大家分享一下Axure的一些功能，最近刚好做的一个需求可以用中继器来实现，所以分享出来和大家交流一下。

现在产品好多都不知道中继器是什么，我觉得中继器更像是一个小型的数据库，我们可以用中继器的功能来对数据进行处理，而有些人觉得产品不需要把交互做的很好，我也不反驳你，如果不熟练去使用这些功能，可能你会花很长时间去做交互，这些交互对我来说就是顺便做的，几行函数熟练使用是不需要什么时间的。作为一个产品，对于我们日常最常使用的软件，我们还是需要保持一个好奇和探索的初心，去不断探索不了解的功能，在需求评审的时候给领导和开发最直观的感受，不要让人觉得产品什么都不行。如果你要跟我杠逻辑，可以跟我私下沟通，逻辑你可能也不太行，手动狗头。

好了废话说多了，上才艺！

原型链接：https://v90lqu.axshare.com

下载链接：https://pan.baidu.com/s/1zUNrpDIAU1_8wPSV_ZhsfQ  提取码：8q7e

用链接看可能会有些小bug，最好下载查看。

| 新建中继器

找到我们的元件库在最底下有中继器这个元件，新建之后是默认的三行，然后去修改交互，今天的案例只有一列所以把列的名字修改成name就好了（中继器的列名称不能使用中文），

设置文字，将我们想要展示的“矩形”用函数ltem.定义，在插入函数的中继器函数中可以找到。

中继器定义好之后，去修改一下样式，跟开发一样，我们的“表”建好再去做别的，

样式修改之后是下面这个样子的，他包含了增删改查。

| 增

点击[+]时，会新增数据，他的交互是这样做的

鼠标点击时，给中继器添加行，因为就一个就不命名了，添加的内容要用局部变量来做，等与文本框内我们输入的名字。

| 删

点击[-]时，会删除数据，他的交互是这样做

| 改

点击[修改]时，会弹出弹窗，我们只有一个弹窗，怎么去修改所有的数据呢，首先要先标记一下我们要修改的数据，再去打开弹窗就可以了。

在文本框内输入我们想要修改的名称点击[确定]去更新行，更新的就是我们之前标记的，更新之后我们之前的标记还在，下次修改的话会把之前标记的行的内容也修改，所以我们要取消标记。

| 查

在文本框内输入我们要查的内容，我使用的交互是文本改变时中继器添加筛选，筛选是有条件的，用到了函数.indexof()>=0。

函数用法：

  该方法从头到尾检索字符串Item.name，看它是否含有子串searchValue(就是指定的字符串值)。  找到则返回第一次出现的位置，若没找到返回-1.所以我们要让这个值大于-1

这样一个插件的增删改查需求就完成了，大家可以根据实际需求去实际应用，之后我会和大家分享其他的一些功能。

顺便吐槽一下现在的环境，人人都是产品经理上发AXURE使用贴的人越来越少，现在大部分产品都以逻辑自居，用户角色太多情况下实际可能好多闭环都做不到，功能也是毫无用户体验，真就被死怼，您真的不行。逻辑跟AXURE的使用不矛盾，在你周末没事的时候提升一下自己常用软件的熟练度，也不影响您逻辑没有闭环哦！就比如这个登陆，微信号跟手机号能做成两个账号，这个技术跟产品都是天才，但凡有一点逻辑也不会这么做，或许大佬可能都不用这些平台吧。

这个微博扫码我也服了，从登陆这个细节就可以看出平台之垃圾。