wordpress顶和踩喜欢功能的实现

本文简介 顶踩功能大家都知道,不用多解释,本文介绍使用代码实现顶踩功能详细步骤 首先创建数据表 /*********更新重写规则***************/ function ashu_load_theme() { ……
本站资源站长都亲自体验过了,真实有效,本站不发表未经验证的资源,请放心参与体验

顶踩功能大家都知道,不用多解释,本文介绍使用代码实现顶踩功能详细步骤

首先创建数据表


/*********更新重写规则***************/    
function ashu_load_theme() {     
    global $pagenow;     
    if ( is_admin() && 'themes.php' == $pagenow && isset( $_GET['activated'] ) )     
        ashu_vote_install(); //激活主题的时候执行函数     
}     
add_action( 'load-themes.php', 'ashu_load_theme' );     
function ashu_vote_install(){     
    global $wpdb;     
    //创建 _post_vote表     
    $table_name = $wpdb->prefix . 'post_vote';     
    if( $wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name ) :     
    $sql = " CREATE TABLE `".$wpdb->prefix."post_vote` ( 
      `id` BIGINT NOT NULL AUTO_INCREMENT PRIMARY KEY ,   
      `user` INT NOT NULL ,   
      `post` INT NOT NULL ,   
      `rating` varchar(10),   
      `ip` varchar(40)   
     ) ENGINE = MYISAM DEFAULT CHARSET=utf8;";     
        require_once(ABSPATH . 'wp-admin/includes/upgrade.php');     
        dbDelta($sql);     
    endif;     
}  

2、准备投票和查询函数

A:数据函数的添加


/*   
*添加投票函数   
*$post_id 文章id   
*$user_id 用户ID   
*$ip 用户IP   
*$rating 投票内容   
*/    
function add_vote($post_id,$user_id='',$ip='',$rating='up'){     
    global $wpdb;     
    $user_id = (int)$user_id;     
    $post_id = (int)$post_id;     
    if(($user_id=='')&&($ip=='')){     
        return "e"; //返回error     
    }     
    //检查用户对某一文章是否已经投票票了     
    if($user_id!=''){     
        $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and user='$user_id'";     
    }else{     
        if($ip!=''){     
            $check= "select * from ".$wpdb->prefix."post_vote where post='$post_id' and ip='$ip'";     
        }     
    }     
    $coo = $wpdb->get_results($check);     
    //投票内容只能是up或者down     
    if($rating=='up'){     
        $rating='up';     
    }else{     
        $rating='down';     
    }     
    //如果不存在数据     
    if(!count($coo) > 0){     
        //插入数据 sql     
        $s = "insert into ".$wpdb->prefix."post_vote (user,post,rating,ip) values('$user_id','$post_id','$rating','$ip')";     
        $wpdb->query($s);     
        return "y"; //返回yes     
    }else{     
        return "h"; //返回have     
    }     
    return "e";//返回error     
}    

B:数据查询函数的添加


/*    
*获取文章投票数据    
*$post_id 文章ID    
*$vote 投票内容    
*/     
function get_post_vote($post_id,$vote='up'){     
    global $wpdb;     
    $post_id = (int)$post_id;     
    if($vote == 'up'){     
        $vote='up';     
    }else{     
        $vote='down';     
    }     
    //查询数据sql     
    $sql = "select count(*) from ".$wpdb->prefix."post_vote where post='$post_id' and rating='$vote'";     
    $coo = $wpdb->get_var($sql);     
    if($coo)     
    return $coo; //返回数据     
    else     
    return 0;     
}   

3、整理前台的html和js调用

将上面的函数的创建后,后面我们就要输出wordpress顶和踩功能的前台代码了!

前台函数输出
<span class="vote_up" id="<?php echo 'vote_up'.$post->ID;?>">     
    <a href="javascript:void(0);" rel="<?php echo 'up_',$post->ID;?>">     
    <span id="<?php echo 'vup'.$post->ID;?>">     
        <?php echo get_post_vote($post->ID,'up');?>     
    </span>     
    </a>     
顶</span>     
    
<span class="vote_down" id="<?php echo 'vote_down'.$post->ID;?>">     
    <a href="javascript:void(0);" rel="<?php echo 'down_'.$post->ID;?>">     
    <span id="<?php echo 'vdown'.$post->ID;?>">     
        <?php echo get_post_vote($post->ID,'down');?>     
    </span>     
    </a>踩    
</span>   

将上面的代码放到我们需要显示wordpress顶和踩功能的地方,通过上面的函数代码得出了下面输出的html,大家适量的修改即可!

前台函数输出
<span class="vote_up" id="vote_up44"> 
<a href="javascript:void(0);" title="值得" rel="up_44"> 
<span id="vup44"> 
0 
</span> 
</a> 
顶</span> 
<span class="vote_down" id="vote_down44"> 
<a href="javascript:void(0);" title="不值" rel="down_44"> 
<span id="vdown44"> 
1 
</span> 
</a>踩 
</span>
c、js的调用

wordpress主题文件的footer.php里加入

<script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.2.min.js"></script>     
<script type="text/javascript">var ajax_url = '<?php echo admin_url(); ?>admin-ajax.php';</script>    
<script src="<?php echo get_template_directory_uri();?>/js/ding.js"></script>

其中,jquery-1.7.2.min.js可以到网上下载,或者大家的主题里已经提供,那么就不需要调用,下面我们在主题文件夹的js文件下新建个ding.js,没有的创建一下,下面是ding.js的内容:

okieEnable; 
} 

jQuery(document).ready(function($) { 
var ashu_token = 1; 
$('.vote_up a').click(function(){ 
//检查浏览器是否启用cookie功能 
if( !ashu_isCookieEnable() ) { 
alert("很抱歉,您不能给本文投票!"); 
return; 
} 
if( ashu_token != 1 ) { 
alert("您的鼠标点得也太快了吧?!"); 
return false; 
} 
ashu_token = 0; 
//获取投票a标签中的rel值 
var full_info = $(this).attr( 'rel' ); 
var arr_param = full_info.split( '_' ); //以字符"_"分割 
//发起ajax 
$.ajax({ 
url:ajax_url, //ajax地址 
type:'POST', 
//请求的参数包括action rating postid三项 
data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ], 
//返回数据 
success:function(results){ 
if(results=='n'){ 
alert('评价失败'); 
ashu_token = 1; 

} 
if (results=='y'){ 
//如果成功,给前台数据加1 
var upd_vd = 'vup' + arr_param[ 1 ]; 
$('#'+upd_vd).text(parseInt($("#"+upd_vd).text())+1); 
ashu_token = 1; 

} 
if (results=='h'){ 
ashu_token = 1; 
alert('已经发表过评价了'); 
} 
if (results=='e'){ 
ashu_token = 1; 
alert('评价失败'); 
} 
} 
}); 
}); 

$('.vote_down a').click(function(){ 
if( !ashu_isCookieEnable() ) { 
alert("很抱歉,您不能给本文投票!"); 
return; 
} 
if(ashu_token != 1) { 
alert("您的鼠标点得也太快了吧?!"); 
return false; 
} 
ashu_token = 0; 

var full_info = $(this).attr( 'rel' ); 
var arr_param = full_info.split( '_' ); 
$.ajax({ 
url:ajax_url, 
type:'POST', 
data:'action=vote_post&rating=' + arr_param[ 0 ] + '&postid=' + arr_param[ 1 ], 
success:function(results){ 
if(results=='n'){ 
alert('评价失败'); 
ashu_token = 1; 
} 
if (results=='y'){ 
var upd_vd = 'vdown' + arr_param[ 1 ]; 
$("#"+upd_vd).text(parseInt($("#"+upd_vd).text())+1); 
ashu_token = 1; 
} 
if (results=='h'){ 
ashu_token = 1; 
alert('已经发表过评价了'); 
} 
if (results=='e'){ 
ashu_token = 1; 
alert('发生未知错误'); 
} 
} 
}); 
}); 
});

4、最终后台的php处理

将代码放到functions.php完成处理ajax请求,

/* 
*wp的ajax都可以通过请求中的action参数来执行对应的钩子 
*示例中我们的action参数值是vote_post 
*所以我们可以直接用下面两个钩子来执行动作 
*/ 
add_action("wp_ajax_vote_post", "add_votes_options"); 
add_action("wp_ajax_nopriv_vote_post", "add_votes_options"); 
function add_votes_options() { 

if( isset($_POST['action']) && ($_POST['action'] == 'vote_post') ){ 
$postid = (int)$_POST['postid']; 
if( !$postid ){ 
echo 'e'; //输出error 
die(0); 
} 
//cookie中是否已经存在投票数据 
$voted = $_COOKIE["smzdm_voted_".$postid]; 
if( $voted ){ 
echo 'h'; //输出have 
die(0); 
} 
$ip = $_SERVER['REMOTE_ADDR'];//ip 
$rating = $_POST['rating']; //投票内容 
//判断用户是否登录 
if( is_user_logged_in() ){ 
global $wpdb, $current_user; 
get_currentuserinfo(); 
$uid = $current_user->ID; 
}else{ 
$uid=''; 
} 
if($rating=='up'){ 
$rating='up'; 
}else{ 
$rating='down'; 
} 
//添加数据 
$voted = add_vote($postid,$uid,$ip,$rating); 
if($voted=='y'){ 
//设置cookie 
setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/'); 
echo 'y';//输出yes 
die(0); 
} 
if($voted=='h'){ 
//设置cookie 
setcookie("ashu_voted_" . $postid,$rating, time() + 3000000, '/'); 
echo 'h'; 
die(0); 
} 
if($voted=='e'){ 
echo 'n';//输出no 
die(0); 
} 
}else{ 
echo 'e';//输出eroor 
} 
die(0); 
}

到这里,教程算是结束了,要提醒大家的是,功能集成到主题后,需要将主题重新安装后,数据表才会被添加!OK。。。大家尝试吧!

 

 

这篇文章如果帮到了你
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
typecho更换富文本编辑器2020-01-26 19:27:51阅读数 420
关于typecho自带的markdown解析引擎可以使用parsedown插件替换: kokororin / typecho-plugin-parsedown 启用该插件后,无需任何设置,自动替换前台文章解析,支持解析表格和html代码。 ...
ShareX 13.0.1 强大的截图工具便携版2020-01-10 18:43:47阅读数 493
简介 ShareX是一款多功能开源屏幕截图工具,ShareX 是开源的高级截图工具和屏幕记录器。使用 ShareX,只需要一个快捷键就可以保存截图到你的粘贴板,硬盘或者上传到 40 不同的文件存储服务上。 将缩略图视图模式添加到主窗口: 将...
猕猴桃上火吗?猕猴桃必备的降火水果2020-01-05 18:27:32阅读数 208
猕猴桃上火吗?我常吃猕猴桃,加班熬夜(补番刷剧)的时候吃点猕猴桃,补充维生素 C,生津解渴不上火。家里老有猕猴桃,一般买两种,有毛和没毛的,有人说没毛的叫奇异果,我也不太在意这种细节,没毛的就是吃着更甜,有毛的吃着更水灵。 超级喜欢吃猕猴桃...
Android 静读天下v5.2.3 专业版破解版2019-12-10 23:02:08阅读数 409
静读天下,英文名Moon+Reader。它是安卓市场排名第一的电子书阅读器,在全球都非常有名,获得了多个奖项,被称为顶级应用。由此可见,它的受欢迎程度有多高。如果你是安卓用户,就一定不要错过这款软件。 静读天下的文章排版非常注意细节,在换行...
微笔记v2.38 Android破解高级功能版2019-12-06 16:28:10阅读数 407
微笔记简单易用。 您可以快速创建彩色记事,待办清单,提醒及日历。 您可以通过 PIN,图案,密码或指纹上锁记事及清单,以保护机密信息。 记下备忘,便条,电邮,电话,简讯,烹饪食谱,购物清单,待办清单时,你会立刻感觉这是全地球最简单好用的记事...
Android Hermit(网页转应用)v15.3.2 高级版2019-11-26 22:42:42阅读数 392
Hermit能将常见的网页转换成一个应用,当做轻应用来使用,很多自定义的选项,使用简单,需要我们设置的很少。 第一次使用,自己打开一个网页即可,并且每个页面都可以创建成一个书签,软件的侧边栏可以存储。 什么是精简版应用程序? 快速,微型We...
sublime text 3.2.1 3207破解方法2019-08-31 21:04:52阅读数 285
今天用家里的笔记本想修改一处代码,结果只有DW CC2019版本,这个版本确实有些不顺手,于是下载了官网版本的sublime text 3,各种搜索注册码,终于找到一个还是sublime text 2的勉强能用,但我这样的完美主义者哈哈实在...
Windows 10 Version 1903 官方正式版ISO镜像光盘2019-07-07 17:47:12阅读数 185
微软计划于2019年6月19号面对用户发布 正式版系统镜像,Window 10可以说是微软最成功的一代操作系统,不仅有window XP、window 7的稳定、流畅,还有完美的兼容性,很多经典游戏都可以在window 10中完美运行,所以...
电信光猫TEWA-700G获取超级密码及改桥接方法(不影响IPTV和电话的使用)2019-06-09阅读数 488
最近刚安装了电信宽带,电信带的光猫有WiFi功能,虽然方便了维护人员和没有路由器的用户,但是送的光猫硬件配置就摆在那儿,性能较弱,且扩展功能基本为零,不能实现ddns、端口转发等功能,所以最好将光猫的拨号和WiFi功能交给路由器,光猫只负责...
WordPress在文章列表插入一篇广告跳转文章或在任意位置插入广告代码2019-03-11阅读数 1445
这个Wordpress技巧可以让你在文章列表中的任意位置插入一篇或多篇广告跳转文章,完美的与主题结构融合,与主题列表的展现形式一模一样,不用去额外的改变任何结构!而且可以一键无痕的将发布的任何文章变成广告跳转文章! 实现过程非常简单,利用了...
Justnews主题4.0.4破解版包含qapress2.3.1问答插件WordPress主题Justnews破解版2019-03-10 15:03:41阅读数 5882
不知道有需要的小伙伴吗? 你如果需要这个主题 点击查看这里  歪迪资源屋不负责这个主题的发货和服务支持,谁给你发货你找谁就可以了,我们只是这篇文章的搬运工而已! 主题简介 这个就不具体复制过来了,本主题是4.0.4版本的包含问答插件 主题截...
WPS Office 2019 11.8.2.8053 专业绿色版2019-02-20 20:56:15阅读数 1384
WPS2019是金山软件公司推出的最新办公系列产品,全新版本在界面上更加美观,易于操作,运行流畅,以其强大的功能和个性化的操作收到许多用户的青睐,是目前网络上广受好评的办公软件系列产品。 WPS2019在多个板块和功能上进行了加强和优化,包...

评论 抢沙发



觉得文章有用就赞赏支持一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏