Axure中的中继器和数据库有什么样的中继器穿墙厉害区别

Axure 7.0 部件里的中继器是干什么用的_百度知道
Axure 7.0 部件里的中继器是干什么用的
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
电脑类认证行家
电脑类行家
采纳数:70448
获赞数:52663
电信公司运维员工
你可以将中继器看作是一个临时的数据库,存储数据使用的。这个控件的作用是为了演示数据的存、读、删、改。
采纳数:16472
获赞数:31693
Axure 7.0很大的亮点就是中继器,它就是一个数据集,里面可以导入数据和图像,新增行、删除行、进行排序和筛选数据,高级交互常用。你可以将中继器看作是一个临时的数据库,存储数据使用的。这个控件的作用是为了演示数据的存、读、删、改。比如,商品包含品牌、价格。那通过输入框输入不同的品牌、价格,通过中继器就可复制出来。用axure7或8打开
本回答被提问者采纳
为你推荐:
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。Axure 教程:让中继器像数据库一样,实现数据查询、修改、判断功能
Axure 教程:让中继器像数据库一样,实现数据查询、修改、判断功能
如何让中继器也可以像数据库一样,实现数据查询、修改、判断等功能呢?文章为你解读。在用 Axure 制作原型的过程中,大部分人都将中继器当做数据存储的工具,可以快速格式化展示一系列排版相同的数据,例如商品展示图文列表、各种文字表格等。但是你有没有想过,中继器也可以像数据库一样,实现数据查询、修改、判断等功能呢(例如在下表中直接查询 ID 为 2 的人的姓名,或者修改姓名为 wang 的人的学号)?中继器相关函数难点分析中继器函数目前中继器中提供可以查询内部数据的函数只有「Repeater」,当我们使用此函数时只能获得以数组形式排列的整个中继器内的数据。例如:对中继器使用函数 Repeater.text 时,得到以下数据由此我们得知:中继器内的数据是以「数组」形式储存的,当输出时,每个数组之间通过换行符 'n' 连接。这时候有人会问,为什么不像数据库一样,直接按照 Repeater [ 0 ] [ 0 ] 类似的形式直接输出某个字段呢?很抱歉,通过测试发现,目前 Axure 中的函数是不能识别数组的,而「Item. 列名」这个函数也只能直接对中继器的动作中(例如筛选、更新等)使用,并不能在其他函数赋值中直接使用。如下图:字符串处理现在我们已经知道,通过直接调用中继器某个具体字段的方式已经破灭了。回到开始,目前我们外部组件能获取中继器数据只有「Repeater」一个函数可以用了,但是它里面的数据是整个中继器的所有数据,而且还是每个数据换行展示的,离我们想要的某个字段差距太远了,怎么办呢?1. 筛选中继器,获取指定行内容首先我们做的的是筛选,通过中继器的筛选功能,将中继器数据指定到我们想要的那一行数据中,例如当我们想获得 ID 是 1 的人的姓名时,我们直接对 ID 进行筛选。此时我们看到,其他没用行的数据已经消失了,貌似离我们想要的结果进了很多。2. 格式化数据如果想要获得姓名这个字段,我们需要将得到的数据进行格式化,调整为一行字符串显示,并且每个字段之间通过「,」隔开。这时候需要用到「split ( ‘separator',limit ) 」函数(返回字符串),第一个参数是分割字符,此时我们用换行符 'n' 进行分割,第二个字符是分割最长的字符串个数,这里可以省略。是不是已经有点感觉了呢?Axure 提供了那么多的字符串处理函数,如果想获得 'li' 这个字符串,是不是很简单呢?3. 截取字符串字符串都是以「0」开始排列的,'li' 的位置应该是从 2 到 3. 那么我们使用「substring ( from,to ) 」函数(返回字符串),就可以得到这个姓名了。这时候有人会问,如果姓名字符长度不确定呢?没问题,我们已经知道了每个字符组是通过「,」隔开的,那么我们直接截取第一个 ',' 到第二个 ',' 之间的内容就可以了。怎么找到 ',' 的位置呢?使用「indexOf('searchValue',start)」(返回数字)函数就可以了,前面的字段是查找内容 ',',后面的字段是字符串开始查找的位置,例如通过LVAR.substring ( LVAR.indexOf ( ‘,' ) ,LVAR.indexOf ( ‘,', ( LVAR.indexOf ( ‘,' ) +1 ) ) ) OH,NO!你已经乱了?突然来了一个这么长的,到底是什么东西?那好,我给你分析下:查找字符串 LVAR 中第一个 ',' 出现的位置,返回数字。为什么要 +1 呢?因为它的输出作为前面 LVAR.indexOf(2)的起始查找位置,就是说查找 2 字符串时候,是从它第一个 ',' 后面的一个字符开始查找的。从字符串 LVAR 第一个 ',' 的后一位开始查找 ',',说白了就是得到字符串 LVAR 第二个 ',' 的位置。截取字符串 LVAR 从第一个 ',' 出现的位置开始到第二个 ',' 出现的位置。这下明白了吗?还要记住一点,就是substring函数截取的时候,是保留前面的第一个字符,不保留最后面的字符。所以当读取到第一个 ',' 的时候,要从它后面开始截取,一直到第二个 ',' 出现为止。挑战升级不知道还有几个人能看到这里,因为大部分人可能还是抱着一个失望的态度,『看了半天你就告诉我怎么截取字符串吗?老子 800 年前就会了,这跟数据库查的太远了吧,我怎么能随便查询任意参数呢?』别急,上面都是基础,干货来了。需要函数:Repeater.text 确保中继器返回的是字符串split ( " )
按照特定分隔符分割字符串substring ( from,to )
按照指定位置分割字符串indexOf ( )
查找某个字符串在字符串出现位置concat ( )
连接字符串length 获取字符串长度场景设计学校有一个【人员管理系统】,系统里包含所有学生的姓名、学院、电话、年龄等各种信息。使用者可以通过姓名查询学生的任意其他特定信息,也可以修改任意信息。例如:查询王刚的班级,查询邓爽的电话号码等。构架分析由需求得知我们需要查询指定姓名人员的某项信息,即数据库中特定行中的某项。由上文得知,我们可以通过筛选中继器方式得到指定行数据,即指定姓名的所有信息。然后通过切割字符串的方式查找到指定项目的信息。在整个环节中,只有「查找项目字段位置」是个难点,因为项目是不确定的,在输出后的字符串中,只有按照「,」分割的数据内容,并不能知道每个数据代表着什么,所以如何查找指定项目的位置呢?这里我们引入了一个类似「列名」的辅助字段,即将所有的数据内容前面加上一个列名标识,例如:姓名中的数据变为 王刚—— name_ 王刚班级中的数据变为 通信信息—— class_ 通信信息手机中的数据变为 23456 —— phone_23456年龄中的数据变为 22 —— age_22这样我们获得某一行的字符串数据就变化成了:王刚,通信信息,23456,22 —— name_ 王刚,class_ 通信信息,phone_23456,age_22看到了吗?我们得到了一个有标识的字符串,相信有些人已经想明白了,我们在字符串中通过数据前面的标识就可以判断每个数据是什么意思了。如果想得到班级,识别 'class_', 如果想得到年龄,识别 'age_' 就可以了,无论数据有多少项,无论它位置在哪,只要我们指定想要数据的标识就可以了。系统搭建优化数据表将原有数据按照指定数据格式优化(关于在 excel 中为同一列中每项数据增加字符的方法有很多),优化后添加到中继器数据中。设置全局变量首先设置一个表示查询项目的变量「Finder」,通过查询的项目内容为「Finder」赋值。 之后设置每个查询项目对应的特定前缀,name_、class_ 等。设置查询面板查询面板包括姓名文本框,查询项目列表框,查询按钮。当切换查询项目时,系统将查询项目赋值给项目变量「Finder」,项目变量默认值与查询项目列表默认值相同。当点击查询按钮时,将「姓名」赋值给全局变量「Name」,然后按照「姓名」文本框筛选中继器数据,之后按照项目变量「Finder」将具体项目数值显示到查询结果中。设置查询结果面板查询结果包括姓名及查询内容结果,对应文本框显示相应信息即可,在此不再赘述。函数分析以下是查询结果显示的函数: [ [ A2.text.split ( ‘n' ) .concat ( ‘,' ) .substring ( ( A2.text.split ( ‘n' ) .indexOf ( Finder ) +Finder.length ) ,A2.text.split ( ‘n' ) .concat ( ‘,' ) .indexOf ( ‘,', ( A2.text.split ( ‘n' ) .indexOf ( Finder ) ) ) )
] ] 如果上文看懂的人会发现这里有几个特殊的地方:A2.text.split ( ‘n' ) .concat ( ‘,' ) :在重新排列字符串最后加一个 ',',为了防止查找不到最后一个 ',' 而出现 bug。A2.text.split ( ‘n' ) .indexOf ( Finder ) +Finder.length:因为 Finder 字符串长度的不确定性,切割的起始位置是从「Finder」字符串后开始切割的。系统优化由于时间原因功能做的比较简单,但是通过这个方法我们可以查找或修改任意项目的内容,比如查找某个学生的全部信息,按照班级查找某个姓名的学生等。结语这篇文章主要提供了一种将中继器设计成数据库的方法,看似虽然繁琐,其实定义好所有内容后,可以为 Axure 实现更多的类似数据库的数据查询、修改、判断等功能,而不是单纯的数据展示。希望喜欢的人可以用到。以下为源文件下载链接:链接 :http://pan.baidu.com/s/1i4JTQAT
密码:lbrc本文由 @escher 原创发布于人人都是产品经理。未经许可,禁止转载。题图来自 PEXELS,基于 CC0 协议原网页已经由 ZAKER 转码以便在移动设备上查看
大家都在看手机号/邮箱:?
使用第三方登录:?
还可以输入 300 字符
请输入举报理由
选择收藏分类:
默认收藏夹
添加收藏分类:
教程:在Axure中用“中继器”实现对表格的增、删、改(原创文章)
系统分类:
文章版权:
原创,如需商业用途或转载请与
联系,谢谢配合!
曲水县 / 网页设计师128天前发布
中继器是Axure中比较难理解的功能,它可以实现原型图中数据的增删改查,我理出了一些思路,希望对学习中继器的朋友有用。
最近一周探索了Axure中中继器的用法,在看别人的教程的过程中我产生了很多的困惑,于是理了一些思路出来,制作出了对列表的增加行(行里有数据)和删除行,进行对行的修改和保存。希望对学习中继器的朋友有用。
中继器的用法总结如下:
一、给表格添加一行数据
1.1 准备工作
从元件库分别拖入输入框(文本框、下拉列表框)、按钮、表格。设计出页面的三个区域:输入区、动作区、显示区。对每个元件命好名。
★思路: 从输入区输入信息,经过动作区的点击动作后把信息呈现在显示区。
1.2 设置中继器
拖入中继器
选择中继器,①将中继器拖到与表格标题左对齐;②在中继器的属性栏把默认的三行删除。
③在中继器属性栏中输入表格的标题名称(用英文,软件不识别中文)。
在设计稿中双击中继器,切换到对中继器的内部编辑。
设置中继器宽度与表格宽度一致。高度可以高一点或矮一点都可以。
从元件区拖入6个文本框,每个文本框的宽度与所在列的宽度一致。对应的命好名。
1.3 给“添加”按钮配置动作
★思路 &:当点击“添加”按钮时,中继器增加一行。
选择“添加”按钮-在属性栏下找点击“鼠标单击时”-在弹出的弹窗里(中继器-数据集-添加行)-点击“添加行”后-在第三栏里找到并勾选要添加行的中继器-点击下方的“添加行”按钮-弹出一个“添加行到中继器”的弹框。
在“添加行到中继器”的弹框中,从“xingming”栏起,到“youxiang”栏,分别点击“fx”,在弹出的“编辑器”中,在第一个输入框里命个名比如:[[xming]],在第二个输入框中也输入相同的名称,只是去掉双中括号。然后选择“元件文字”(如果后面的数据是下拉选择的,则在这里要选择“被选项”),在最后一个输入框中选择输入区的某个文本框(数据的输入位置)。
?思考 &:按理来说,配置到这一步的时候就可以完成增加行的动作了,因为我们在这里已经配置了数据的来源地和数据的显示位置。但是用浏览器测试结果为:行可以增加,但是数据为空,见下图:
进一步分析以上的配置是把输入区的数据经过点击“添加”按钮后显示在表格显示区,但是之前还做了一个步骤就是:在中继器中拖入了6个文本框,而以上的配置并没有涉及到这六个文本框,那么显示的数据会不会被这六个文本框遮住了呢?
那么在axure中把这六个文本框删除掉后是不是就可以把数据显示出来了呢?
删除了这六个文本框后,在浏览器中测试结果如下(依然无法显示数据):
为什么会出现这样的结果?这应该是Axure软件的一个设计缺陷,也就是说中继器不具有显示能力。显示数据要通过中继器中的文本框来显示。
领悟&:到此,明白了那六个文本框是用来给表格分栏并显示中继器从输入区获取的数据。
1.4 给中继器配置显示能力
★思路:&&当点击“添加”按钮时,中继器增加一行的同时将输入区的数据显示在新增的行中。
第1.3步中,已经把输入区的数据获取到了中继器中,但是无法显示出来。在这一步中将通过一些方法将数据显示到中继器中的六个文本框中。
选择中继器-选择每项加载时-选择设置文本-分别选择中继器中的文本框-点击fx-选择对应的中继器标题名称。
值得注意的是:为了实现编号一栏实现自增长,在编辑文本弹框里,编号一栏选择index。局部变量可以不用设置。操作栏先别设置。
可以看到,当设置完后,原来在中继器属性中输入的数据已经获取到了中继器中。
测试成功:在浏览器中测试结果如下:
二、给表格删除一行
★思路:&&勾选某行后点击删除按钮,此行被删除。
2.1 新增复选框
为了达到这个目的,首先在中继器中加入复选框,并在中继器属性标题栏中新增一栏“xuanze”用来放置复选框。
2.2 设置复选框与所在行的对应关系
★思路:&&勾选复选框时标记复选框所在的行。
选择复选框-双击选中时-在弹出的用例编辑器中选择(中继器-数据集-标记行)-选择对应的中继器-选择:This。
2.3 设置删除按钮的点击动作
★思路:&&点击“删除”按钮时,将被标记的行删除掉。
选择删除按钮-选择鼠标单击时-在弹出的用例编辑器中选择(删除行-选择对应的中继器-勾选已标记)。
测试成功:在浏览器中测试结果如下:
三、修改行
★思路:&&通过一个“修改”按钮让此行处于可编辑状态,编辑完后通过一个“保存”按钮将此行信息保存。
3.1 准备工作
首先让文本框处于禁用状态。在中继器中新增一个“修改”按钮和一个“保存”按钮,让“保存”按钮先
处于隐藏状态。
3.2 为“修改”按钮配置动作
★思路:&&点击“修改”按钮时,本行处于可编辑状态,同时“保存”按钮出现,隐藏“修改”按钮。
选择修改按钮-双击鼠标单击时-在弹出的用例编辑器中(选择元件-显示/隐藏-显示保存按钮/隐藏修改按钮)(选择元件-启用/禁用-启用相应的文本框)
测试成功:在浏览器中测试结果如下:
3.3 为“保存”按钮配置动作
★思路:&&点击“保存”按钮后,保存当前行的数据。
选择保存按钮-选择鼠标单击时-在弹出的用例编辑器中(选择中继器-数据集-更新行-选择相应的中继器-选择This-选择中继器中相应的列-点击相应列后的fx-在弹出的编辑值弹框中设置值得来源地(比如xingming的来源地在这里设置为从中继器的xm文本框中获取))
测试成功:在浏览器中测试结果如下:
至此,在中继器中对表格的增、删、改完成,不足之处望大家指正,欢迎讨论,需要源文件的可以私信我索要。
感谢阅读!
曲水县 / 网页设计师128天前发布
同时推荐此文章
还可以输入2000 个字符
所有,如需商业用途或转载请与
联系,谢谢配合!axure中继器能做数据库吗_百度知道
axure中继器能做数据库吗
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
采纳数:16472
获赞数:31693
不能,你想多了~~~~~~~
来自电脑网络类芝麻团
打开中继器编辑页面,选择“每项加载时”事件,导入图像用“设置图像”动作,导入数据用“设置文本”动作,再根据你的需要选内容列。 这些资料对你有帮助:
为你推荐:
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}

我要回帖

更多关于 什么样的中继器好用 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信