微信小程序云开发(3)— “实现云数据库数据的查询”
生活随笔
收集整理的這篇文章主要介紹了
微信小程序云开发(3)— “实现云数据库数据的查询”
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
云數(shù)據(jù)庫的查詢
- 一、在Page文件夾下創(chuàng)建一個新頁面
- 二、查詢數(shù)據(jù)庫(寫onLoad函數(shù))
- 三、條件查詢where()
- 四、查詢單條數(shù)據(jù)doc()
一、在Page文件夾下創(chuàng)建一個新頁面
1.創(chuàng)建的新頁面叫“database”
2.編輯 “database.js ”,如下圖:
二、查詢數(shù)據(jù)庫(寫onLoad函數(shù))
此處有兩種寫法,注意辨析!
- 第一種,傳統(tǒng)寫法:
代碼:
- 第二種,ES6簡潔寫法(推薦此種寫法):
代碼:
接下來使用上述查詢方法將數(shù)據(jù)庫中的數(shù)據(jù)顯示到屏幕上
1.編寫database.wxml,使用wx:for遍歷 list數(shù)組
2.編寫database.js ,采用ES6簡潔寫法 ☆☆☆
注意!:
- ①data中的list數(shù)組無需賦值,此時若手動賦值相當于寫死,不是從數(shù)據(jù)庫中動態(tài)得到的數(shù)據(jù)
- ②中的this,作用域為整個Page
即Page中所有的數(shù)據(jù)this都可以訪問到
因此我們可以在setData中設(shè)置"data中l(wèi)ist數(shù)組的數(shù)據(jù)"
3.此時編譯后即可查看到數(shù)據(jù)庫中的數(shù)據(jù)
代碼一:
<view wx:for="{{list}}"> <view>商品名:{{item.name}},價格:{{item.value}}</view> </view>代碼二:
Page({data:{list:[ ]},onLoad(){//ES6簡潔寫法(推薦此種寫法)wx.cloud.database().collection('goods').get()//查詢操作.then(res =>{console.log('第二種方法請求成功',res.data)this.setData({//動態(tài)的將數(shù)據(jù)庫中的數(shù)據(jù)存放到list數(shù)組中list:res.data})}).catch(err =>{console.log('第二種方法請求失敗',err)})} })三、條件查詢where()
在wx.cloud.database().collection('goods')與.get()之間
添加 .where() 來實現(xiàn)條件查詢
(goods為數(shù)據(jù)庫中一個表名)
示例:
結(jié)果:
四、查詢單條數(shù)據(jù)doc()
在wx.cloud.database().collection('goods')與.get()之間
添加 .doc() 來實現(xiàn)條件查詢
(goods為數(shù)據(jù)庫中一個表名)
示例:
注意,doc()中存放的數(shù)據(jù)是其在云數(shù)據(jù)庫中的id
總結(jié)
以上是生活随笔為你收集整理的微信小程序云开发(3)— “实现云数据库数据的查询”的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 大数据中物联网架构的相关知识
- 下一篇: 基于java电子病历系统计算机毕业设计源