案例一：統(tǒng)計用戶的訪問次數(shù)

業(yè)務(wù)需求：

• 統(tǒng)計每個用戶對程序的訪問次數(shù)
• 將訪問次數(shù)存儲到數(shù)據(jù)庫中
• 訪問次數(shù)應(yīng)該與用戶進行關(guān)聯(lián)

業(yè)務(wù)邏輯：

• 如果用戶是第一次訪問此程序，向數(shù)據(jù)庫添加一條記錄：{openid：45454545，count：1}
• 如果用戶不是第一次訪問，首先獲取數(shù)據(jù)庫中改用戶的訪問次數(shù)然后+1，再保存到數(shù)據(jù)庫中，然后更新頁面中的訪問次數(shù)

實現(xiàn)步驟：

在項目的pages中創(chuàng)建count_demo

在項目的pages中創(chuàng)建count_demo文件夾 在count_demo文件夾中創(chuàng)建page命名為count_demo

設(shè)置程序的主顯示頁面

• 將程序主頁設(shè)置為剛添加的count_demo

• 將app.json中剛添加的"pages/count_demo/count_demo"放到開始位置
  

• 查看剛剛創(chuàng)建的count_demo中的count_demo.js文件

  /*** 生命周期函數(shù)--監(jiān)聽頁面加載*/onLoad: function (options) {},/*** 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成*/onReady: function () {},/*** 生命周期函數(shù)--監(jiān)聽頁面顯示*/onShow: function () {},/*** 生命周期函數(shù)--監(jiān)聽頁面隱藏*/onHide: function () {},/*** 生命周期函數(shù)--監(jiān)聽頁面卸載*/onUnload: function () {},/*** 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作*/onPullDownRefresh: function () {},/*** 頁面上拉觸底事件的處理函數(shù)*/onReachBottom: function () {},/*** 用戶點擊右上角分享*/onShareAppMessage: function () {}
  • 頁面編譯時執(zhí)行的下面函數(shù)
    • onload函數(shù)—onshow函數(shù)–onready
  • 當頁面切換時執(zhí)行
    • onhide函數(shù) 切換回來時執(zhí)行 onshow函數(shù)

創(chuàng)建數(shù)據(jù)庫（counters）

編輯count_demo.wxml

編輯count_dome.js

• 在count_demo.js中定義變量實現(xiàn)數(shù)據(jù)的綁定

  Page({data: {count:0},})

• 在onload函數(shù)中 查詢登錄用戶的訪問次數(shù)

  • 獲取數(shù)據(jù)庫的引用

    const db=wx.cloud.database()

  • 獲取要操作的集合

    const counters=db.collection(‘counters’)

  • 查詢用戶在counters集合中的數(shù)據(jù)

    //查詢用戶在counters集合中的數(shù)據(jù)db.collection('counters').get().then(res=>{console.log(res)})

  • 輸出結(jié)果
    

  • 可以根據(jù)返回data數(shù)組的長度來判斷用戶是否是第一次訪問

    • 如果長度大于0說明已經(jīng)登陸過就更新數(shù)據(jù)
      • 創(chuàng)建更新指令
        
      • 更新訪問次數(shù) if(res.data.length>0){//更新訪問次數(shù)db.collection('counters').doc(res.data[0]._id).update({data:{count:_.inc(1)}})//在頁面上顯示的訪問次數(shù)this.setData({count:++res.data[0].count})}else
    • 如果沒有數(shù)據(jù)說明未訪問過就插入數(shù)據(jù) 并更新本地數(shù)據(jù)else{//新增數(shù)據(jù)db.collection('counters').add({data:{count:1}}).then(res=>{this.setData({count:1})})}

案例二：查詢并展示數(shù)據(jù)

業(yè)務(wù)需求：

• 查詢數(shù)據(jù)庫中的數(shù)據(jù)并展示
• 頁面加載時查詢第一頁的數(shù)據(jù)
• 向上拉動頁面到底部時查詢下一頁數(shù)據(jù)
• 如果數(shù)據(jù)庫中沒有更多數(shù)據(jù)時，向上拉動不進行查詢

實現(xiàn)步驟:

創(chuàng)建集和導(dǎo)入數(shù)據(jù)（demo_list）為集合設(shè)置權(quán)限

創(chuàng)建demo_list

• 之間在app.json中的pages配置中的第一行寫入保存即可創(chuàng)建并且訪問主頁也為該頁面
  

編輯demo_list.js文件

• 自定義函數(shù)getListData分頁查詢數(shù)據(jù)

  // pages/demo_list/demo_list.js Page({data: {page_size: 8, //每頁顯示的數(shù)量page_count: 0, //頁碼dataList: [],isRequest:true,//是否請求，放數(shù)據(jù)庫中沒有更多數(shù)據(jù)時不再請求},onLoad() {this.getListData()},//分頁獲取數(shù)據(jù)getListData() {if(!this.data.isRequest){return}//獲取數(shù)據(jù)庫const db = wx.cloud.database()//計算skip函數(shù)的參數(shù)值let offset = this.data.page_count * this.data.page_size//查詢集合中的數(shù)據(jù)db.collection('demo_list').skip(offset).limit(this.data.page_size).get().then(res => {this.setData({dataList:this.data.dataList.length===0 ? res.data :this.data.dataList.concat(res.data)})res.data.length!==this.data.page_size?this.setData({isRequest:false}):true})},/*** 頁面上拉觸底事件的處理函數(shù)*/onReachBottom: function () {this.setData({page_count:++this.data.page_count})this.getListData()} })
• 獲取數(shù)據(jù)庫
• 查詢數(shù)據(jù) skip是查詢時跳過的條數(shù) limit是查詢時要查詢的條數(shù)
• skip的參數(shù)值就是定義的查詢的條數(shù)*頁碼數(shù)=已經(jīng)查詢出來的條數(shù)
• 當用戶第一次訪問時（dataList中沒有數(shù)據(jù)）將數(shù)據(jù)賦值給dataList變量 如果有數(shù)據(jù)將兩個數(shù)組進行合并。
• 當請求數(shù)組返回時數(shù)據(jù)的數(shù)量不等于我們的設(shè)置值時 說明數(shù)據(jù)沒有更多了，我們將isRequest的值設(shè)置為false，當他的值為true的時候才允許查詢數(shù)據(jù)

• 頁面刷新時調(diào)用

  onLoad() {this.getListData()},

• 當用戶下拉到底部時（onReachBottom事件觸發(fā)）調(diào)用 并且請求頁碼累加

  /*** 頁面上拉觸底事件的處理函數(shù)*/onReachBottom: function () {this.setData({page_count:++this.data.page_count})this.getListData()}

編輯demo_list.wxml文件

點我進入下載壓縮包

• 壓縮包中找到dis目錄進入example\panel\panel.wxml文件中復(fù)制代碼

  <view class="page"><view class="weui-panel weui-panel_access"><view class="weui-panel__bd"><view class="weui-media-box weui-media-box_text" wx:for="{{dataList}}" wx:key="_id"><h4 class="weui-media-box__title">{{item.title}}</h4><view class="weui-media-box__desc">{{item.description}}</view></view></view></view> </view>

• 將style文件夾中的樣式文件復(fù)制到我們的項目中并且全局引用
  

• 最后遍歷數(shù)據(jù)即可
  

總結(jié)

以上是生活随笔為你收集整理的微信小程序——操作数据库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。