优化PbootCms程序的点赞功能效果

PbootCms默认的点赞、反对效果

写这篇文章时pbootCms版本是V2.0.7

CMS系统默认给出了点赞、反对的链接。分别是：

{content:likeslink} 点赞链接

{content:opposelink} 反对链接

使用效果是，点击一次，页面刷新一下，点赞数{content:likes}、{content:oppose}会显示+1。

这个效果显示比较硬。一个小功能，居然要页面刷新，不能忍，必须改造。

改造进行时

当我写到一半的时候，发现原来PbootCms已经有这个API接口了。手动黑人问号。

那么还是用官方的吧，官方的开发文档中并没有给出相关文档。

我们先来说一下这俩接口。

点赞链接：http://IP/api.php/do/likes/id/*    //此处传递文章的ID，即{content:id}

反对链接：http://IP/api.php/do/oppose/id/*    //此处传递文章的ID，即{content:id}

下面就简单啦。用点赞做示例：

$(document).ready(function (e) {
  var url='/api.php/do/likes/id/'+{content:id};
  $.ajax({
    type: 'POST',
    url: url,
    dataType: 'json',
    data: {
      appid: '{pboot:appid}',
      timestamp: '{pboot:timestamp}',
      signature: '{pboot:signature}'
     },
    success: function (response, status) {
      if(response.code){
        //获取数据成功
        //此处对页面已经显示的{content:likes}+1，注意JS中需要转换为数字，才能进行+1，否则会是字符串拼接。
        alert(response.data);
      }else{
        //返回错误数据
        alert(response.data);
      }
    },
    error:function(xhr,status,error){
      //返回数据异常
      alert('返回数据异常！');
    }
  });
});

PbootCMS点赞优化方案

那么问题来了，这个是可以无限点赞的。根本停不下来呀...

我们应该事先的效果是跟常规的刷新页面效果一样，一天只能点赞一次。

我们需要对API接口进行优化一下。

需要修改的文件路径：apps/api/controller/DoController.php

大约在24行；看下注释就知道啦。

我们同样以点赞为例，上代码：

    // 点赞
    public function likes()
    {
        if (! ! $id = request('id', 'int')) {
            if(! cookie('likes_' . $id)){
                $this->model->addLikes($id);
                cookie('likes_' . $id, true, 86400, null, null, null, null);
                json(1, '点赞成功');
            }else{
                json(0, '24小时内只能点赞一次哦!');
            }
        } else {
            json(0, '点赞失败');
        }
    }

至此，24小时点赞一次的功能就优化完成啦。

效果可以参考本文下放的 很赞哦！按钮。

转载请注明： 织梦模板 » 优化PbootCms程序的点赞功能效果