首页 > 建站教程 > CMS教程 > phpcms >  phpcms文章ajax点赞功能正文

phpcms文章ajax点赞功能

phpcms文章ajax点赞功能----解决网页静态后不能实时更新赞次数问题
一:介绍
* Ahthor:枫lt
* QQ:957987132
* 官网:http://crazyPlugin.doysu.com  疯狂的插件>
* WebSite:http://www.doysu.com  <多元速教育>
* WebSite:http://www.doysu.net    <多元速建站>
* Date:2015-08-19
* 请尊重原创,保留头部版权
* 在保留版权的前提下可应用于个人或商业用途

二:phpcms文章ajax点赞功能介绍
1.实现网站文章点赞功能
2.实现网站静态后可以实时显示点赞功能和显示赞次数
3.加入了cookie功能可以记录点赞的状态 解决网站刷新页面后状态改变问题
4.加入ip判断功能,一个人只能赞一次
5.插件按照phpcms官方二次开发文档来开发的 不影响程序的升级
6.加入点赞飞出+1jQuery特效

三:合肥网页设计培训教你使用插件:

1.首先把数据库中的digg.sql数据库加到你的phpcms中  这里需要注意的是数据库前缀 我们的是dys_  如果你的不是 请打开修改
2.把phpcms中的文件 放到你自己的phpcms文件中  对应文件放到对应文件夹中 把js文件放到statics中的js中
3.打开需要添加点赞的页面加入js:
<!--第一步 加入cookie是为了让浏览器记住点击状态 解决刷新浏览器恢复 原来字样--> 
<script src="{JS_PATH}jquery1.8.3.js"></script> 
<script src="{JS_PATH}jquery.digg.js"></script> 
<script src="{JS_PATH}jquery.cookie.js"></script> 
<!--第一步 end-->   
4.在本页面加入点赞按钮
        <!--第二步 核心class  diggs diggFont diggNum--> 
        <a href="javascript:;" class="diggs"> 
            <script> 
                if($.cookie('dys_cookie') == {$id}){ 
                    document.write('<span class="diggFont">取消点赞</span>'); 
                }else{ 
                    document.write('<span class="diggFont">点赞</span>'); 
                } 
            </script> 
            <span class="diggNum">0</span> 
        </a> 
        <!--第二步 end--> 
5.在本页面底部加入点赞ajax
<!--第三步 ajax请求数据 实现实时更新文章赞次数  解决网站静态不更新问题--> 
<script> 
    $(function(){ 
        //digg赞初始化ajax 
        $.post("{APP_PATH}index.php?m=content&c=digg",{id:{$id}, status:1},function(data){$(".diggNum").text(data.count); },"json") 
        //digg点击+1 
        $(".diggs").on("click",'',function(){ 
            $.ajax({ 
                 type: "POST", 
                 url: "{APP_PATH}index.php?m=content&c=digg&a=diggs", 
                 data: {id:{$id}, status:1}, 
                 dataType: "json", 
                 success: function(data){ 
                    if(!data.flag){// 
                        $.cookie('dys_cookie', null); 
                        $(".diggFont").text('点赞'); 
                        $(".diggNum").digg({ 
                            str: "-1", 
                            style: 'font-weight:bold;', 
                            endSize: "60px", 
                            interval:800 
                        }); 
                    }else{ 
                        $.cookie('dys_cookie', {$id}); 
                        $(".diggFont").text('取消点赞'); 
                        $(".diggNum").digg({ 
                            str: "+1", 
                            style: 'font-weight:bold;', 
                            endSize: "60px", 
                            interval:800 
                        }); 
                    } 
                    $(".diggNum").text(data.count); 
                 } 
            }) 
        }) 
    }) 
</script> 
<!--第三步 end-->
6.恭喜你,现在就可以加入实现点赞了;



7.下载地址:请加入群:316273374 查看群分享(所有原创插件都会分享在群中)  如群满员 请加本人QQ:957987132