中继器可以实现行或列的动态增加或者删除,关于操作想记录自己的理解。本次实现可以增加姓名+分数的功能。
工具/原料
AxureRP8中继器
Windows
火狐浏览器
方法/步骤
1、首先,打开Axure,在空白页面拖入中继器
2、双击中继器进入单独的页面,准备编辑中继器。
3、注意上图中右下角红线框起来的部分,我理解成为,这是一个数据库。我们需要设置数据库的荏半吨蛸名称和字段。→右上角设置中继器的名称为泌驾台佐39;Student'。→点击红框中的column0,将列名改成'name',再添加列'score',并往“数据库”中插入一行数据'李雷','99',效果如图。现在就知道,我们要增加/删除的数据都是与Student这个中继器打交道。
展示数据
1、现螅岔出礤在开始画页面。首先,将页面默认的小框删掉。添加2个文本链接,命名成'姓名','分数',当作标题名。在下方再添加2个文本链接,用来显示姓名和分数。
2、将姓名和分数的文本标签分别命名成'showName','挢旗扦渌;showScore',用作显示姓砘捃坑聒名和分数。那么现在我们需要将这2个字段与中继器关联起来,中继器中的姓名和分数的字段是name和score,现在操作关联的方式,看到右侧的属性,双击红框中的内容
3、双击后,页面展示为:
4、勾选showName,点击fx
5、点击[插入变量或函数...],选择Item.name,效果如图,再点击确定,同理操作showScore。到这里从中继器读取数据展示,就做完了。点击预览,看下效果:
增加数据
1、在index页面添加2个文本框,用作输入姓名和分数,并命名成newName、newScore。再添加一个按钮,作为添加数据按钮,如图所示:
2、现螅岔出礤在我们要将newName和newScore跟中继器关联上。选中【添加】按钮,添加用例,双击【鼠标单击时】,选择中继器-数据集-添加行,勾选Student,再点击【添加行】
3、点击【添加行】之后,现在我们要将newName、newScore都加进中继器。操作是点击name列的fx,
4、点击【添加局部变量】水貔藻疽,右侧下拉框中选择newName,再点击【插入变量或函数】,选择LVAR1,这个名字无所谓,LVAR1块吧吨翘是等于newName的。同理操作newScore,变量命名成LVAR2。就可以了。效果是:
5、现在预览页面,在文本框中输入内容,再点击【添加】按钮,就实现了添加功能。
删除数据
1、在中继器中添加删除按钮,如图所示
2、给删除按钮添加用例,双击【鼠标单击时】,中继器-数据集-删除行,勾选Student,点选【this】,点击确定
3、预览页面如图所示,点击对应的删除就可以删除数据了。
全部删除数据
1、在index页面添加按钮,【全部删除】按钮,添加用例,双击【鼠标单击时】,中继器-数据集-删除行,勾选Student,点选【条件】,条件内容写true,点击确定
2、页面预览如图所示,点击全删,就可以把中继器数据都删除了。