Axure中的中的中继器认识与使用&增删改查案例

目录

一、中继器

1.1、简介

1.2、应用领域：

二、中继器的交互

2.1、添加数据

2.2、想插图片

2.3、展示效果

新手放错误：

2.4、实现排序案例

三、中继器的动作

3.1.操作

增加

删除 

修改 

页数的设置

改变一页显示多少条

3.2、实现增删改查案例

四、中继器的repeater属性

4.1、属性介绍

4.2、增删改查进阶版案例

五、中继器的Item属性

5.1、属性介绍

5.2、应用

六、作品

---

一、中继器

1.1、简介

中继器是Axure中的一种交互元素，用于将一个页面上的事件传递到另一个页面上。它可以帮助用户在不同页面之间实现数据的传递和交互。中继器可以在页面上创建，然后配置其名称和传递的数据类型，然后在其他页面上使用该名称来访问该中继器。当用户在一个页面上触发了中继器事件时，Axure会自动将事件传递到其他页面上的相应中继器。这使得用户能够在不同页面之间实现更复杂的交互和数据传递

1.2、应用领域：

1. 原型设计：在创建应用程序或网站的交互原型时，中继器可以帮助设计师模拟不同页面之间的交互和数据传递。

2. 表单交互：中继器可以用于表单页面之间的数据传递，例如用户输入数据后，可以通过中继器将数据传递到另一个页面进行处理或展示。

3. 多页面交互：对于包含多个页面的应用程序或网站，中继器可以帮助设计师实现页面之间的复杂交互和数据传递，提高用户体验。

4. 状态管理：通过中继器，可以在不同页面之间管理应用程序或网站的状态，例如用户登录状态、购物车状态等。

二、中继器的交互

2.1、添加数据

样式---------------------->数据

列名不能为中文，必须英文与数字组合，并且字母开头

 

2.2、想插图片

右键-------导入图片

2.3、展示效果

• 在交互里面给中继器添加每项加载时
• 给中继器的元件设置内容（文本、图片）

添加图片：

 

新手放错误：

会在文本设置图片，最后文本显示不出来变成img,因为文件也能拿到图片属性

2.4、实现排序案例

三、中继器的动作

添加行做增加、标记行给来做选中行、更新行做修改、删除行做删除、

3.1.操作

• 增加

新建交互提交事件（单击时）---->添加行

 点fx就是添加数据

• 删除 

先删除按钮

1.添加了单击事件

2.删除被标记的动作

3.删除被标记的行记录

 标记行：只是给一个复选框设置了

后复选框：进一步控制中继器的标记状态

1.添加选中时事件

2.添加取消选中事件

• 修改 

先修改按钮

1.添加了单击事件

2.修改被标记的动作

3.修改被标记的行记录

后复选框：进一步控制中继器的标记状态

1.添加选中时事件

2.添加取消选中事件

最后获取文本内容

• 页数的设置

• 改变一页显示多少条

 

3.2、实现增删改查案例

四、中继器的repeater属性

4.1、属性介绍

Repeater：中继器的对象

ItemCount：加载项数量

用在：共搜索出[[LVAR1.itemCount]]条

共搜索出5条

visibleItemCount：中继器项目列表中可见项的数量
dataCount：获取中继器数据集中数据行的总数量

用在：共[[LVAR1.dataCount]]条/本页显示[[LVAR1.visibleItemCount]]条

共7条/本页显示5条

pageCount：获取中继器分页的总数量，即能够获取分页后共有多少页
pageIndex：获取中继器项目列表当前显示内容的页码

用在：第[[LVAR1.pageIndex]]页/共[[LVAR1.pageCount]]页

第2页/共5页

注意：ItemCount与dataCount的区别：中继器1用的dataCount，中继器2用的ItemCount

 

• 查询实现 

没有关键字就是负一            取出所有数据与关键字做对比，不为负一就被

4.2、增删改查进阶版案例

五、中继器的Item属性

5.1、属性介绍

item：获取数据集第一行数据的集合，即数据行的对象；
item.列名：获取数据行中指定列的值；
index：获取数据行的索引编号，编号起始为1，由上至下每行递增1；
isFirst：判断数据行是否为第1行；
isLast：判断数据行是否为最末行；
isEven：判断数据行是否为偶数行；
isOdd：判断数据行是否为奇数行；
isMarked：判断数据行是否为被标记；
isVisible：判断数据行是否为可见行；
[[target.text]][[Item.xueke]]：[[target.text]]是获取矩形元件原有的值

5.2、应用

六、作品