云开发增加阅读数写入数据库

原创于 2022-04-23 20:14:55 发布 · 1.9k 阅读

CC 4.0 BY-SA版权

文章标签：

这段代码展示了如何在小程序中处理用户点击列表项的事件。当用户点击一行时，它会获取被点击项的id和索引，然后调用云函数`demoUpList`更新该条目的`hits`字段，增加7次阅读量。更新完成后，前端会重新渲染列表数据，确保显示最新的阅读量。

  clickRow(res){
    //1.获取点击的id和索引值
    //2.云函数进行更新操作
    //3.前端连后端，将数据传输给后端，后端再返回数据
    //4.重新渲染列表数据
  var {id,idx}=res.currentTarget.dataset
  console.log(id)
  wx.cloud.callFunction({
    name:"demoUpList",
    data:{
      id:"id"
    }
  }).then(res=>{
    console.log(res)
  })

JS内容

const cloud = require('wx-server-sdk')

cloud.init()
const db = cloud.database();
const _ = db.command;
// 云函数入口函数
exports.main = async (event, context) => {
  var id=event.id;
 return await db.collection("demolist").doc(id).update({
   data:{
     hits:_.inc(7)
   }
 })
}

云函数内容

<view class="row" wx:for="{{dataList}}"  data-id="{{item._id}}" data-idx="{{index}}"wx:key="index" bindtap="clickRow">
<view class="title">{{index+1}}.{{item.title}}</view>
<view>阅读量：{{item.hits}}</view>
</view>

WXML内容