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

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

![](https://note.youdao.com/yws/api/group/76450073/noteresource/43BE24F54AAE4

【一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义】

浏览器打开：qq.cn.hn/FTf 开源分享

B82814772BD73590D37/version/614?method=get-resource&shareToken=559211E259684F37A35172BD9598EC27&entryId=208161911)

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

1. 用户可以查看自己历史搜索记录。

2. 用户可以看到平台热搜的记录。

3. 可以进行动态提示，也就是输入一个词就搜索一下，然后将结果显示在下拉列表中。

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HNLVKp6g-1637399150039)(https://note.youdao.com/yws/api/group/7645007