這篇文章將為大家詳細(xì)講解有關(guān)微信小程序云開(kāi)發(fā)之如何模擬后臺(tái)增刪改查，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比西安網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式西安網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋西安地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

小程序云開(kāi)發(fā)出來(lái)之后，小程序開(kāi)發(fā)人員也要慢慢的接觸后端對(duì)數(shù)據(jù)的增刪改查了。

這里我把新增和修改放在了一個(gè)頁(yè)面

顯示頁(yè)面index.wxml

    
     圖書(shū)列表
    
    
     書(shū)名
     作者
     價(jià)格
     操作
    
   
      
       {{item.name}}
       {{item.author}}
       {{item.price}}
       刪除
       修改
     
   


   暫時(shí)沒(méi)有圖書(shū)！


  添加圖書(shū)

index.js

// pages/index/index.js
Page({
 
 /**
  * 頁(yè)面的初始數(shù)據(jù)
  */
 data: {
   books:[] 
 },
 
 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
  */
 onLoad: function (options) {
  const db = wx.cloud.database()
  db.collection("books").get({
   success:res=>{
    this.setData({
     books:res.data
    })
   },fail:err=>{
    wx.showToast({
     icon:"none",
     title: '查詢記錄失敗',
    })
   }
  })
 },
  goSet:function(){
  wx.navigateTo({
   url: '../set/set',
  })
 
 }, onDel:function(e){
   let id = e.currentTarget.dataset.id
   const db = wx.cloud.database();
   db.collection("books").doc(id).remove({
    success:res=>{
     wx.showToast({
      title: '刪除成功',
     })
     this.onLoad()//刪除成功重新加載
    },fail:err=>{
     wx.showToast({
      title: '刪除失敗',
     })
    }
   })
   console.log(id)
 },onUpdate:function(e){
   let id = e.currentTarget.dataset.id
   wx.navigateTo({
    url: '../set/set?id='+id,
   })
 }
})

添加和修改共用set.wxml

   
    
      書(shū)名：
      
      
    
    
      作者：
      
    
    
      價(jià)格：
      
    
    
      保存
   
  

set.js

// pages/set/set.js
Page({
 
 /**
  * 頁(yè)面的初始數(shù)據(jù)
  */
 data: {
   book:[]
 },
 
 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
  */
 onLoad: function (options) {
  if(options.id){
   const db = wx.cloud.database();
   db.collection("books").where({
    _id:options.id
   }).get({
    success:res=>{
     this.setData({
      book:res.data[0]//返回的是一個(gè)數(shù)組，取第一個(gè)
     })
    },fail:err=>{
     console.log(err)
    }
   })
  }
 },
 comfirm:function(e){
  const db = wx.cloud.database()//打開(kāi)數(shù)據(jù)庫(kù)連接
  let book = e.detail.value
  if(book.id==""){//id等于空是新增數(shù)據(jù)
   this.add(db,book) //新增記錄
  }else{
   this.update(db,book) //修改記錄
  }
 }, add: function (db, book) {
   db.collection("books").add({
    data: {
     name: book.name,
     author: book.author,
     price: parseFloat(book.price)
    }, success: res => {
     wx.showToast({
      title: '新增記錄成功',
     })
     wx.navigateTo({
      url: '../index/index',
     })
    }, fail: err => {
     wx.showToast({
      title: '新增失敗',
     })
    }
   })
    
 }, update: function (db, book) {
  db.collection("books").doc(book.id).update({
   data: {
    name: book.name,
    author: book.author,
    price: parseFloat(book.price)
   }, success: res => {
    wx.showToast({
     title: '修改記錄成功',
    })
    wx.navigateTo({
     url: '../index/index',
    })
   }, fail: err => {
    wx.showToast({
     title: '修改失敗',
    })
   }
  })
 } 
 
})

云開(kāi)發(fā)后臺(tái)數(shù)據(jù)，需要手動(dòng)添加books集合：

wechat

關(guān)于“微信小程序云開(kāi)發(fā)之如何模擬后臺(tái)增刪改查”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。