步骤一:拖拉摆放好相关控件

1、摆好相关相关背景,即一个心形和一行文字“一路同行,感谢同行”
2、一个中继器,中继器里面放有一个300X60的白底黑框矩形、一个“name’文本框和一个“phone”文本框,两个文本框的边框都设为隐藏,文字都设为居中;
(中继器每页项目数为1,数据库有name、phone和sortid三个字段)
3、90X60的开始按钮矩形,命名为“开始

Axure 公司年会抽奖器-小白菜博客
image

步骤二:添加页面载入时用例

1、设置OnLoadVariable的值为“停止”
2、在中继器中添加10行数据(其中sortid字段使用random函数);
3、根据sortid进行升序排序
4、设置中继器的当前页为1。
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
image

步骤三:为中继器添加每项加载时用例

设置“name”对应中继器数据库中的name列,设置“phone”对应中继器数据库中的phone列
image

步骤四:为开始按钮添加鼠标单击时用例

用例1:如果OnLoadVariable等于“开始
1、设置OnLoadVariable等于“停止”
2、开始按钮的文字为开始。
用例2:如果OnLoadVariable等于“停止”
1、设置OnLoadVariable等于“开始”
2、开始按钮的文字为停止;
3、设置中继器当前页为next。
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
用例2
image

步骤五:为“phone文本框添加文本改变时用例

用例1:0nLoadVariable等于“开始”,并且中继器的当前页码不等于总页码
1、等待100毫秒;
2、设置中继器当前页为next。
用例2:0nLoadVariable等于“开始”,并且中继器的当前页码等于总页码
1、等待100毫秒:
2、设置中继器当前页为1。
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
Axure 公司年会抽奖器-小白菜博客
image