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

1、打开Axure，创建一个新的rp文件，在左侧工具栏基本元件中，找到“中继器”；将元件拖到index页面中，并将该元件命名为“商品中继器”。

2、双击中继器，进入了中继器的编辑页面。

6、为了页面更加好看，我们给中继器里的内容用矩形做一个背景，并将中继器页面里的内容放在右上角

9、实现新增商品功能：1、用按钮元件，做一个“新增”按钮，元件命名为“add”2、选中新增按钮，右侧功能栏双击“鼠标单击时惯墀眚篪”，打开用例编辑页3、添加动作栏中，选择中继器下数据集中的“添加行”，配置动作栏中勾选我们创建的中继器元件4、点击配置动作栏的“添加行”，打开添加行到中继器编辑窗5、点击name列的“fx”，点击“添加局部变量”，元件选择“name（文本框）”6、点击“插入变量或函数”，选择刚刚创建的局部变量“LVAR1”7、确定后回到添加行到中继器编辑窗8、同样的方法对type、quantity列进行操作，注意局部变量名不要重复9、用例编辑好后，F5运行测试一下，此时已实现了新增功能

11、实现删除全部商品功能：1、切换页面到“index”，用按钮元件，做一个“全部删除”按钮，元件命名为“deleteall”2、选中全部删除按钮，右侧功能栏双击“鼠标单击时”，打开用例编辑页3、添加动作栏中，选择中继器下数据集中的“删除行”，配置动作栏中勾选我们创建的中继器元件，条件填写“true”，即中继器中有值的都删除4、确定完成用例，F5运行测试一下，此时已实现了全部删除功能

12、利用中继器实现商品的新增、删除、全部删除功能，都完成后，可以对页面进行一定的美化，设计一下UI。这里我做了一个简单的UI，可以进去看一下功能跟效果：https://5d9ew4.axshare.com/#c=2Axure源文件百度网盘地址：https://pan.baidu.com/s/1VsatX88QG2GBfm2i-k9GoQ密码：zy8g