python-django框架-电商项目-购物车模块开发
商品详情页js代码：
- 在商品详情页，有加入购物车按钮，
- 点击加减号可以增加减少，手动输入也可以，
- 点击加入购物车，就要加过去，
- 先实现加减的操作，这个使用js操作，
- 实现几个功能：
- 1，计算总价
- 2，增加按钮
- 3，减少按钮
- 4，输入失去焦点的校验，
购物车记录添加后台：
- 我添加购物车之后，是不刷新页面的，所以怎么办？
- 可以使用ajax，
- 传递的参数：商品id和商品数量，cart_1：{1：2，2：3}
- 这是三种前端传参的方式：
- 使用get还是post传参：
- 1，get传参数：/cart/add/?sku_id=1&count=3
- 2，post传参数：{sku_id:1，count：3}
- 3，还可以使用url传参数：url配置捕获参数，
- 我们使用ajax我们用哪种方式，如果涉及到数据的修改，包括新增，更新，删除，我们要采用post，如果只涉及到获取，我们就采用get，所以要使用post，
- #
- 我们添加购物车的视图，
- 1，注意数据的接收，
- 2，注意数据的校验
- 3，注意数据的处理，购物车的数据是放入redis存储的，
- 4，注意数据的应答，
购物车记录添加前端js，
- 我们视图已经写完了，
- 现在前端要通过ajax的post来传数据到后端，
- 发送的内容是获取商品的商品的id，商品的数量，
总结：
- 添加购物车记录要登陆
- ajax发起的请求，都在后台，在浏览器是看不到效果的，所以点击添加购物车，不能直接就是跳转到登录页了 ，因为ajax是局部刷新的，
- 所以我们做一个判断，告诉他要登陆，让他自己去登陆页面，
- 开发的时候前端开发前端的，后端开发后端的，
- 你添加购物的时候，
- 确定几个事情，
- 1，前端是否需要传数据，传什么数据，什么样的格式，
- 2，采用什么方式传，get，post
- 3，后端需要确定传给前端的的数据，数据的格式，
- 这些都是需要确定的，前后端配合，
购物车页面显示：
- 点击右上角的购物车图标之后，要调到购物车页面，
- 需要一个购物车的html页面，
- 后端需要一个视图，
- 动态增加属性？这个用法要研究一下，
购物车页面js操作：
- 全选，全不选，商品的选中和不选中
- 商品的总价和件数，需要重新计算，
- 商品的选中和不选中，需要改变全选的按钮，单个商品都选中了，全选就选中了，
购物车记录更新，后端的数目更新：
- 增加，减少，删除都是在更新数据库的记录，要和后台做交互，
- 点击+号，页面不跳转，采用ajax post请求，
- 前端需要传递传递，商品的id，商品的数量，去redis中更新，
- 后端新建一个更新的视图函数
- 做几个事情，
- 1，接收数据，
- 2，校验数据
- 3，处理数据，
- 4，返回应答，
- 和新增数据的逻辑基本差不多，核心的是数据的处理部分，
- 注意更新的时候，需要校验库存，否则会有问题，
购物车记录更新，前端的数目更新：
- 点击+号，数量的展示就要+1，并且需要往后端发请求，
- 整个的页面充满了js的操作，
购物车记录的删除，后端操作：
- 点击删除，页面不跳转，采用ajax post请求，
- 做几个事情，
- 1，接收数据，
- 2，校验数据
- 3，处理数据，
- 4，返回应答，
购物车记录的删除，前端操作：
- 点击操作，在页面删除，向后端发送请求，
总结：
- 这个页面的js非常的经典，后续学习js的时候好好体会，