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

商城首页搜索

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

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

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

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

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

分类页面搜索

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

商品列表搜索

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

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

店铺内商品搜索

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

总结

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

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

【商城应用】商城搜索流程相关推荐

  1. 优购商城项目 详细步骤流程

    优购商城项目 详细步骤流程 一.准备的工作 1.文档 写项目之前必须要有接口文档 准备工作接口文档是必不可少的 参考文档我们还可以参考 小程序的开发文档.阿里巴巴字体 iconfont .mdn- 2 ...

  2. (转)淘淘商城系列——商品搜索功能测试

    http://blog.csdn.net/yerenyuan_pku/article/details/72941506 到这里,我相信大家也是不容易,我自己也算是很不容易写到这里,希望自己能一直写下去 ...

  3. 微信商城系统开发具体流程

    来客推V3专注商城系统开发,为企业提供直播商城系统.B2B2C/S2B2C等商城系统定制,源码授权,支持PC,小程序,APP全终端,基于PHP语言开发. 官方QQ群: 631252151 ,34064 ...

  4. B2B2C多商户商城源码/分销商城/多用户商城系统/商家入驻商城系统

    开源支持二开免授权B2B2C多商户商城源码 B2B2C多商户商城源码/分销商城/多用户商城系统/商家入驻商城系统 框架Uni-APP框架开发 Uniapp小程序+Thinkphp6+Layui 统一后 ...

  5. 拍卖商城竞拍商城多店拍卖商城系统源码平台搭建

    一.登录注册模块 启动APP,打开APP显示:隐私协议:注册,手机号+验证码+密码. 登录: 1.密码登录:手机号+密码. 2.短信验证:手机号+验证码. 3.微信登录:获取微信授权. 4.游客模式: ...

  6. 基于javaweb+JSP+Servlet在线商城购物商城服装商城(前台、后台)

    基于javaweb+JSP+Servlet在线商城购物商城服装商城(前台.后台) 开发工具:eclipse/idea/myeclipse/sts等均可配置运行 适用 课程设计,大作业,毕业设计,项目练 ...

  7. 免登录积分商城系统 动力商城 兑换商城源码

    介绍: 免登录积分商城源码/动力商城/兑换商城系统 之前互站买来的,看着还是很不错的,不需要注册登录的商城,东西完整.UI也挺漂亮,这相当于是个单商户的商城,然后带积分兑换模式的,主要是不用注册,不用 ...

  8. Settings搜索栏数据搜索流程之搜索和页面跳转

    Settings搜索栏数据搜索流程之数据初始化操作_腾格尔黑哥的博客-CSDN博客 在之前已经分享过搜索栏搜索数据的界面加载.数据库初始化操作,接下来分享一下大家最想知道的数据搜索和页面跳转.以我当前 ...

  9. Android 8.0 p2p搜索流程

    #Android 8.0 p2p搜索流程 8.0 wifi p2p整体流程跟其他Android版本相差不大,主要还是多了HIDL一层转换而已 以下是8.0 p2p的搜索流程

  10. 基于javaweb+mysql的在线商城水果蔬菜商城果蔬商城(前台、后台)

    基于javaweb+mysql的在线商城水果蔬菜商城果蔬商城(前台.后台) 运行环境 Java≥8.MySQL≥5.7 开发工具 eclipse/idea/myeclipse/sts等均可配置运行 适 ...

最新文章

  1. Python处理XML文件
  2. 同时用引用和指针 int *a;
  3. 巧用MySQL InnoDB引擎锁机制解决死锁问题
  4. Python测试框架doctest
  5. C++ algorithm库中的几个常用函数(swap,reverse,sort)
  6. vue require动态路径图片报错_Vue 动态生成路由结构
  7. Spring 的前世今生
  8. docker容器修改开机启动服务器,docker-修改容器挂载目录的3种方法小结
  9. 电话光端机使用什么光纤网络比较好?
  10. Linux 基本操作--文件查看 (day3)
  11. php mysql备份类_php MYSQL 数据备份类
  12. Linux 学习手记(5):使用Vim文本编辑器
  13. Java对正则表达式的支持(二)
  14. 知识整理的八种笔记方法
  15. java手机连点脚本_自动点击连点器下载
  16. 浏览器打开是360导航页面解决方法
  17. (附源码)spring boot校园拼车微信小程序 毕业设计 091617
  18. 【进阶版】 机器学习之主成分分析(PCA)、MDS算法、核化线性降维 (16)
  19. 平面设计必备学习软件
  20. C#按钮添加图片的解决

热门文章

  1. IO端口和IO接口的区别
  2. 品牌活动软文怎么写?
  3. Activiti实战--书籍阅读导读
  4. 高二计算机考试操作题在线,高二会考 计算机 操作题
  5. 别人以为的在家办公 VS 实际上的在家办公
  6. 秋招面试题---京东
  7. 网页指针css代码,css常用鼠标指针形状代码
  8. Manjaro 安装wps
  9. java自由布局名称_java - 找不到以下类:布局名称 - SO中文参考 - www.soinside.com
  10. iOS WCDB 使用