zoukankan      html  css  js  c++  java
  • 阶段一-02.分类,推荐,搜索,评价,购物车开发-第1章 首页轮播图+分类功能实现-1-2 首页分类需求分析

    在轮播图的左侧有一个分类。

    这是生产环境上的效果。

    鼠标滑动过来,该分类下的子分类就会显示出来。蛋糕和点心是二级分类,它们下面还有三级分类。这就是分类的递归。

    可以把所有的分类都归类在一张表内。通过同一张表就可以进行无线的递归了。 

    数据库表结构




    分类的类型


    一个网站要是做的复杂的话,下面可能会有四级 五级分类。在我们这里只有三级分类。

    分类的图标

    页面往下滑,每一个分类的旁边会有一句话、。这就是slogan 口号字段。


    分类图和背景色




    页面加载的时候先加载一级分类。

    用户鼠标滑动过来了。就进行懒加载二级分类和三级分类。

    可以参考淘宝的这一部分的分类效果。

    鼠标移动过来就加载了很多内容。也就是用户把鼠标移过来以后才进行的加载。

    鼠标离开,再移动过来,数据没有重复加载。也就是它只会加载一次,第二次在加载。应经不需要再访问一遍后端查询。

    把下面的网络请求清空,鼠标再次移动过来。发现没有继续再查询后端数据


    我们也会使用懒加载的方式去实现我们的分类。

    后端先写上注释


     

    结束

  • 相关阅读:
    日常使用JAR包 MAVEN
    二维码
    常用验证
    文件操作
    邮件发送
    Spring获取bean对象帮助类
    mybatis-generator自动映射数据库,生成mapper.xml、mapperDao、entity
    JAVA爬虫
    MVC调试异常--未能将脚本调试器附加到计算机
    科研技能之文献管理Endnote X9——谈实用性
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12099687.html
Copyright © 2011-2022 走看看