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

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

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

前端代码分析

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



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

新的list重新放到cookie里面

 


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

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

后端接口




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


userId和规格id都不能为空


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


测试

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


删除一项

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


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

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


结束
 

猜你喜欢

转载自www.cnblogs.com/wangjunwei/p/12354008.html