《AxureRP9网站与App原型设计》教学教案—09用中继器模拟数据库操作.docx

第9章用中继器模拟数据库操作

课时内容

用中继器模拟数据库操作

课时

4

教学目标了解中继器，掌握Axure中继器模拟数据库操作教学重点Axure中继器模拟数据库操作

教学难点Axure中继器模拟数据库操作

1.教学思路：通过实例引入中继器元件的概念；通过多媒体演示和实机操讲解中继器教小、几、+绑定数据、新增数据弹出框设计、中继器新增数据、中继器删除数据等操作。

数于双计2.教学手段：多媒体+计算机3.教学资料：教材、多媒体课件

教学内容~~中继器元件是在AxureRP7.0后新增的元件，也有人把中继器叫作数据集，因为从外表上看它可以动态存储数据，也可以模拟数据库的操作，如增、删、改、查、搜索、排序以及分页操作等。中继器元件可以通过动态的管理数据，给用户一种动态的交互效果，提高用户的体验度。

中国移动4G073%?08:09

r转入T

余额自动转入

201604-2803:27+300.00

496.18单次转入

2016-04-2516:26+180.00

395.06单次转入201604-2511:27

单次转入2016-04-2511:27

余额自动转入2016-04-2202:51

单次转入2016-04-1512:23

+433.005215.06

+4,676.004782.06

+88.00106.06

+33.0046.96

单次转入2016-04-0921:23

+50.00165.36

退款转入2016-04-0921:15+244.50

513.86中继器模仿数据库的交互效果

9.1认识中继器

中继器元件可以用来显示重复的文本、图片、链接，需要注意，它是用来显示重复的、有规律可循的文本和图表，并动态地管理它们。它可以模拟数据库的操作，进行数据库的增、册h改、查操作，因此经常会使用中继器来显示商品列表信息、联系人信息、用户信息等。

X交互编辑器七章

七章mw*声添加^t

国?动作

翻开朝

关曲口

框架中翻开1瞬

漆动到元件

元件动作

皖加

设置面板状态

iSBS%

设置图片

设置选中

设置列表选中项

启用噤用

移动

旋转

设置尺寸

置于顶层/底层

设置不透明

我取焦点

七章mw*声添加^

七章mw*声添加^t

国?动作

翻开朝

关曲口

框架中翻开1瞬

漆动到元件

元件动作

皖加

设置面板状态

iSBS%

设置图片

设置选中

设置列表选中项

启用噤用

移动

旋转

设置尺寸

置于顶层/底层

设置不透明

我取焦点

辘丽

▼单击时

显示E

瞪藏员工信息

苴于姬/庭后

员工信息到顶层

设置文本

员工编号为1

设置文本

姓名为-

设置文本

职务为

设置列表选中项departinput为办公室

自忘departinput

￡X^)

选项

选项

办公室

关闭按钮交互

(2)选中“保存”按钮，为其添加鼠标单击时触发事件，在添加动作面板中单击“添加行”选项，勾选“员工信息”复选项，在设置动作面板单击“添加行”按钮。

关闭按钮交互(2)选中“保存”按钮，为其添加鼠标单击时触发事件，在添加动作面板中单击“添加行”选项，勾选“员工信息”复选项，在设置动作面板单击“添加行”按钮。x

关闭按钮交互

(2)选中“保存”按钮，为其添加鼠标单击时触发事件，在添加动作面板中单击“添加行”选项，勾选“员工信息”复选项，在设置动作面板单击“添加行”按钮。

x交互编辑器

区勘*液HBWt组织动作

Q▼单击时

展开畋起丽点

中/器动作|员工信息添加。行

通谢序移除排序游加径进树飙选设置当前显示页面设置每页工程数量

||

更新行热除行

其之动作设置自适应视图

其它

喙融

X

*22

员工信息o

取消

添加行操作

(3)先给中继器数据集里的员工编号赋值，在弹出的“添加行到中继器”对话框中单击employeelD列中的fx图标，在弹出的编辑值对话框中将员工编号输入框里的值赋值给中继器数据集里的员工编号。

X交互编辑器X添加行到中继器u滋m事件置于顶层底层设置不透明荻取焦点展开/收起树节点Q|?mployeeNa...departmentjob

X交互编辑器

X添加行到中继器

u滋m事件

置于顶层底层

设置不透明

荻取焦点

展开/收起树节点

Q

|?mployeeNa...departmentjob1

n

添加行

五|￡1fl

＞；编辑值

目标

员工信息

中继造33作

添力獭序

移除排序

融喻选

移除停进

ISS当前砺娜

设置等支工程数量

同昭

取i酶记

更新行

删除行

其它动作

设置目适应视图

W

其它触发事件

在下方输入文本,变量名称或表达式要写在[[]]中。例如：

?插入变量[[MyVar]],获取变量MyVar的当前值；

?插入表达式[[VarA+