利用Axure中继器实现简单的商品新增、删除( 二 )




利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



6为了页面加倍都雅 , 我们给中继器里的内容用矩形做一个布景 , 并将中继器页面里的内容放在右上角

利用Axure中继器实现简单的商品新增、删除



7切换页面到“index” , 可以看到中继器中的内容可以在该页面展示;
更改样式:
1、选中中继器元件 , 点击右侧功能栏中的“样式”
2、设置结构为垂直或程度 , 勾选“收集排布”
3、设置每排项目数为5 , 行、列间距为10
此时中继器中的内容块将按5*5 , 间距为10的矩阵排布 , 如许设置后 , 使得中继器中的内容分布更平均都雅 。

利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



8在本家儿页中 , 插手用于新增商品名称、类型、数目的文本框:
1、名称对应的文本框元件定名为“name”
2、类型对应的文本框元件定名为“type”
3、数目对应的文本框元件定名为“quantity”

利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



利用Axure中继器实现简单的商品新增、删除



9实现新增商品功能:
1、用按钮元件 , 做一个“新增”按钮 , 元件定名为“add”
2、选中新增按钮 , 右侧功能栏双击“鼠标单击时” , 打开用例编纂页
3、添加动作栏中 , 选择中继器下数据集中的“添加行” , 设置装备摆设动作栏中勾选我们建立的中继器元件
4、点击设置装备摆设动作栏的“添加行” , 打开添加行到中继器编纂窗
5、点击name列的“fx” , 点击“添加局部变量” , 元件选择“name(文本框)”
6、点击“插入变量或函数” , 选择方才建立的局部变量“LVAR1”
7、确定后回到添加行到中继器编纂窗
8、同样的方式对type、quantity列进行操作 , 注重局部变量名不要反复
9、用例编纂好后 , F5运行测试一下 , 此时已实现了新增功能

猜你喜欢