阶段一-02.分类,推荐,搜索,评价,购物车开发-第5章 购物车功能开发-5-6 购物车 - 删除商品业务讲解
购物车内商品的删除,考虑两种情况,一个是用户未登陆,一个是用户已登录。
如果未登陆直接在前端删除,如果用户已登录,那么就要拿着这条数据到后端的购物车里面删除。这样也是保证我们前后端数据的同步。
前端代码分析
删除的方法传入的是商品的规格id。购物车里面,商品是以规格作为单位的。
删除前端对象中的这个规格的商品
新的list重新放到cookie里面
用户登陆的情况,把商品的规格id传递到后端
判断成功的状态是200 就可以了 不需要做其他的操作。
后端接口
复制controller上面的方法,进行修改。
userId和规格id都不能为空
这里用TODO标记好,后续讲到redis后,会把这里完善。
测试
重启服务器做测试
刷新购物车页面,然后打开F12调试页面,看下console内有没有错误。
删除一项
删除第一项后,原来选中的第二项依然会被选中。价格和商品的件数会重新计算。
后端清空的是空接口,前端不报错了。
全部删掉以后,cookie也没数据
结束
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步