Axure 教程:条件查询

10 评论 12438 浏览 32 收藏 3 分钟
B端产品经理要负责对目标行业和市场进行深入的分析和调研,了解客户的需求、痛点、期望和行为,找到产品的价值主张 🔗

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

效果如下显示:

需求分析

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. 原型怎么下载呢

      来自北京 回复
专题
16005人已学习13篇文章
在互联网时代,把网站的服务封装成一系列计算机易识别的数据接口开放出去,供第三方开发者使用,这种行为就叫做Open API。 而提供开放API的平台本身就被称为开放平台。本专题的文章分享了开放平台的搭建思路。
专题
16018人已学习16篇文章
企业服务(2B)公司的创业有8个阶段,所有SaaS公司或2B公司不可能跳过这些阶段,每个阶段都有明确的任务。本专题的文章分享了SaaS创业路线图。
专题
17277人已学习13篇文章
本专题的文章分享了小程序介绍、小程序搭建、优化设计规范和功能设计指南
专题
11884人已学习12篇文章
数字化平台搭建,适用于企业已经有稳定的业务和资源,希望通过数字化平台做资源变现实现盈利,通过数字化平台将客户、交易、需求、场景全部数据化。本专题的文章分享了如何搭建数字化平台。
专题
33878人已学习17篇文章
让我们来扒一扒跨境电商的风险和机遇|从业者必看
专题
39937人已学习22篇文章
不想当CEO的产品经理不是好运营