1.过滤功能分析

首先看下页面要实现的效果:

商城项目-过滤功能分析_过滤功能分析

整个过滤部分有3块:


  • 顶部的导航,已经选择的过滤条件展示:

  • 商品分类面包屑,根据用户选择的商品分类变化
  • 其它已选择过滤参数

  • 过滤条件展示,又包含3部分

  • 商品分类展示
  • 品牌展示
  • 其它规格参数

  • 展开或收起的过滤条件的按钮

顶部导航要展示的内容跟用户选择的过滤条件有关。


  • 比如用户选择了某个商品分类,则面包屑中才会展示具体的分类
  • 比如用户选择了某个品牌,列表中才会有品牌信息。

所以,这部分需要依赖第二部分:过滤条件的展示和选择。因此我们先不着急去做。

展开或收起的按钮是否显示,取决于过滤条件有多少,如果很少,那么就没必要展示。所以也是跟第二部分的过滤条件有关。

这样分析来看,我们必须先做第二部分:过滤条件展示。

预知后事如何 请看下一篇 生成分类和品牌过滤