小程序:建立购物车表

这是我看别人代码总结出来的方法:思路是
一,当用户在商品详情页点击加入购物车时,建立一张表,存放在storage空间中。
二,每次进入商品详情页时,也就是在onload里面,再次读取这个数组,用getStorage把这个数组赋值给data中我们定义好的shopCatInfo.
这是在商品详情页的逻辑。购物车页面的逻辑等下再讲。
以下是具体代码
一:
先定义data

data:{
 shopCarInfo: {},
     shopNum:0,
       buyNumber:0,
     buyNumMin:0,
     buyNumMax:50,
}

建立一张表
produce是我请求到的后台商品详情数据。

var shopCarMap={};
     shopCarMap.goods_name=this.data.product.productName;
     shopCarMap.goods_id=this.data.product.productId;
     shopCarMap.pic= this.data.product.productIcon;
     shopCarMap.price= this.data.product.salePrice;
     shopCarMap.number=this.data.buyNumber;
     shopCarMap.active = true;//购物车页面要用到的
     shopCarMap.left="";、、购物车页面要用到的

将当前data中的shopCarInfo存入

   var shopCarInfo=this.data.shopCarInfo;
   //判断一下这个data.shopCarInfo
   if(!shopCarInfo.shopNum){
      shopCarInfo.shopNum=0;
     }
     if(!shopCarInfo.shopList){
      shopCarInfo.shopList=[];
     }

如果加入相同商品

var hasSameGoodsIndex=-1;//如果又加入相同的商品

     for(let i=0;i<shopCarInfo.shopList.length;i++){
      var tmpShopCarMap=shopCarInfo.shopList[i];
      console.log('上一次留下的购物车'+shopCarInfo.shopList[i].goods_name);
      if(tmpShopCarMap.goods_id==shopCarMap.goods_id)
      {//通过id判断购物车里是否已经有和当前加入商品相同的商品
        hasSameGoodsIndex=i;
        shopCarMap.number=shopCarMap.number+tmpShopCarMap.number;
        break;
      }
     }

算一共有多少商品

//算总的多少件商品 以前的购物车商品数加现在新增加的
     shopCarInfo.shopNum=shopCarInfo.shopNum+this.data.buyNumber;
   console.log(hasSameGoodsIndex);
     if(hasSameGoodsIndex>-1){
       shopCarInfo.shopList.splice(hasSameGoodsIndex,1,shopCarMap);
     }else{
      shopCarInfo.shopList.push(shopCarMap);
     }
     return shopCarInfo;//返回我们建立好的表
  }

二:

 addShopCar:function(){
    if(this.data.buyNumber<1){
      wx.showModal({
        title:'提示',
        content:'购买数量不能为0!',
        showCancel:false
      })
      return
    }
    var shopCarInfo=this.buildShopCarInfo();

    this.setData({
      shopCarInfo:shopCarInfo,
      shopNum:shopCarInfo.shopNum
    })

    //写入本地存储
    wx.setStorage({
      key:'shopCarInfo',
      data:shopCarInfo
    })
    this.close_popup_tap();
    wx.showToast({
      title:'加入购物车',
      icon:'sucess',
      duration:2000
    })
  },

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值