首先要在需要獲取並顯示數據的page的js文件中使用如下代碼獲取數據:
//雲數據庫初始化 const db = wx.cloud.database({}); const cont = db.collection('river_data'); Page({ data:{ ne:[], //這是一個空的數組,等下獲取到雲數據庫的數據將存放在其中 }, /** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { var _this = this; //1、引用數據庫 const db = wx.cloud.database({ //這個是環境ID不是環境名稱 env: '環境ID' }) //2、開始查詢數據了 news對應的是集合的名稱 db.collection('集合名稱').get({ //如果查詢成功的話 success: res => { console.log(res.data) //這一步很重要,給ne賦值,沒有這一步的話,前台就不會顯示值 this.setData({ ne: res.data }) } }) }, })
然后在此page的wxml文件中使用如下代碼展示數據
<view class='a' wx:for="{{ne}}"><!--wx:for是微信數據綁定的一種方式,該數組有多少數據就顯示多少個view--> <!--index為每個數據對應的下標--> <view >序號:{{index+1}}</view> <!--item就相當於數組名+下標的結合體,適用於調用數組所有數據--> <view>{{item.name}}</view> <view >{{item.age}}</view> <view >{{item.sex}}</view> </view>