您好、欢迎来到现金彩票网!
当前位置:2019欢乐棋牌 > 中继器 >

Axure教程:让中继器像数据库一样实现数据查询、修改、判断功能

发布时间:2019-07-14 02:46 来源:未知 编辑:admin

  原标题:Axure教程:让中继器像数据库一样,实现数据查询、修改、判断功能

  如何让中继器也可以像数据库一样,实现数据查询、修改、判断等功能呢?文章为你解读。

  在用Axure制作原型的过程中,大部分人都将中继器当做数据存储的工具,可以快速格式化展示一系列排版相同的数据,例如商品展示图文列表、各种文字表格等。但是你有没有想过,中继器也可以像数据库一样,实现数据查询、修改、判断等功能呢(例如在下表中直接查询ID为2的人的姓名,或者修改姓名为wang的人的学号)?

  目前中继器中提供可以查询内部数据的函数只有「Repeater」,当我们使用此函数时只能获得以数组形式排列的整个中继器内的数据。例如:

  由此我们得知:中继器内的数据是以「数组」形式储存的,当输出时,每个数组之间通过换行符’\n’连接。

  这时候有人会问,为什么不像数据库一样,直接按照Repeater[0][0]类似的形式直接输出某个字段呢?很抱歉,通过测试发现,目前Axure中的函数是不能识别数组的,而「Item.列名」这个函数也只能直接对中继器的动作中(例如筛选、更新等)使用,并不能在其他函数赋值中直接使用。如下图:

  回到开始,目前我们外部组件能获取中继器数据只有「Repeater」一个函数可以用了,但是它里面的数据是整个中继器的所有数据,而且还是每个数据换行展示的,离我们想要的某个字段差距太远了,怎么办呢?

  首先我们做的的是筛选,通过中继器的筛选功能,将中继器数据指定到我们想要的那一行数据中,例如当我们想获得ID是1的人的姓名时,我们直接对ID进行筛选。

  此时我们看到,其他没用行的数据已经消失了,貌似离我们想要的结果进了很多。

  如果想要获得姓名这个字段,我们需要将得到的数据进行格式化,调整为一行字符串显示,并且每个字段之间通过「,」隔开。这时候需要用到「split(‘separator’,limit)」函数(返回字符串),第一个参数是分割字符,此时我们用换行符’\n’进行分割,第二个字符是分割最长的字符串个数,这里可以省略。

  是不是已经有点感觉了呢?Axure提供了那么多的字符串处理函数,如果想获得’li’这个字符串,是不是很简单呢?

  字符串都是以「0」开始排列的,’li’的位置应该是从2到3.那么我们使用「substring(from,to)」函数(返回字符串),就可以得到这个姓名了。

  这时候有人会问,如果姓名字符长度不确定呢?没问题,我们已经知道了每个字符组是通过「,」隔开的,那么我们直接截取第一个’,’到第二个’,’之间的内容就可以了。

  怎么找到’,’的位置呢?使用「indexOf(’searchValue’,start)」(返回数字)函数就可以了,前面的字段是查找内容’,’,后面的字段是字符串开始查找的位置,例如通过

  OH,NO!你已经乱了?突然来了一个这么长的,到底是什么东西?那好,我给你分析下:

  这下明白了吗?还要记住一点,就是substring函数截取的时候,是保留前面的第一个字符,不保留最后面的字符。所以当读取到第一个’,’的时候,要从它后面开始截取,一直到第二个’,’出现为止。

  不知道还有几个人能看到这里,因为大部分人可能还是抱着一个失望的态度,『看了半天你就告诉我怎么截取字符串吗?老子800年前就会了,这跟数据库查的太远了吧,我怎么能随便查询任意参数呢?』

  学校有一个【人员管理系统】,系统里包含所有学生的姓名、学院、电话、年龄等各种信息。使用者可以通过姓名查询学生的任意其他特定信息,也可以修改任意信息。

  由需求得知我们需要查询指定姓名人员的某项信息,即数据库中特定行中的某项。由上文得知,我们可以通过筛选中继器方式得到指定行数据,即指定姓名的所有信息。然后通过切割字符串的方式查找到指定项目的信息。

  在整个环节中,只有「查找项目字段位置」是个难点,因为项目是不确定的,在输出后的字符串中,只有按照「,」分割的数据内容,并不能知道每个数据代表着什么,所以如何查找指定项目的位置呢?

  这里我们引入了一个类似「列名」的辅助字段,即将所有的数据内容前面加上一个列名标识,例如:

  看到了吗?我们得到了一个有标识的字符串,相信有些人已经想明白了,我们在字符串中通过数据前面的标识就可以判断每个数据是什么意思了。如果想得到班级,识别’class_’,如果想得到年龄,识别’age_’就可以了,无论数据有多少项,无论它位置在哪,只要我们指定想要数据的标识就可以了。

  将原有数据按照指定数据格式优化(关于在excel中为同一列中每项数据增加字符的方法有很多),优化后添加到中继器数据中。

  首先设置一个表示查询项目的变量「Finder」,通过查询的项目内容为「Finder」赋值。 之后设置每个查询项目对应的特定前缀,name_、class_等。

  当切换查询项目时,系统将查询项目赋值给项目变量「Finder」,项目变量默认值与查询项目列表默认值相同。

  当点击查询按钮时,将「姓名」赋值给全局变量「Name」,然后按照「姓名」文本框筛选中继器数据,之后按照项目变量「Finder」将具体项目数值显示到查询结果中。

  查询结果包括姓名及查询内容结果,对应文本框显示相应信息即可,在此不再赘述。

  A2.text.split(‘\n’).concat(‘,’):在重新排列字符串最后加一个’,’,为了防止查找不到最后一个’,’而出现bug。

  由于时间原因功能做的比较简单,但是通过这个方法我们可以查找或修改任意项目的内容,比如查找某个学生的全部信息,按照班级查找某个姓名的学生等。

  这篇文章主要提供了一种将中继器设计成数据库的方法,看似虽然繁琐,其实定义好所有内容后,可以为Axure实现更多的类似数据库的数据查询、修改、判断等功能,而不是单纯的数据展示。希望喜欢的人可以用到。

http://cemonstyle.com/zhongjiqi/325.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有