购物车内商品的删除，考虑两种情况，一个是用户未登陆，一个是用户已登录。

如果未登陆直接在前端删除，如果用户已登录，那么就要拿着这条数据到后端的购物车里面删除。这样也是保证我们前后端数据的同步。

前端代码分析

删除的方法传入的是商品的规格id。购物车里面，商品是以规格作为单位的。



删除前端对象中的这个规格的商品

新的list重新放到cookie里面

 


用户登陆的情况，把商品的规格id传递到后端

判断成功的状态是200 就可以了 不需要做其他的操作。

后端接口

复制controller上面的方法，进行修改。


userId和规格id都不能为空


这里用TODO标记好，后续讲到redis后，会把这里完善。

测试

重启服务器做测试
刷新购物车页面，然后打开F12调试页面，看下console内有没有错误。


删除一项

删除第一项后，原来选中的第二项依然会被选中。价格和商品的件数会重新计算。


后端清空的是空接口，前端不报错了。 

全部删掉以后，cookie也没数据


结束
 

阶段一-02.分类，推荐，搜索，评价，购物车开发-第5章 购物车功能开发-5-6 购物车 - 删除商品业务讲解

原文：https://www.cnblogs.com/wangjunwei/p/12354008.html