ltb8r.com

织梦article文章页实现点赞功能

为了增加用户体验度和文章页的可读性,往往都需要增加一个点赞功能,我们需要引入/include/dedeajax2.js进行修改。

第一步 js引用

实现点赞功能需要引用js文件,这个文件位置为:/include/dedeajax2.js ,引用代码为

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>

将这段代码放在DedeCMS当前使用主题文章页模版的<head>部分即可。缓存点击数和判断当前是否点击过的判断js代码为

<script language="javascript" type="text/javascript">

function postBadGood(ftype,fid)
{
    var taget_obj = document.getElementById(ftype+fid);
    var saveid = GetCookie('badgoodid');
    if(saveid != null)
    {
        var saveids = saveid.split(',');
        var hasid = false;
        saveid = '';
        j = 1;
        for(i=saveids.length-1;i>=0;i--)
        {
            if(saveids[i]==fid && hasid) continue;
            else {
                if(saveids[i]==fid && !hasid) hasid = true;
                saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
                j++;
                if(j==10 && hasid) break;
                if(j==9 && !hasid) break;
            }
        }
        if(hasid) { alert('您刚才已表决过了喔!'); return false;}
        else saveid += ','+fid;
        SetCookie('badgoodid',saveid,1);
    }
    else
    {
        SetCookie('badgoodid',fid,1);
    }
    myajax = new DedeAjax(taget_obj,false,false,'','','');
    myajax.SendGet2("{dede:field name='phpurl'/}/feedback.php?aid="+fid+"&action="+ftype+"&fid="+fid);
}
function postDigg(ftype,aid)
{
    var taget_obj = document.getElementById('newdigg');
    var saveid = GetCookie('diggid');
    if(saveid != null)
    {
        var saveids = saveid.split(',');
        var hasid = false;
        saveid = '';
        j = 1;
        for(i=saveids.length-1;i>=0;i--)
        {
            if(saveids[i]==aid && hasid) continue;
            else {
                if(saveids[i]==aid && !hasid) hasid = true;
                saveid += (saveid=='' ? saveids[i] : ','+saveids[i]);
                j++;
                if(j==20 && hasid) break;
                if(j==19 && !hasid) break;
            }
        }
        if(hasid) { alert("您已经表决过,请不要重复点击哦 !"); return; }
        else saveid += ','+aid;
        SetCookie('diggid',saveid,1);
    }
    else
    {
        SetCookie('diggid',aid,1);
    }
    myajax = new DedeAjax(taget_obj,false,false,'','','');
    var url = "{dede:global.cfg_phpurl/}/digg_ajax.php?action="+ftype+"&id="+aid;
    myajax.SendGet2(url);
}
function getDigg(aid)
{
    var taget_obj = document.getElementById('newdigg');
    myajax = new DedeAjax(taget_obj,false,false,'','','');
    myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax.php?id="+aid);
    DedeXHTTP = null;
}

</script>

这段代码紧跟dedeajax2.js调用语句后面。

注:DedeCMS V5.5以后都自带dedeajax2.js 这个文件,所以主要注意所使用的的版本
 

第二步 点赞/打赏html代码

<div class="article-action">

    <div class="btn-zan" data-id="173">

	<div class="social-main" id="newdigg">

	    <a style="color:#4285f4;" onclick="postDigg('good',64)"><i class="iconfont icon-good"></i> 赞 <span class="article-action-num">(2)</span></a>

	</div>

	    <script language="javascript" type="text/javascript">getDigg(64);</script>
    </div>

	<div class="btn-dashang">

	           <i class="iconfont icon-dollar"></i> 打赏

	    <span class="dashang-img"><span><img src="https://www.ltb8r.com/templets/ltb8r/images/wecha.png" alt="微信扫一扫"> 微信扫码打赏</span></span>

	</div>

</div>

效果图如下

织梦article文章页实现点赞功能
 

第三步  digg_ajax修改html代码

点赞后需要调用digg_ajax的html代码,修改自己HTML代码(如第一、第二步代码)修改即可。

而调用点赞的html代码中其实只有一段js而已,要修改点赞的相关html代码则要打开/plus/digg_ajax.php,找到第98行

$digg = '<a style="color:#4285f4;" onclick="postDigg('good','.$id.')"><i class="iconfont icon-good"></i> 赞 <span class="article-action-num">('.$row['goodpost'].')</span></a>';
免责声明:本站所有PPT模板资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权益,请联系网站客服处理
本文地址:https://www.ltb8r.com/dream/65.html
打赏 微信扫一扫 微信扫码打赏

相关推荐

  • 织梦教程 如何计算文章内容页面中的字数方法

    织梦用编辑器编辑文章的时候,需要统计文章的功能。如果文章字数过少,容易被判断为低质量页面,建议各位写文章字数不低于500个中文字符,或1000个英文字符。绝大多数网站如本SEO博客都…

    08-21 10:59 126
  • 织梦CMS 织梦文章页及列表页调用评论数、好评、差评的sql语句

    在建站中,我们都会用到评论功能,那么如果在文章页及列表页调用调用sql语句?接下来,我会讲到如何在文章页及列表页调用评论数、好评、差评的sql语句…

    07-06 17:06 187
  • 织梦教程 织梦轮播图模糊实现调用文章内容页第一张大图方法

    先找到缩略图: [field:litpic/]或者[field:picname/] 替换为 [field:id function=get_tupian(@me)/] 在织梦/include/extend.func.php添加以下函数 //缩略图functionget_tupian($id){global$dsql;$row=$dsql-GetOne(SELECTaid,bodyFR…

    06-28 09:33 163
  • 织教程 织梦调用网站建站天数的教程

    首先在需要调用的页面加以下代码: script var s1 = 2008-05-24;//设置为你的建站时间 s1 = new Date(s1.replace(/-/g, /)); s2 = new Date() var days = s2.getTime() - s1.getTime(); var number_of_days = parseInt(days / (1000…

    06-24 11:09 119
  • 织梦仿站 织梦dedecms仿站技巧分享

    仿战技巧一 DEDE列表页及文章页如何调用TAG标签并加入自己的样式 [field:id function=GetTags(@me)/] // 标签就可以调用出来了 // 只不过不带连接的,如果需要连接,请注释include\helpers\archive.helpe…

    06-23 16:14 148