本文实例讲述了Wordpress完成文章支持和拥护性能的办法。分享给大家供大家参考。详细剖析如下：
假如你上网易或QQ网站都会看到文章页面有很多种支持和拥护的性能,咱们能够宣布本人的意见,那么要如何完成文章支持和拥护的性能,上面我来引见利用ajax疾速完成.
我是用wp做二次开发的,当然你也能够装插件,不过我是本人定制的了,完成代码：
首先在数据库表wp_posts增加两个字段like 和unlike
PHP实例代码如下:
public function dolike_unlike(){
$b = M();
$input = new input();
$id = $input->post('id');//过滤提交的信息。避免sql注入，之前发的代码我都补上了。
//$id = 5524;
$val = $_POST['data'];
if($val==1){
$b->query("update `wp_posts` set `like` =`like`+1 WHERE id = $id");//点击like的更新
}else if($val==0){
$b->query("update `wp_posts` set `unlike` =`unlike`+1 WHERE id = $id"); //dislike更新
}else{
$this->error('error');
}
$list = $b->query("SELECT `like`,`unlike` FROM `wp_posts` WHERE id = $id");//获取数据
$like = $list[0]['like'];
$dislike = $list[0]['unlike'];
if($like!=0 || $dislike!=0){//计算
$elike = $like/($like+$dislike);
$elike = substr($elike*100,0,4);
$edislike = $dislike/($like+$dislike);
$edislike = substr($edislike*100,0,4);
}
//echo $elike;
$output = array(//组合函数待输入
likenum=>$like,
dislikenum=>$dislike,
like=>$elike,
dislike=>$edislike
);
//echo $list;
//dump($output);
$this->ajaxReturn($output,'success',1);//输入
//echo 'ok';
//$this->display('');
}<p class="cl"></p>
<style>
.recomm{ border-bottom:4px solid #FF7523; color:#FF7523}
.single_share_class{ position:absolute; left:-95px; top:80px; width:75px; height:328px; text-align:center; background:url(/img/single_page_share.png) no-repeat;}
.single_share_class .comm_num{ padding:12px 0 48px 0px}
.single_share_class .comm_num span{ font-size:10px; line-height:11px; color:#ff9853; display:block}
.single_share_class >span >span >span{ margin-bottom:7px !important;}
.single_share_class .copylink{ padding:28px 0 0 0; cursor:pointer}
.single_share_class .st_sharethis_large >span >span{ background:none !important}
.dingandcai{ width:526px; height:62px; background:url(/img/likeandunlike.jpg) no-repeat; margin:20px 0;line-height:62px; text-align:center; font-size:24px; text-shadow:1px 1px 1px #000; }
.dingandcai .left_like{ width:224px; float:left;height:62px; position:relative}
.dingandcai .left_like span,.dingandcai .right_unlike span{ position:relative; z-index:2}
.dingandcai .dingload{ width:78px; float:left; }
.dingandcai .right_unlike{ width:224px; float:left; height:62px;position:relative }
.dingandcai .left_like .left_con{ background:url(/img/likeandunlike.jpg) 0px -63px no-repeat; width:50%; height:62px;position:absolute;top:0;left:0; z-index:1}
.dingandcai .right_unlike .right_con{ background:url(/img/likeandunlike.jpg) -302px -63px no-repeat; width:50%; height:62px;position:absolute;top:0;left:0; z-index:1}
.allow_click,.disallow_click{cursor:pointer}
</style>
<p class="dingandcai">
<p class="left_like" val="1" postid="<?php the_ID(); ?>">
<p class="left_con"></p><span id="like">Like</span>
</p>
<p class="dingload">
<img src="/img/loading_sm.gif" />
</p>
<p class="right_unlike" val="0" postid="<?php the_ID(); ?>">
<p class="right_con"></p>
<span id="dislike">Dislike</span>
</p>
</p>
<p class="cl"></p>jQuery(".dingload img").ajaxStart(function(){//ajax提醒
jQuery(this).show();
});
jQuery(".dingload img").ajaxStop(function(){
jQuery(this).hide();
});
var pid = jQuery(".left_like").attr("postid");
var likecookie = jQuery.cookie("like"+pid);
if(likecookie!=pid){//判别能否点击过，假如没有点击则
jQuery(".left_like,.right_unlike").addClass("allow_click");
jQuery.get('/cityosweb/default.php/Shanmao/wplike_unlike',{id:pid},function(data){
if(data.status==1){//显示背景百分比和like dislike字样
jQuery(".left_like .left_con").css("width",data.data.like+"%");
jQuery(".right_unlike .right_con").css("width",data.data.dislike+"%");
}
},"json");
}else{//假如曾经投过票了则
jQuery(".left_like,.right_unlike").addClass("disallow_click");
jQuery.get('/cityosweb/default.php/Shanmao/wplike_unlike',{id:pid},function(data){
if(data.status==1){//显示背景百分比和投票数
//alert(data.likenum);
jQuery("#like").html(data.data.likenum);
jQuery("#dislike").html(data.data.dislikenum);
jQuery(".left_like .left_con").css("width",data.data.like+"%");
jQuery(".right_unlike .right_con").css("width",data.data.dislike+"%");
}
},"json");
}
jQuery(".left_like,.right_unlike").click(function(){
if(jQuery(this).hasClass("allow_click")){//假如有这个class才提交
var val = jQuery(this).attr("val");
var postid = jQuery(this).attr("postid");
jQuery.post('/cityosweb/default.php/Shanmao/dolike_unlike',{data:val,id:postid},function(data){//点击的时分
if(data.status==1){//胜利前往解决
jQuery("#like").html(data.data.likenum);
jQuery("#dislike").html(data.data.dislikenum);
jQuery(".left_like .left_con").css("width",data.data.like+"%");
jQuery(".right_unlike .right_con").css("width",data.data.dislike+"%");
jQuery(".left_like,.right_unlike").removeClass("allow_click").addClass("disallow_click");
jQuery.cookie('like'+postid,postid,{expires: 1});//提交后写入cookie，这里是用juqery.cookie插件。保留一地利间，每篇文章保留不一样的id。值随便，只需你下面好做判别。
}else{
alert(data.info);
}
},"json");
}
});
jQuery(".disallow_click").live("click",function(){//不容许提交时分弹出
alert("Your vote has already been submitted!");
});心愿本文所述对大家的WordPress建站有所协助。
以上就是安达网络工作室关于《Wordpress实现文章支持和反对功能的方法》的一些看法。更多内容请查看本栏目更多内容！
自带的导航菜单性能是 WordPress 3.0+ 中惟一执得让人眼睛一亮的性能了，在新做主题的进程中再一次让我眼睛...
利用$wpdb自定义查问能够调用某年下的月份归档, 例如调用2014年月份归档的代码如下所示。复制代码代码如下:...
说到Wordpress可能有的站长还没用过，然而作为一名博客主，假如不晓得它，您真是OUT了！它是小名鼎鼎的PHP博...
即便你的博客治理后盾的治理员身份被人破解了，普通他也不会同时破解你的网站空间ftp账号，所以他也更改不了...
函数esc_js()（过滤 Html 内嵌 JS） 参数 $text （字符串）（必需）要过滤的字符串。 默许值：None 前往值 ...
明天偶尔留意到WordPress的分类和标签隐没了，开端认为是数据库表损坏，于是经过PHPMyAdmin修复表，然而留意...
安达网络工作室自成立以来，一直专注于互联网品牌建设，我们团队的成员曾务于国内优秀广告公司及互联网公司业务类型涉及WEB视觉、交互设计、移动终端用户体验等质量和信誉是我们存在的基石。我们注重客户提出的每个要求，充分考虑每一个细节，积极的做好服务，努力开拓更好的视野。在所有新老客户面前，我们都很乐意虚心、朴实的跟您接触，更深入的了解您的企业，以便为您提供更优质的服务！
微信二维码
QQ二维码
