购物车记录添加——基于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官方文档(中文版)


前言

  今天将会给大家带来网站购物车记录添加功能模块的制作,其中包括网站商品详情页前端代码的编写、购物车记录添加后台view和购物车记录添加前端Js以及购物车页面显示,下面就开始今天的学习吧!


一、商品详情页Js代码

  1. 计算商品的总价格
    在这里插入图片描述
  2. 增加商品的数量
    在这里插入图片描述
  3. 减少商品的数量
    在这里插入图片描述
  4. 手动输入商品的数量
    在这里插入图片描述

二、购物车记录添加后台view

  1. 原理图示
    在这里插入图片描述
  2. 代码如下:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

三、购物车记录添加前端Js

  1. 首先修改detail.html,获取商品id和商品的数量,然后组织参数,发送请求,将数据传到视图函数中,并返回json数据
    在这里插入图片描述
  2. 因为这里涉及到购物车数目的展示,所以在这里的视图函数中我们要获取到购物车在redis中的数目,并传递到html中
    在这里插入图片描述

四、购物车页面显示

  1. 首先使用cart.html,并修改里面的内容,继承模板
    在这里插入图片描述
  2. 定义视图函数
    在这里插入图片描述
  3. 配置路由
    在这里插入图片描述
  4. 修改base.html,设置url反向解析跳转
    在这里插入图片描述
  5. 编辑视图函数
    ①:获取登陆的用户
    在这里插入图片描述
    ②:获取用户购物车中商品的信息
    在这里插入图片描述
    ③:保存用户购物车中商品的总数目和总价格
    在这里插入图片描述
    ④:遍历获取商品的信息
    在这里插入图片描述
    ⑤:组织上下文
    在这里插入图片描述
    ⑥:使用模板,传递数据
    在这里插入图片描述
  6. 在模板文件中接收获取到的数据,显示出来
    在这里插入图片描述
  7. 效果展示
    在这里插入图片描述

总结

  到现在为止我们已经完成了网站购物车记录添加的功能了,但是如果用户想修改购物车的内容该怎么办呢?这就是我们下篇文章要完成的功能模块,下篇博文见!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IronmanJay

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值