微信云开发学习(二)

82 阅读1分钟

1.输入信息为空时的提示showToast

  addGood(){
    console.log(shopName);
    console.log(price);
    if (shopName == '') {
      wx.showToast({
        title: '请输入商品名',
      })
    }
  }

image.png

  addGood(){
    console.log(shopName);
    console.log(price);
    if (shopName == '') {
      wx.showToast({
        icon:'none',
        title: '请输入商品名'
      })
    }
  }

image.png

2.删除时弹框提示

  delGood(){
    wx.showModal({
      title:'是否删除',
      content:'您确认要删除本条数据?'
    })
  }

image.png

3.商品进行排序操作oderBy

  upShops(){
    wx.cloud.database().collection('goods')
    .orderBy('price','asc')  //用什么排序  升序还是降序
    .get()
    .then(res => {
      this.setData({
        list: res.data
      })
    })
    .catch(err => {
      console.log('列表排序失败');
    })
  }

排序时可能发现页面无法正确显示升序或降序,要考虑添加商品时输入的数据存入数据库时是否是字符串的形式

4.显示指定数量的数据

  except(){
    wx.cloud.database().collection('goods')
    .limit(3)  //显示的最大条数
    .get()
    .then(res => {
      this.setData({
        list: res.data
      })
    })
    .catch(err => {
      console.log('显示失败', err);
    })
  }