简单的购物车

• 购物车思路分析

  • 首先要用ajax将数据请求过来

    • data = JSON.parse(text);是整个数据，整个页面都要用到，所以将let data的声明要写到全局作用域上面

  • 定义展示的商品

    • 这时候就要用到函数了，用来将展示的商品封装起来，用于后面修改数据后，进行调用，从而渲染到页面上

  • 添加事件绑定，用于点击的时候实现将里面的数据进行修改，然后重新调用展示商品的函数

    • 想要点击的时候实现相应的效果，将input框获取过来，然后根据用户输入的值，渲染具体的内容

      • 减号和加号

        • 商品的价格不能为负数，if判断大于0

        • 加号只需要让input里面的value进行++就好

      • 编辑按钮

        • 将隐藏好的三个input框和两个按钮显示出来，点击编辑的时候要将上面的值赋给下面对应的input框

        • 编辑里面的两个按钮也有点击事件，一个是确定，一个是取消

          • 确定

            • input内修改内容的时候，要进行判断，当里面的价格不能为负数，数量不可以是负数，以及数量不可以是小数，商品名字而不能为空

          • 取消

            • 应该将三个input框的值设置为初始值，避免下次再点击编辑的时候出现上次点击取消过后的值，然后加ing里面三个input和按钮隐藏

      • 添加按钮

        • 就将三个隐藏的输入框进行显示，然后进行判断，商品名称不能为空，价格不能为空也不能是负数，数量也不能为负数，最小为0且数量不能为小数

        • 将三个input和两个按钮隐藏，然后将里面输入进去的值初始化，其实在点击添加的时候初始化也可以

        • 添加里面的添加按钮，当用户点击过后要将里面的内容添加到上面去，这时候就要获取最大id了，因为有删除按钮，用下标的话id会重复，所以避免这种情况发生，所以直接取上面最大的id

        • 要将里面的内容清空，以防止下次点击再弹出来，然后就是将输入框和里面的三个按钮隐藏

      • 总价格和总数量

        • 总价就是遍历每个数据里面的价格和数量的和，总数量是遍历每个数据里面的数量进行相加

    • 利用函数，点击的时候调用，不点击的时候销毁

  • 

  •