Axure 教程:条件查询

10 评论 12439 浏览 32 收藏 3 分钟
🔗 B端产品经理需要进行售前演示、方案定制、合同签订等,而C端产品经理需要进行活动策划、内容运营、用户激励等

条件查询是经常会使用的功能,今天小猿带大家看看如何实现条件查询。通过这个练习,大家可以掌握局部变量和中继器。

效果如下显示:

需求分析

1、默认展示所有用户的列表,共7条记录;

2、输入年龄区间(最大和最小值),点击查询以后,显示年龄介于输入条件的用户;

3、如果只输入年龄上限,点击查询以后,显示小于年龄上限的用户;

4、如果只输入年龄下限,点击查询以后,显示大于年龄下限的用户;

5、如果上限、下限都不输入,点击查询以后,显示所有用户;

原型设计

1、拖入两个输入框from和to到画布,作为年龄上下限输入框;

2、拖入一个查询按钮;

3、拖入中继器,显示用户列表;

4、设置中继器里面的列和数据;

交互设计

1、中继器初始化:设置中继器的每项加载函数,分别设置中继器里面对应的列值;

2、设置查询按钮的点击事件:

到了这一步,条件查询就算做好了。同学们赶紧去试试吧。

 

本文由 @马白龙 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 一直有疑问,产品原型需要做到这么详细吗?

    来自浙江 回复
    1. 没必要

      来自广东 回复
  2. 你们怎么这么天真,这明显是抛砖引玉,想学干货得交钱啊,得买课啊

    来自山西 回复
    1. 哈哈是的

      来自广东 回复
  3. 照着步骤做没成功,不知道问题出哪儿了

    来自湖南 回复
    1. 为什么我的也是 点击按钮之后所有的都消失

      回复
    2. 我做的效果和你的一样,点击查询就全不见了

      来自贵州 回复
    3. 我测试过了,可以正常使用

      来自四川 回复
  4. 原型预览:http://www.axurestudy.cn/pr/#id=6oms29&p=%E7%9B%AE%E5%BD%95

    来自广东 回复
    1. 原型怎么下载呢

      来自北京 回复
专题
14020人已学习14篇文章
在很多产品中,搜索都是其中比较基础且很重要的一个功能。搜索的设计、逻辑、交互等问题也是需要特别注意,本专题的文章分享了电商搜索功能的设计指南。
专题
15428人已学习12篇文章
用户增长是一个复杂体系,涉及产品、运营、市场、技术等多个环节的相互配合,本专题的文章分享了用户增长方法论。
专题
12875人已学习13篇文章
数据可视化需要利用大屏这一工具实现,若想让数据展示变得更加生动,可视化大屏的艺术性设计便不可缺少,而这需要结合许多设计技巧。本专题的文章可视化大屏设计。
专题
14062人已学习11篇文章
本专题的文章分享了收银台功能设计的流程以及过程中需要注意的问题等等。
专题
36144人已学习13篇文章
用户分层本身并不是目的,只是实现业务发展的手段方式。
专题
14049人已学习12篇文章
“产品架构能力”是B2B产品经理中泛指设计产品系统架构的能力,这是产品经理非常重要的一个能力。本专题的文章分享了产品架构的设计指南。