Axure知识点：如何制作输入关键词模糊搜索功能？

摘要：微信搜索【三桥君】

一、问题

我们都知道，很多网页软件都有输入关键词然后模糊搜索内容的功能。例如，商城的模糊搜索是产品信息。

三桥君今天要讲的就是关于商城的关键词模糊搜索功能如何实现。
Axure交互效果预览：https://taipsa.axshare.com

二、解决过程

首先，我们应该明白搜索框输入的关键词是来自商品的标题搜索的。

然后，我们在Axure中制作好中继器，在搜索按钮上添加交互效果，能让他实现根据输入搜索框的关键词去模糊搜索商品的标题。

说明：
添加筛选的目标是中继器，这里三桥君命名为商品列表；
规则是用特定的关键词模糊搜索函数；
GoodsName是商品名称的命名，Item.GoodsName是用插入变量的；
Search是搜索框的命名；
记得检查括号里的单引号要去掉。

关于关键词的模糊搜索函数就是这个。

按上述规则去操作，即可实现关键词模糊搜索功能。

三、升级功能

如何在搜索框中输入关键词时自动模糊搜索出商品信息，而不用点搜索按钮？

我们只需要在搜索框中添加文本改变时的交互，然后跟上面一样添加相同的筛选交互即可。

文章整理不易，如有帮助请点赞关注支持，谢谢！微信搜索【三桥君】，回复【关注】有我准备的一份资源大礼包。后续持续更新~~~

Axure知识点：如何制作输入关键词模糊搜索功能？相关推荐

SAP UI5 应用开发教程之八十五 - 如何用 OPA5 编写测试用例来测试用户输入文本的功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
万字长文保姆级教你制作自己的多功能QQ机器人
转载请注明出处:小锋学长生活大爆炸(https://xfxuezhang.blog.csdn.net/) 若发现存在部分图片缺失,可以访问原文:万字长文保姆级教你制作自己的多功能QQ机器人 - 小锋学 ...
视频教程-爱上axure之交互制作-Axure
爱上axure之交互制作十余年从业经验,专业从事线下培训3余年,集团评为全国十大优秀讲师称号,受邀多学校实训授课.善于思考.乐于分享,曾服务于电信.游戏.电商等行业,现就职上市培训公司做课程规划和 ...
输入关键词自动获取相关图片素材的方法
网站图片素材收集工具支持我们对网页图片进行收集,支持通过关键词或短语模糊搜索,也可以根据目标网站进行精准抓取,网站和自媒体管理我们的图片更新都需要我们拥有足够多的素材来支撑我们的主题. 生活中我们随处 ...
【Vue实践】列表搜索框中模糊搜索功能的两种实现方式
文章目录 1.Demo演示 2.HTML结构 3.实现 3.1 基于计算属性`computed`实现 3.2 基于侦听器`watch`实现 1.Demo演示模糊搜索功能是日常开发中常见的一种功能,这 ...
给你30秒的时间，你会用Excel制作出一个抽奖功能吗？
一说到抽奖,大家都是想到最近的"支付宝锦鲤信小呆",但是今天跟大家谈论的不是这个,而是:你会用Excel制作抽奖功能吗?可能大家都不知道Excel有这么多的神技能,但是你不知道的还 ...
python字典实现关键字检索_如何实现搜索框的关键词提示功能
我们都使用过主流的搜索引擎,谷歌. bing,当然还有搜狗.百度之类.当你搜索某一关键词时,它会贴心在下拉框补全一些热门关键词,像下图这样: 搜索关键词提示你点击某一关键词,页面就直接跳转到结果页面 ...
搜索不包含关键词_新手教程！百度关键词规划师功能详解
SEM拓词方式有很多种,比如各平台自带的拓词工具.SEO工具如5118.艾奇拓词工具.搜索词报告等等.但其中,百度平台的拓词工具-关键词规划师应该说效率是最高的,除了拓展相关词外,百度关键词规划师还罗 ...
WPF制作的一个小功能,智能提示(IntelliSense)
WPF制作的一个小功能,智能提示(IntelliSense) 原文 http://www.cnblogs.com/scheshan/archive/2012/06/30/2570867.html 最近 ...
Trie(字典树) : 如何实现搜索引擎的关键词提示功能？
文章目录搜索中的关键词提示 Trie树的介绍 Trie树的实现搜索的关键词提示 Trie树 VS 红黑树.哈希搜索中的关键词提示当我们在搜索引擎中进行搜索时,有时仅仅输入了搜索内容的一部分,搜 ...

Axure知识点：如何制作输入关键词模糊搜索功能？

一、问题

二、解决过程

三、升级功能

Axure知识点：如何制作输入关键词模糊搜索功能？相关推荐

最新文章

热门文章