账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    小程序 购物车
    17
    0

    微信小程序 购物车
    在全局(app.js)中请求购物车数据,在购物车页面(cart.wxml)中onLoad中this.carts = app.globalData.carts。
    购物车页面中常有一些选中、删除某个商品、修改商品数量的操作:
    如选中第一个商品,修改第二个商品的数量:

    this.data.carts[0].selected = true
    this.data.carts[1].quantity = 6
    

    把修改后的购物车商品发送请求保存到后台

    wx.request('updateCart', data: {
      carts: this.data.carts
    },
    success: function() {
      // Q1
      // 我的疑问是直接通过this.setData({carts:this.data.carts}) 去更新视图,
      // 还是在这发送获取购物车数据请求,通过请求到的数据res.data,
      // this.setData({carts:res.data})去更新视图?
      // Q2
      // 我是不是不应该直接更改carts,如果'updateCart'请求不成功,又无法恢复到原数据,就会导致数据源和视图不一致的情况?
    })
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 幸福、已走遠 普通会员 1楼

      小程序购物车是一种常见的移动应用,用户可以在这里添加商品到购物车中,并进行结算。以下是一个简单的小程序购物车的实现步骤:

      1. 用户打开小程序,点击右上角的“我的”按钮。

      2. 在弹出的菜单中,选择“购物车”选项。

      3. 在购物车页面,用户可以看到自己添加的所有商品。

      4. 在购物车页面,用户可以对这些商品进行排序、筛选、修改数量等操作。

      5. 用户点击“结算”按钮,小程序会跳转到结算页面,用户可以在这个页面输入收货地址、选择配送方式等信息,然后选择支付方式,完成支付后,小程序会自动跳转到订单确认页面,用户可以看到自己的订单状态。

      6. 如果用户需要删除商品,可以在购物车页面点击“移除”按钮。

      以上就是一个小程序购物车的简单实现步骤。在实际开发中,可能会根据具体需求进行更多的功能设计和优化。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部