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

首先要在需要获取并显示数据的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文件中使用如下代码展示数据

wx:for 可看一下 第一章 1-5 有讲

经验分享 程序员 微信小程序 职场和发展