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
打赏 微信扫一扫 微信扫码打赏

相关推荐

  • 织梦图集 织梦dedecms图集编辑修改文章后权重值无法修改

    解决方法 打开 /dede/album_edit.php 找到,大概在 171 行 filename=$filename, 改成 filename=$filename,weight=$weight, 保存,重新编辑织梦图片集文章就可以了…

    6小时前 10:15 119
  • 生成随机数 织梦怎么实现标签调用随机数字的方法

    客户产品中心的产品包含了累计销量和累计评价的展示,累计销量调用了后台手动设置的销量,但是累计评价都是写死的,这样一来用户体验不好,二来也会让页面之间的相似度更高,…

    昨天 06-21 12:51 73
  • 织梦栏目 织梦dede:channelartlist标签按typeid排序输出方法

    织梦channelartlist标签在默认情况下它的typeid="7,3,1,2"即使指定了一定顺序排列,前台页面输出却不是以typeid排列顺序来排序的,我们可以通过修改它的标签库文件来让标签支持按我们自己…

    昨天 06-21 12:42 136
  • 自定义表单 织梦自定义表单提交停留时间修改

    教程如下 织梦系统自定义表单提交信息后有个短暂停留时间,可以修改停留时间。 修改 /include/common.func.php 237行 $litime = ($limittime==0 ? 1000 : $limittime); $func = ; if($gourl==-1) { if($limittime==0)…

    05-31 10:52 146
  • 织梦图集 织梦图集list调用第一张缩略图方法

    有时候网站需要调用织梦图集获取第一张缩略图,但是织梦Dedecms的图集productimagelist是不能够实现调用第一张缩略图,这个时候我们就需要对/include/extend.func.php进行二次开发,实现织梦图集lis…

    04-15 12:54 114