微信小程序-获取云数据库某集合数据并显示在页面
首先要在需要获取并显示数据的page的js文件中使用如下代码获取数据://云数据库初始化const db = wx.cloud.database({});const cont = db.collection('river_data');Page({data:{ne:[],//这是一个空的数组,等下获取到云数据库的数据将存放在其中},/**...
·
首先要在需要获取并显示数据的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>
wx:for 可看一下 https://edu.csdn.net/course/play/9604/288173 第一章 1-5 有讲
更多推荐
已为社区贡献1条内容
所有评论(0)