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