老是想着自己寫一個博客,可惜不會后台開發,今天就通過小程序的雲開發滿足下自己的小小需求,這次主要是渲染首頁的文章列表。
首先要連接數據庫,獲取到想要操作集合的引用,然后讀取列表數據。
文章集合如下:
我們都知道在開始使用數據庫 API 進行增刪改查操作之前,需要先獲取數據庫的引用,這里我把其寫在了全局對象中,以便於開發
this.globalData = { db: wx.cloud.database({ env: '開發環境id' }) }
接着我們要操作一個集合,就可以通過數據庫引用上的 collection
方法獲取一個集合的引用了,比如獲取文章列表集合:
onLoad: function() { var that =this // 獲取集合的引用 const articles = app.globalData.db.collection('articles') // 獲取文章列表集合數據 articles.get({ success(res) { // res.data 包含該記錄的數據 console.log(res.data) that.setData({ articles: res.data }) } }) },
拿到數據進行文章列表視圖渲染
<view wx:for="{{articles}}"> <image src='{{item.img}}'></image> <view class='title'>{{item.title}}</view> <view class='shortcontent'> {{item.content}} </view> </view>
效果如下: