列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)

系列文章目录

  1. 需求分析——基于Django框架的天天生鲜电商网站项目系列博客(一)
  2. 网站框架搭建——基于Django框架的天天生鲜电商网站项目系列博客(二)
  3. 用户注册模块——基于Django框架的天天生鲜电商网站项目系列博客(三)
  4. 用户登录模块——基于Django框架的天天生鲜电商网站项目系列博客(四)
  5. 用户中心模块——基于Django框架的天天生鲜电商网站项目系列博客(五)
  6. 分布式FastDFS文件系统——基于Django框架的天天生鲜电商网站项目系列博客(六)
  7. 首页——基于Django框架的天天生鲜电商网站项目系列博客(七)
  8. 详情页——基于Django框架的天天生鲜电商网站项目系列博客(八)
  9. 列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)
  10. 商品搜索——基于Django框架的天天生鲜电商网站项目系列博客(十)
  11. 购物车记录添加——基于Django框架的天天生鲜电商网站项目系列博客(十一)
  12. 购物车记录更新——基于Django框架的天天生鲜电商网站项目系列博客(十二)
  13. 订单生成——基于Django框架的天天生鲜电商网站项目系列博客(十三)
  14. 订单并发处理——基于Django框架的天天生鲜电商网站项目系列博客(十四)
  15. 订单支付和评论——基于Django框架的天天生鲜电商网站项目系列博客(十五)
  16. 网站部署——基于Django框架的天天生鲜电商网站项目系列博客(十六)
  17. 项目总结——基于Django框架的天天生鲜电商网站项目系列博客(十七)

项目资源下载

  1. 天天生鲜电商网站项目源码Github地址(可Fork可Clone)
  2. 天天生鲜电商网站项目源码Gitee地址(可Fork可Clone)
  3. 天天生鲜电商网站项目源码压缩包下载(直接使用)
  4. 天天生鲜电商网站项目所需全部工具合集打包下载(nginx、libfastcommon、fastdfs-nginx、fastdfs)
  5. 天天生鲜电商网站项目MySql数据库文件(直接导入MySql数据库)
  6. Django1.8官方文档(中文版)

文章目录

  • 系列文章目录
  • 项目资源下载
  • 前言
  • 一、商品列表页内容的获取和展示
  • 二、列表页页码控制
  • 总结


前言

  今天这篇博文是关于网站侧面商品列表页的制作,包括商品列表页内容的获取和显示和列表页页码控制,内容不多,抓紧开始今天的学习吧!


一、商品列表页内容的获取和展示

  1. 首先定义视图函数,这是一个get请求,还要导入所需要的模块和库
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第1张图片
  2. 然后获取种类信息,判断是否存在
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第2张图片
  3. 然后获取商品的分类信息
    在这里插入图片描述
  4. 然后获取排序的方式
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第3张图片
  5. 然后对数据进行分页
    在这里插入图片描述
  6. 然后获取第page页的内容
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第4张图片
  7. 然后获取第page页的Page实例对象和新品信息
    在这里插入图片描述
  8. 获取购物车信息,组织模板上下文,最后使用模板
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第5张图片
  9. 所有代码如下:
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第6张图片
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第7张图片
  10. 然后配置路由
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第8张图片
  11. 首先修改第二次继承的模板
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第9张图片
  12. 最后修改一次继承的模板(这里只是一个例子,还有很多类似都需要修改)
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第10张图片
  13. 运行结果
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第11张图片

二、列表页页码控制

  1. 修改视图函数,分情况讨论,然后生成自己的页码数,最后传入到html中
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第12张图片
  2. 修改html,遍历传进来的数据
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第13张图片
  3. 运行结果
    列表页——基于Django框架的天天生鲜电商网站项目系列博客(九)_第14张图片

总结

  这篇博客有点短哈,主要是难度不是太大,按照我的步骤一步一步做,问题不大,下篇博客将会给大家带来关于网站商品搜索模块的制作!

你可能感兴趣的:(django,python,后端,天天生鲜,电商网站)