系列文章目录
- 需求分析——基于Django框架的天天生鲜电商网站项目系列博客（一）
- 网站框架搭建——基于Django框架的天天生鲜电商网站项目系列博客（二）
- 用户注册模块——基于Django框架的天天生鲜电商网站项目系列博客（三）
- 用户登录模块——基于Django框架的天天生鲜电商网站项目系列博客（四）
- 用户中心模块——基于Django框架的天天生鲜电商网站项目系列博客（五）
- 分布式FastDFS文件系统——基于Django框架的天天生鲜电商网站项目系列博客（六）
- 首页——基于Django框架的天天生鲜电商网站项目系列博客（七）
- 详情页——基于Django框架的天天生鲜电商网站项目系列博客（八）
- 列表页——基于Django框架的天天生鲜电商网站项目系列博客（九）
- 商品搜索——基于Django框架的天天生鲜电商网站项目系列博客（十）
- 购物车记录添加——基于Django框架的天天生鲜电商网站项目系列博客（十一）
- 购物车记录更新——基于Django框架的天天生鲜电商网站项目系列博客（十二）
- 订单生成——基于Django框架的天天生鲜电商网站项目系列博客（十三）
- 订单并发处理——基于Django框架的天天生鲜电商网站项目系列博客（十四）
- 订单支付和评论——基于Django框架的天天生鲜电商网站项目系列博客（十五）
- 网站部署——基于Django框架的天天生鲜电商网站项目系列博客（十六）
- 项目总结——基于Django框架的天天生鲜电商网站项目系列博客（十七）
项目资源下载
- 天天生鲜电商网站项目源码Github地址（可Fork可Clone）
- 天天生鲜电商网站项目源码Gitee地址（可Fork可Clone）
- 天天生鲜电商网站项目源码压缩包下载（直接使用）
- 天天生鲜电商网站项目所需全部工具合集打包下载（nginx、libfastcommon、fastdfs-nginx、fastdfs）
- 天天生鲜电商网站项目MySql数据库文件（直接导入MySql数据库）
- Django1.8官方文档（中文版）
文章目录
前言
今天将会给大家带来购物车记录更新功能模块的实现，其中包括：购物车商品选择功能、购物车记录更新功能、购物车记录删除功能的实现，下面就开始今天的学习吧！
一、购物车的全选和全不选以及商品的选中和不选中
- 修改cart.html中的Js，首先修改商品的全选和全不选，代码如下：
- 然后计算被选中商品的总件数和总价格，代码如下：
- 最后设置商品对应的checkbox状态发生改变时，设置全选checkbox，代码如下：
- 整体代码如下：
二、购物车后台记录更新
- 定义购物车记录更新视图函数，代码如下：
- 配置url
三、购物车前端商品点击更新数目
- 在cart.html中编写Js代码，首先编写购物车商品数量的增加，首先获取商品的id和商品的数量，获取之后，组织参数，得到商品和csrf的值，发起ajax post请求，向之前定义的视图函数发送请求
- 在视图函数中，计算用户购物车中商品的总件数，传入相应参数
- 接下来有两个小注意点，首先我们要判断数据是否更新成功，并且设置左上角的商品总数数量，并且设置ajax请求为同步
- 开始判断发起的请求是否成功，并且设置ajax请求为异步
- 如果更新失败，显示更新失败；如果更新成功，显示总数数量，然后判断更新是否成功，如果成功，重新设置商品数目
- 在这里下面，计算商品的小计，我们新建一个函数
- 在这个函数中，首先获取商品的价格和数量，然后计算商品的小计，设置商品的小计
- 在更新成功的函数中，直接调用计算商品的小计的函数
- 最后获取商品对应的checkbox的选中状态，如果被选中，更新页面信息
- 效果展示
四、购物车前端商品手动输入更新数目
- 首先定义一个视图，用来更新购物车中商品的数量
- 配置购物车商品数量减少的Js代码
- 配置用户手动输入购物车中商品的数量
- 效果展示
五、购物车后台记录删除
- 定义删除的视图函数，还是post请求，判断用户是否登录，接收参数，校验参数，删除记录，返回应答
- 然后配置路由
六、购物车前端记录删除
- 首先在视图函数中增加计算用户购物车中商品的总件数模块，并传递到html中
- 在html中增加删除购物车中的记录的Js代码
- 效果展示
七、Js代码总览
总结
到此为止今天的博文也结束啦，今天我们大部分都是在完成Js代码，需要大家掌握相关知识，这篇博文的结束也就意味着网站购物车所有功能模块的完成，后面的博客将是重头戏，将会给大家带来商品的订单生成以及支付和评论等，敬请期待！
1085
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
