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