微信小程序云开发13 获取阅读次数
作者:
绿水
,
2021-12-29 17:25:59
,
所有人可见
,
阅读 201
1. 获取点击的id和索引值(在demo4.js/ clickRow函数下)
var {id, idx} = res.currentTarget.dataset
2. 写云函数进行数据库更新操作
cloud.init()
const db = cloud.database();
const _ = db.command;
// 云函数入口函数
exports.main = async (event, context) => {
return await db.collection("demoUser").doc("123445").update({
data:{
hits: _.inc(7)
}
})
}
// 在这个最新的版本是不允许无条件的更新的,先加个doc
3. 前端连接后端,数据传输到后端,再返回给前端
在前端callfunction 函数中加
data:{
id: id
}
把从页面中得到的传到后端,
后端在mian函数接受:
var id = event.id;
4. 重新渲染列表数据
在clickRow回调函数中
加
var newData = this.data.dataList
newData[idx].hits += 7;
this.setData({
dataList: newData
})
本来应该是在监听函数中重新渲染页面现在做一个小demo
再来一个数据暂停
// 点击页面之前
wx.showLoading({
title: '数据加载中...',
mask: true // 数据加载时无法操作
})
// 在渲染页面结束之后
wx.hideLoading()