前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【商城应用】商城搜索流程

【商城应用】商城搜索流程

作者头像
林老师带你学编程
发布2019-05-26 23:45:08
1.9K0
发布2019-05-26 23:45:08
举报
文章被收录于专栏:强仔仔

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1436341

课程开始之前我们先回忆一下商城app搜索的口子一般有哪些,商城首页一般会有一个搜索、分类页面一般也会有搜索入口、还有就是商品列表中会有一个搜索入口、最后一个就是店铺中的搜索入口了。今天就和大家说说设置这四个搜索入口的原因,还有它们之间的区别。

商城首页搜索

如上图所示,这个入口的搜索范围是最大的,为什么这么说呢,后面大家就知道了。为了提高我们用户的体验,所以一般不会在首页直接弹出输入键盘,而是跳转到一个新的页面,如下所示:

从这个页面大家就可以看出,为什么搜索要单独跳转到一个新的页面,而不是在首页中弹出键盘搜索。这样做有很多好处,例如:

  1. 用户可以查看自己历史搜索记录。
  2. 用户可以看到平台热搜的记录。
  3. 可以进行动态提示,也就是输入一个词就搜索一下,然后将结果显示在下拉列表中。

搜索框输入的时候大家还要格外注意,因为店铺和商品是两种不同品类的信息,所以我们不能将结果显示在一起,所以要么显示店铺信息,要么显示商品信息。那我们要怎么来区分这种情况呢,我们可以在搜索的时候设置一个小技巧,如下所示:

看到没,我们可以在用户输入内容的时候,下面显示一个是否搜索店铺的按钮,通过这种方式就可以完美的区别用户是想搜索店铺还是商品了。

分类页面搜索

分类页面搜索其实本质上面和商城首页搜索没有任何区别,只是放置的位置不一样而已。有些人可能会问既然一样,为什么要放置一个一模一样的口子呢,其实最主要还是用户体验问题,如果不放置这样搜索入口,就意味着用户必须回到首页然后才能进行搜索,那我们为什么不方便用户,直接在分类页面就给他们设置一个搜索入口呢。

商品列表搜索

商品列表的搜索就和上面说的两种搜索就有所不一样了,一般商品列表都会有对应的分类,所以在商品列表中搜索,搜索出来的结果一律都是该分类下面的商品,并非全局搜索。

当然还有一个是店铺搜索,店铺搜索在哪里都是全局搜索,没有上面说的必须是某一类类别下面的商品,店铺搜索结果如下所示:

店铺内商品搜索

店铺内商品搜索和商品列表搜索性质相似,都是在某一定范围内的商品搜索,店铺商品搜索肯定是店铺中已经上架商品的搜索了。

总结

今天内容相对而言会比较简单,但是越是简单的内容越是重要,在我们商城应用讲完之后,就要开始我们商品实现技术架构的课程了,比如搜索技术架构就有相当多的内容了,比如聚合、高亮、排序、权重、组合查询、数据同步等等之类的内容。好了今天的内容就介绍到这边了,谢谢大家的阅读~

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018年09月02日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档