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
})
}
})
},
})
注意:环境Id不是环境名称
前台页面
<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>