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

本文介绍了如何在微信小程序中获取阿里云或腾讯云数据库的集合数据,并将其显示在页面上。首先在JS文件中使用特定代码获取数据,然后在WXML文件中展示数据。详细步骤包括数据库引用、数据查询以及数据在前端的呈现。
摘要由CSDN通过智能技术生成

首先要在需要获取并显示数据的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为每个
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值