当前位置:   article > 正文

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

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、应用


六、作品

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
  

闽ICP备14008679号