- 訪問次數(shù)應(yīng)該與用戶進(jìn)行關(guān)聯(lián)
業(yè)務(wù)邏輯：
-
如果用戶是第一次訪問此程序，向數(shù)據(jù)庫(kù)添加一條記錄：{openid：45454545，count：1}
-
如果用戶不是第一次訪問，首先獲取數(shù)據(jù)庫(kù)中改用戶的訪問次數(shù)然后+1，再保存到數(shù)據(jù)庫(kù)中，然后更新頁(yè)面中的訪問次數(shù)
實(shí)現(xiàn)步驟：
在項(xiàng)目的pages中創(chuàng)建count_demo
在項(xiàng)目的pages中創(chuàng)建count_demo文件夾 在count_demo文件夾中創(chuàng)建page命名為count_demo
設(shè)置程序的主顯示頁(yè)面
-
將程序主頁(yè)設(shè)置為剛添加的count_demo
-
將app.json中剛添加的"pages/count_demo/count_demo"放到開始位置
- 查看剛剛創(chuàng)建的count_demo中的count_demo.js文件
/**
- 生命周期函數(shù)–監(jiān)聽頁(yè)面加載
*/
onLoad: function (options) {
},
/**
- 生命周期函數(shù)–監(jiān)聽頁(yè)面初次渲染完成
*/
onReady: function () {
},
/**
- 生命周期函數(shù)–監(jiān)聽頁(yè)面顯示
*/
onShow: function () {
},
/**
- 生命周期函數(shù)–監(jiān)聽頁(yè)面隱藏
*/
onHide: function () {
},
/**
- 生命周期函數(shù)–監(jiān)聽頁(yè)面卸載
*/
onUnload: function () {
},
/**
- 頁(yè)面相關(guān)事件處理函數(shù)–監(jiān)聽用戶下拉動(dòng)作
*/
onPullDownRefresh: function () {
},
/**
- 頁(yè)面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function () {
},
/**
- 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
}
-
頁(yè)面編譯時(shí)執(zhí)行的下面函數(shù)
-
onload函數(shù)—onshow函數(shù)–onready
-
當(dāng)頁(yè)面切換時(shí)執(zhí)行
-
onhide函數(shù) 切換回來(lái)時(shí)執(zhí)行 onshow函數(shù)
創(chuàng)建數(shù)據(jù)庫(kù)（counters）
編輯count_demo.wxml
編輯count_dome.js
- 在count_demo.js中定義變量實(shí)現(xiàn)數(shù)據(jù)的綁定
Page({
data: {
count:0
},
})
-
在onload函數(shù)中 查詢登錄用戶的訪問次數(shù)
-
獲取數(shù)據(jù)庫(kù)的引用
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ù)組的長(zhǎng)度來(lái)判斷用戶是否是第一次訪問
-
如果長(zhǎng)度大于0說(shuō)明已經(jīng)登陸過就更新數(shù)據(jù)
-
創(chuàng)建更新指令
if(res.data.length>0){
//更新訪問次數(shù)
db.collection(‘counters’).doc(res.data[0]._id).update({
data:{
count:_.inc(1)
}
})
//在頁(yè)面上顯示的訪問次數(shù)
this.setData({
count:++res.data[0].count
})
}else
else{
//新增數(shù)據(jù)
db.collection(‘counters’).add({
data:{
count:1
}
}).then(res=>{
this.setData({count:1})
})
}
案例二：查詢并展示數(shù)據(jù)
業(yè)務(wù)需求：
-
查詢數(shù)據(jù)庫(kù)中的數(shù)據(jù)并展示
-
頁(yè)面加載時(shí)查詢第一頁(yè)的數(shù)據(jù)
-
向上拉動(dòng)頁(yè)面到底部時(shí)查詢下一頁(yè)數(shù)據(jù)
-
如果數(shù)據(jù)庫(kù)中沒有更多數(shù)據(jù)時(shí)，向上拉動(dòng)不進(jìn)行查詢
實(shí)現(xiàn)步驟:
創(chuàng)建集和導(dǎo)入數(shù)據(jù)（demo_list）為集合設(shè)置權(quán)限
創(chuàng)建demo_list
- 之間在app.json中的pages配置中的第一行寫入保存即可創(chuàng)建并且訪問主頁(yè)也為該頁(yè)面
編輯demo_list.js文件
- 自定義函數(shù)getListData分頁(yè)查詢數(shù)據(jù)
// pages/demo_list/demo_list.js
Page({
data: {
page_size: 8, //每頁(yè)顯示的數(shù)量
page_count: 0, //頁(yè)碼
dataList: [],
isRequest:true,//是否請(qǐng)求，放數(shù)據(jù)庫(kù)中沒有更多數(shù)據(jù)時(shí)不再請(qǐng)求
},
onLoad() {
自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過，也去過華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。
深知大多數(shù)前端工程師，想要提升技能，往往是自己摸索成長(zhǎng)或者是報(bào)班學(xué)習(xí)，但對(duì)于培訓(xùn)機(jī)構(gòu)動(dòng)則幾千的學(xué)費(fèi)，著實(shí)壓力不小。自己不成體系的自學(xué)效果低效又漫長(zhǎng)，而且極易碰到天花板技術(shù)停滯不前！
因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》，初衷也很簡(jiǎn)單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。
既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上前端開發(fā)知識(shí)點(diǎn)，真正體系化！
由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！
如果你覺得這些內(nèi)容對(duì)你有幫助，可以掃碼獲取?。。ㄙY料價(jià)值較高，非無(wú)償）
更多面試題
**《350頁(yè)前端校招面試題精編解析大全》**內(nèi)容大綱主要包括 HTML，CSS，前端基礎(chǔ)，前端核心，前端進(jìn)階，移動(dòng)端開發(fā)，計(jì)算機(jī)基礎(chǔ)，算法與數(shù)據(jù)結(jié)構(gòu)，項(xiàng)目，職業(yè)發(fā)展等等
資料獲取方式：點(diǎn)擊藍(lán)色傳送門即可獲取文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-854892.html
存中…(img-qG5zssJt-1711769995628)]
由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！
如果你覺得這些內(nèi)容對(duì)你有幫助，可以掃碼獲取?。。ㄙY料價(jià)值較高，非無(wú)償）
更多面試題
**《350頁(yè)前端校招面試題精編解析大全》**內(nèi)容大綱主要包括 HTML，CSS，前端基礎(chǔ)，前端核心，前端進(jìn)階，移動(dòng)端開發(fā)，計(jì)算機(jī)基礎(chǔ)，算法與數(shù)據(jù)結(jié)構(gòu)，項(xiàng)目，職業(yè)發(fā)展等等
資料獲取方式：點(diǎn)擊藍(lán)色傳送門即可獲取
[外鏈圖片轉(zhuǎn)存中…(img-pQnPAyhP-1711769995629)]文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-854892.html
到了這里，關(guān)于微信小程序——操作數(shù)據(jù)庫(kù)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
