axure局部变量和中继器练习：如何实现条件查询

如何实现条件查询。通过这个练习，大家可以掌握局部变量和中继器。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

效果如下显示：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

需求分析文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

1、默认展示所有用户的列表，共7条记录；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

2、输入年龄区间（最大和最小值），点击查询以后，显示年龄介于输入条件的用户；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

3、如果只输入年龄上限，点击查询以后，显示小于年龄上限的用户；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

4、如果只输入年龄下限，点击查询以后，显示大于年龄下限的用户；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

5、如果上限、下限都不输入，点击查询以后，显示所有用户；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

原型设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

1、拖入两个输入框from和to到画布，作为年龄上下限输入框；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

2、拖入一个查询按钮；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

3、拖入中继器，显示用户列表；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

4、设置中继器里面的列和数据；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

交互设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

1、中继器初始化：设置中继器的每项加载函数，分别设置中继器里面对应的列值；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

2、设置查询按钮的点击事件：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html

到了这一步，条件查询就算做好了。同学们赶紧去试试吧。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18176.html