微信小程序-獲取雲數據庫某集合數據並顯示在頁面


首先要在需要獲取並顯示數據的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>

 


免責聲明!

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



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