0
点赞
收藏
分享

微信扫一扫

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

系列文章目录

  1. 需求分析——基于Django框架的天天生鲜电商网站项目系列博客(一)
  2. 网站框架搭建——基于Django框架的天天生鲜电商网站项目系列博客(二)
  3. 用户注册模块——基于Django框架的天天生鲜电商网站项目系列博客(三)
  4. 用户登录模块——基于Django框架的天天生鲜电商网站项目系列博客(四)
  5. 用户中心模块——基于Django框架的天天生鲜电商网站项目系列博客(五)
  6. 分布式FastDFS文件系统——基于Django框架的天天生鲜电商网站项目系列博客(六)
  7. 天天生鲜首页——基于Django框架的天天生鲜电商网站项目系列博客(七)
  8. 天天生鲜详情页——基于Django框架的天天生鲜电商网站项目系列博客(八)
  9. 待更新……

项目资源下载

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

文章目录


前言

  今天这篇博文给大家带来的是有关于网站商品详情页的制作,包括获取相关信息以及展示,还有和数据库的数据交互等,废话不多说,下面开始今天的学习!


一、商品详情信息的获取和展示

  1. 首先定义视图函数,这是一个get请求,所以导入所需要的模块
    在这里插入图片描述
    在这里插入图片描述
  2. 获取各种所需要的数据
    在这里插入图片描述
  3. 然后组织模板上下文
    在这里插入图片描述
  4. 使用模板,传入数据
    在这里插入图片描述
  5. 整体代码如下:
    在这里插入图片描述
  6. 然后修改继承于基础模板的模板
    在这里插入图片描述
  7. 然后修改最终模板,使用传入的数据
    在这里插入图片描述
  8. 然后定义路由
    在这里插入图片描述
  9. 效果展示
    在这里插入图片描述

二、首页点击进入详情页

  1. 首先修改首页的html模板文件,使用url反向解析,修改href的内容
    在这里插入图片描述
  2. 修改视图函数,使用切片,详情页只显示两个新品信息
    在这里插入图片描述
  3. 效果展示
    在这里插入图片描述

三、用户历史浏览记录的添加

  1. 解释图示
    在这里插入图片描述
  2. 首先修改视图函数,在redis中添加历史浏览记录并返回
    在这里插入图片描述
  3. 然后修改user_center_info.html,使其图片点击可跳转到相应页面
    在这里插入图片描述
  4. 效果展示
    在这里插入图片描述

四、获取同一SPU的其他规格的商品信息

  1. 首先修改视图函数
    在这里插入图片描述
  2. 然后传入数据
    在这里插入图片描述
  3. 然后修改模板文件
    在这里插入图片描述
  4. 效果展示
    在这里插入图片描述

总结

  这篇博文也完成了,相对于来说这篇还是比较简单的,就是商品详情页相关信息的制作。下篇文章将会给大家带来网站侧面商品列表页的相关制作!

举报

相关推荐

0 条评论