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

发布时间：2022-08-18 18:53

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

相关推荐

k8s容器编排

Microsoft Visual C++ 14.0 or greater is required的解决方法

深度学习与自然语言处理教程(5) - 语言模型、RNN、GRU与LSTM（NLP通关指南·完结）

Nuscenes——环视相机数据准备：当前帧与前一帧所有数据的获取及操作细节

Java设计模式中的装饰者模式

【前沿】详细讲解Transformer新型神经网络在机器翻译中的应用

【SSM】Mybatis系列——mybatis的简介、环境搭建、CRUD操作

万字详解JavaScript手写一个Promise

【开源分享】自制STC15W408AS开发板

The 2022 Hangzhou Normal U Summer Trials

faster rcnn 学习笔记

vue3结构赋值失去响应式引发的问题思考

HED 和 RCF 图像边缘检测

servlet和java区别_JavaWeb中的jsp和servlet的区别

【python】——数据读取与储存mat/npy格式

LeetCode：9. 回文数——简单

终于有华为网工整理网工10大必备软件，最新软件安装包

基于SSM+MySQL+Bootstrap的酒店管理系统

译：Two-Stream Convolutional Networks for Action Recognition in Videos

Go语言怎么使用变长参数函数

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网，如有侵权请联系：561261067@qq.com

桂ICP备16001015号