微信小程序怎么查询云开发数据库里面的集合,怎么把集合结果显示在WXML前端页面上
云开发是2018年9月份微信开发小工具推出来的,开发者可以不用自己搭建服务器,利用现成的数据库进行前后台的交互
news集合--对应数据库里面的表
记录-表里的数据
如何把集合里面的记录显示在页面上呢?
js
查询数据一般都在onLoad里面,当页面加载的时候;
Page({
data: {
//定义一个数据,主要是放集合结果的
ne: []
},
onLoad: function () {
var _this=this;
//1、引用数据库
const db=wx.cloud.database({
//这个是环境ID不是环境名称
env:'tjn-0c0faa'
})
//2、开始查询数据了 news对应的是集合的名称
db.collection('news').get({
//如果查询成功的话
success:res =>{
//这一步很重要,给ne赋值,没有这一步的话,前台就不会显示值
this.setData({
ne: res.data
})
}
})
},
})
前台页面
<view class="div">
<text class="head">项目列表</text>
<view wx:for="{{ne}}">
<image src="{{item.img1}}" class="im"></image>
<image src="{{item.img2}}" class="im"></image>
<image src="{{item.img3}}" class="im"></image>
<text class="context" space='nbsp'>{{item.title}}
</text>
<text class="date">{{item.date}}</text>
</view>
</view>