购物车记录添加——基于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. 效果展示
   

---

总结

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