微信小程序雲開發之雲數據庫查詢及動態輸入


上一篇講了微信小程序的雲開發環境的部署以及數據的添加操作。這篇就講講數據的查詢操作。文末我也會獻上源碼,以供食用。話不多說,馬上獻上干貨。

*打開上次的文檔,在index.wxml上接着上次的代碼添加一個按鈕

*打開index.js, 添加查詢數據的函數

保存並運行,可以看到調試器中就輸出了數據庫中的數據

*然后繼續回到index.wxml,添加輸入框,讓用戶也可以輸入數據,實現動態數據輸入

*打開index.js,添加相關函數,代碼如下:

//index.js
//獲取應用實例
const app = getApp()
//數據庫初始化
const DB = wx.cloud.database().collection("list")
let name = ""
let age = ""
Page({

//獲取用戶輸入的名字
addName(event){
  name = event.detail.value
},
//獲取用戶輸入的年齡
addAge(event){
  age = event.detail.value
},

//添加數據
addData(){
  DB.add({
    data:{
      name: name,
      age: age
    },
    success(res){
      console.log("添加成功", res)
    },
    fail(res){
      console.log("添加失敗", res)
    }
  })
},

//查詢數據
getData(){
  DB.get({
    success(res){
      console.log("查詢成功", res)
    },
    fail(res){
      console.log("查詢失敗", res)
    }
  })
}

})

*保存后效果如下圖:

*在名字輸入框隨意輸入,在年齡輸入框輸入數字,點擊添加按鈕

打開數據庫,查看數據添加情況

可以看到剛才隨意輸入的數據已經寫入數據庫了。

雲數據庫的查詢以及數據的動態添加已經展示完畢,你學廢了嗎?

 

關注公眾號“哥倫布日記”回復“小程序查詢數據”,即可獲得源碼!趕快行動吧。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM