一:介绍
* 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:
4.在本页面加入点赞按钮<!--第一步 加入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-->
5.在本页面底部加入点赞ajax<!--第二步 核心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-->
6.恭喜你,现在就可以加入实现点赞了;<!--第三步 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-->
7.下载地址:请加入群:316273374 查看群分享(所有原创插件都会分享在群中) 如群满员 请加本人QQ:957987132
(责任编辑:网页模板)