微信小程序小程序云开发增删改查

微信小程序小程序云开发增删改查

1、app.js 云开发环境初始化

App({
  // 小程序一启动就会执行
  onLaunch(options) {
    // 云开发环境初始化
    wx.cloud.init({
      env: 'readnow-5gl5quqg1f554239' // 云开发环境id
    })
})

2、页面执行增删改查 myShop.js

Page({
  data(){
    shopList:[]
  },
  
  onLoad(){
    // 从云数据库拿数据表
    wx.cloud.database().collection('goods')
    // .where({  // 条件查询
    //   name: 'apple'
    // })
    .get()
    .then(res => {          // 全部查询 获取
      console.log(res);
      this.setData({
        shopList:res.data
      })
    }).catch(err => {
      console.log(err);
    })

    // 使用doc查询单条数据 参数是数据表数据的_id
    wx.cloud.database().collection('goods')
    .doc('79550af260cc3805203fe6ee41821ea6')
    .get()
    .then(res => {         
      console.log(res);
    }).catch(err => {
      console.log(err);
    })
  },

  add(){
    // 添加数据
    wx.cloud.database().collection('goods')
    .add({
      data: {
        name: 'orange',
        price: '10',
        num: '5'
      }
    }).then(res => {
      console.log('添加成功',res);
    }).catch(err => {
      console.log('添加失败',err);
    })
  },

  update(){
    // 修改数据
    wx.cloud.database().collection('goods')
    .doc('28ee4e3e60cc41fc2347d8a119f15c99')
    .update({
      data: {
        name: '车厘子',
        price: '200',
        num: '1'
      }
    }).then(res => {
      console.log('修改成功',res);
    }).catch(err => {
      console.error('修改失败',err);
    })
  },

  remove(){
    // 删除一条数据
    wx.cloud.database().collection('goods')
    .doc('28ee4e3e60cc41fc2347d8a119f15c99')
    .remove()
    .then(res => {
      console.log('删除成功',res);
    }).catch(err => {
      console.error('删除失败',err);
    })
  }
})

myShop.wxml

<view wx:for="{{shopList}}" wx:key="index">
   <view>{{item.name}}{{item.num}}个{{item.price}}元</view>
</view>
<view>
  <button bindtap="add">添加</button>
  <button bindtap="update">修改</button>
  <button bindtap="remove">删除单条数据</button>
</view>

编辑/删除商品，需要该商品的_id