小程序之操作數據庫(集合)


老是想着自己寫一個博客,可惜不會后台開發,今天就通過小程序的雲開發滿足下自己的小小需求,這次主要是渲染首頁的文章列表。

首先要連接數據庫,獲取到想要操作集合的引用,然后讀取列表數據。

文章集合如下:

我們都知道在開始使用數據庫 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>

效果如下:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM