本文實例為大家分享了微信小程序云開發(fā)實現(xiàn)增刪改查的具體代碼，供大家參考，具體內(nèi)容如下

首先按照微信小程序官方提示創(chuàng)建一個快速云開發(fā)小程序

大家可以點擊此處下載源代碼

實現(xiàn)效果如下：

在miniprogram->index的下修改下面三個文件

index.js如下：

Page({ data: {  id: '',//修改用來保存_id  iSshow: true,  inpVal: '',  inp2Val: '',  inp3Val: '',  list: [] },  onLoad: function () {  var that = this  that.getUserMsg()//讀取信息 }, //獲取文本框內(nèi)容 getName(e) {  this.setData({   inpVal: e.detail.value  }) },  getAge(e) {  this.setData({   inp2Val: e.detail.value  }) }, getCreated(e) {  this.setData({   inp3Val: e.detail.value  }) }, //獲取信息 getUserMsg() {  var that = this  const db = wx.cloud.database()  db.collection('datalist').get({   success: function (res) {    console.log(res)    that.setData({     list: res.data    })   }  }) }, //添加信息 setUserMsg() {  var that = this  const db = wx.cloud.database()   db.collection('datalist').add({    data: {     name: that.data.inpVal,     age: that.data.inp2Val,     created: that.data.inp3Val    },    success: function (res) {     console.log(res)     that.setData({      inpVal: "",      inp2Val: "",      inp3Val:""     })     console.log(that.data.inpVal + '--' + that.data.inp2Val + '--' + that.data.inp2Val)     that.getUserMsg()    }   }) }, //刪除信息 delUserMsg(e) {  var that = this  const db = wx.cloud.database()  var id = e.currentTarget.dataset.id  db.collection('datalist').doc(id).remove({   success: function (res) {    console.log(res)    that.getUserMsg()   }  }) }, //修改回顯 changeMsg(e) {  var that = this  var id = e.currentTarget.dataset.id  const db = wx.cloud.database()   db.collection('datalist').doc(id).get({   success: function (res) {    that.setData({     inpVal: res.data.name,     inp2Val: res.data.age,     inp3Val:res.data.created,     show: false,     id: res.data._id    })   }  })  }, //更新提交 updetMsg(e) {  var that = this  var id = e.currentTarget.dataset.id  const db = wx.cloud.database()  db.collection('datalist').doc(id).update({   data: {    name: that.data.inpVal,    age: that.data.inp2Val,    created:that.data.inp3Val   },   success: function (res) {    that.getUserMsg()    that.setData({     inpVal: '',     inp2Val: '',     inp3Val:'',     show: true    })   }  }) },})

index.wxml如下：

<view class="container"> <view class='box' style='background:#FFFFFF'>  <label>姓名:</label>  <input data-value='{{inpVal}}' bindinput='getName' value='{{inpVal}}'></input> </view> <view class='box' style='background:#FFFFFF;margin-top:1rpx;'>  <label>年齡:</label>  <input data-value='{{inpVal}}' bindinput='getAge' value='{{inp2Val}}'></input> </view>  <view class='box' style='background:#FFFFFF;margin-top:10rpx;'> <label>手機號:</label>  <input data-value='{{inpVal}}' bindinput='getCreated' value='{{inp3Val}}'></input> </view> <button wx:if='{{show}}' bindtap='setUserMsg'>提交</button> <button wx:if="{{!show}}" data-id="{{id}}" bindtap='updetMsg'>確認(rèn)修改</button></view> <view class='infoMsg'> <view>  <label>姓名</label>  <label>年齡</label>  <label>手機號</label>  <label>操作</label> </view> <view wx:for="{{list}}">  <label>{{item.name}}</label>  <label>{{item.age}}</label>  <label>{{item.created}}</label>  <label>   <text data-id='{{item._id}}' bindtap='changeMsg'>修改</text>  </label> </view> </view>