微信小程序基于云数据库简单实现帖子点赞功能。

最新推荐文章于 2024-08-10 21:15:34 发布

眠听夏蝉卧风

最新推荐文章于 2024-08-10 21:15:34 发布

阅读量1.3k

点赞数 3

文章标签：微信小程序 javascript

本文链接：https://blog.csdn.net/qq_59117381/article/details/126625462

版权

本文介绍如何在微信小程序中使用云数据库实现帖子的点赞功能。通过获取用户openid存储在帖子的like_people数组中，点击按钮改变点赞状态并更新图标。同时，通过遍历openid判断用户是否已点赞。代码实现中可能存在冗余，适合新手学习，欢迎优化。

摘要由CSDN通过智能技术生成

思路：

1·用云函数或者app.js获取用户openid，在每个帖子里面like_people数组里添加点赞过该帖子的用户openid。获取帖子云数据存放到suju:[]里。

2·点击点赞按钮图标变换点击点赞按钮，改变suju:[]里like属性，html读取suju:[]里面like属性实现图标变换。数字变换同理。

3·界面图标判断是否点过赞遍历所有帖子的openid，放置到iszan列表里，遍历iszan列表，如果包含当前用户的openid，则把该帖子的like状态改为true，反正改为false。

上传数据看代码，这里不好说。

ps：题主是个新手，写有很多冗余代码，该方法的实现也没能达到高效。欢迎各位大佬按思路写出更高效简洁的代码。

云数据：

wxml：

 <view class="love" style="display:flex" bindtap="dianzan" data-dianzannb="{
  {item.content.dianzan_number}}" data-id="{
  {item._id}}">
            <image lazy-load="true" src="/pages/talk/images/up-click.png" style="width:40rpx;height:40rpx" wx:if="{
  {!item.like}}"></image><!--没点赞-->
            <image lazy-load="true" src="/pages/talk/images/up.png" style="width:40rpx;height:40rpx" wx:else></image><!--已点赞-->
            <view class="dianzannb" style="font-size:78%;color:#656565;f