最近在开发一个小程序,想添加一个点赞功能,那到底怎么实现呢?因为要和后台服务器同步数据,所以这个我想了好几天应该怎么实现点赞和取消点赞的逻辑,经过两天的实践调试,最终实现了。
思路如下:
1.找到对应文章列表的id
(我用的是 wx:for 列表渲染 加 template 模板来实现文章列表的,所以如果没找到对应的 id ,点赞时可能会出现点击一个列表,别的列表也会发生变化的事件)
2.在前端利用 wx.setStorageSync 保存对应的列表点赞的 id 的缓存
后面通过缓存判断该文章是否已经点过赞,避免重复点赞
3.点赞和取消点赞要有对应的数量上 +1 或 -1 的变化
4.后台服务器的数据同步变化
代码如下
//点赞处理函数(xx.js文件)
zan: function (item_id) {
var that = this;
var show;//传递到数据库点赞的状态
var cookie_mid = wx.getStorageSync('zan')||[];//获取全部点赞的mid
var newmessage = [];
for (var i = 0; i < that.data.item_list.length; i++) {
if (that.data.item_list[i].id == item_id) {//遍历找到对应的id
var num = that.data.item_list[i].like_num;//当前赞数
var isshow; //点赞的状态