微信小程序-获取云数据库某集合数据并显示在页面

首先要在需要获取并显示数据的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>

 

转载于:https://www.cnblogs.com/hsxyfzh/p/10899318.html