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

快来打我* 2022-05-14 04:19 243阅读 0赞

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

**商城首页搜索**

![613_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

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

![614_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

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

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

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

![616_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

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

**分类页面搜索**

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

![610_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

**商品列表搜索**

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

![612_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

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

![615_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

**店铺内商品搜索**

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

![611_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911][]

**总结**

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

**要更多干货、技术猛料的孩子，快点拿起手机扫码关注我，我在这里等你哦~**

![70][]

[613_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/C0488E194CD14A0693CF4DB3805E9C14/version/613?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[614_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/43BE24F54AAE4B82814772BD73590D37/version/614?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[616_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/22EF424828DC4823A57F9DE06BE9F157/version/616?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[610_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/B13318B1D5C843F3BB8484017B1CEFB9/version/610?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[612_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/5CDA6BABE45A4F6488EC1DD6F338CC7F/version/612?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[615_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/286C05C08B324957A9BD2A89DCFC40DD/version/615?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[611_method_get-resource_shareToken_559211E259684F37A35172BD9598EC27_entryId_208161911]: https://note.youdao.com/yws/api/group/76450073/noteresource/BEB9181A572D4041AF0F187E0514E857/version/611?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911
[70]: /images/20220514/b7fd2d4bf9674ce69f41b0b695837052.png