上一篇講了微信小程序的雲開發環境的部署以及數據的添加操作。這篇就講講數據的查詢操作。文末我也會獻上源碼,以供食用。話不多說,馬上獻上干貨。
*打開上次的文檔,在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)
}
})
}
})
*保存后效果如下圖:
*在名字輸入框隨意輸入,在年齡輸入框輸入數字,點擊添加按鈕
打開數據庫,查看數據添加情況
可以看到剛才隨意輸入的數據已經寫入數據庫了。
雲數據庫的查詢以及數據的動態添加已經展示完畢,你學廢了嗎?
關注公眾號“哥倫布日記”回復“小程序查詢數據”,即可獲得源碼!趕快行動吧。