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

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

浏览量:554 时间: 来源:weixin_30622181

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

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎