AxureRP8中继器的用法

2025-09-28 03:13:35

1、首先,打开Axure,在空白页面拖入中继器

AxureRP8中继器的用法

2、双击中继器进入单独的页面,准备编辑中继器。

AxureRP8中继器的用法

3、注意上图中右下角红线框起来的部分,我理解成为,这是一个数据库。

我们需要设置数据库的名称和字段。

 

→右上角设置中继器的名称为'Student'。

→点击红框中的column0,将列名改成'name',再添加列'score',并往“数据库”中插入一行数据'李雷','99',效果如图。

现在就知道,我们要增加/删除的数据都是与Student这个中继器打交道。

AxureRP8中继器的用法

1、现在开始画页面。

首先,将页面默认的小框删掉。

添加2个文本链接,命名成'姓名','分数',当作标题名。

在下方再添加2个文本链接,用来显示姓名和分数。

AxureRP8中继器的用法

2、将姓名和分数的文本标签分别命名成'showName','showScore',用作显示姓名和分数。那么现在我们需要将这2个字段与中继器关联起来,中继器中的姓名和分数的字段是name和score,现在操作关联的方式,看到右侧的属性,双击红框中的内容

AxureRP8中继器的用法

3、双击后,页面展示为:

AxureRP8中继器的用法

4、勾选showName,点击fx

AxureRP8中继器的用法

5、点击[插入变量或函数...],选择Item.name,效果如图,再点击确定,同理操作showScore。到这里从中继器读取数据展示,就做完了。点击预览,看下效果:

AxureRP8中继器的用法

1、在index页面添加2个文本框,用作输入姓名和分数,并命名成newName、newScore。再添加一个按钮,作为添加数据按钮,如图所示:

AxureRP8中继器的用法

2、现在我们要将newName和newScore跟中继器关联上。

选中【添加】按钮,添加用例,双击【鼠标单击时】,选择中继器-数据集-添加行,勾选Student,再点击【添加行】

AxureRP8中继器的用法

3、点击【添加行】之后,现在我们要将newName、newScore都加进中继器。

操作是点击name列的fx,

AxureRP8中继器的用法

4、点击【添加局部变量】,右侧下拉框中选择newName,再点击【插入变量或函数】,选择LVAR1,这个名字无所谓,LVAR1是等于newName的。同理操作newScore,变量命名成LVAR2。就可以了。效果是:

AxureRP8中继器的用法

5、现在预览页面,在文本框中输入内容,再点击【添加】按钮,就实现了添加功能。

AxureRP8中继器的用法

1、在中继器中添加删除按钮,如图所示

AxureRP8中继器的用法

2、给删除按钮添加用例,双击【鼠标单击时】,中继器-数据集-删除行,勾选Student,点选【this】,点击确定

AxureRP8中继器的用法

3、预览页面如图所示,点击对应的删除就可以删除数据了。

AxureRP8中继器的用法

1、在index页面添加按钮,【全部删除】按钮,添加用例,双击【鼠标单击时】,中继器-数据集-删除行,勾选Student,点选【条件】,条件内容写true,点击确定

AxureRP8中继器的用法

2、页面预览如图所示,点击全删,就可以把中继器数据都删除了。

AxureRP8中继器的用法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢