虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > phpcms > phpcms文章ajax点赞功能

phpcms文章ajax点赞功能
类别:phpcms   作者:码皇   来源:互联网   点击:

phpcms文章ajax点赞功能----解决网页静态后不能实时更新赞次数问题 一:介绍 * Ahthor:枫lt * QQ:957987132 * 官网:http: crazyPlugin doysu com 疯狂的插件 * WebSite:http: www doysu com 多元速教育 * W
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
(责任编辑:网页模板)
相关热词搜索: phpcms 文章 ajax 点赞 功能 phpcms 文章