zoukankan      html  css  js  c++  java
  • 阶段一-02.分类,推荐,搜索,评价,购物车开发-第5章 购物车功能开发-5-6 购物车

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

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

    前端代码分析

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



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

    新的list重新放到cookie里面

     


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

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

    后端接口




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


    userId和规格id都不能为空


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


    测试

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


    删除一项

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


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

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


    结束
     

  • 相关阅读:
    ubuntu在图形界面下打开一个终端
    [置顶] 屠夫与大夫
    service bound(一)
    Android Interface Definition Language (AIDL)
    service bound(二)
    移动应用开发原则
    Service bound(三)
    Linux 安装SSH服务
    JDK中设计模式
    Bad Hair Day【单调栈】
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/12354008.html
Copyright © 2011-2022 走看看