网络建站知识发布于分享网站

当前位置:首页>>新闻中心>>CMS教程>>dedecms教程

Dedecms首页文章列表无刷新实时顶踩功能实现方法

时间:2025-03-30 00:16:33    来源:    人气:0

Dedecms 是一款功能强大的内容管理系统(CMS),广泛应用于各种网站的建设。本文将详细介绍如何在 Dedecms 首页文章列表中实现无刷新的顶踩功能,提升用户体验。
### 第一步:调用代码设置 首先,创建一个空白首页文件,并在 `` 区域加入以下调用代码:


<ol>
{dede:arclist row='5' titlelen='20'}
    <li><a href="[field:arcurl/]>[field:title/]</a> 
    <span id="diggNum[field:id/]>操作区:
    <a href="javascript:" onclick="javascript:postDigg('good',[field:id/])">顶</a>([field:goodpost/]) 
    <a href="javascript:" onclick="javascript:postDigg('bad',[field:id/])">踩</a>([field:badpost/])</span>
    </li>
</ol>
<script language="javascript" type="text/javascript">getDigg([field:id/]);</script>
{/dede:arclist}
    
这里的 `` 被加在了 arclist 标签里作为底层模板,目的是让每一篇文档都可以独立显示其顶和踩的状态。
### 第二步:引入 JavaScript 代码 接下来,在 `` 区域内加入以下代码:

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<script language="javascript" type="text/javascript">
function postDigg(ftype,aid){
    var taget_obj = document.getElementById('diggNum'+aid);
    var saveid = GetCookie('diggid');
    if(saveid != null){
        var saveidsaveids = 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_index.php?action="+ftype+"id="+aid;
    myajax.SendGet2(url);
    DedeXHTTP = null;
}

function getDigg(aid){
    var taget_obj = document.getElementById('diggNum'+aid);
    myajax = new DedeAjax(taget_obj,false,false,"","","");
    myajax.SendGet2("{dede:global.cfg_phpurl/}/digg_ajax_index.php?id="+aid);
    DedeXHTTP = null;
}
</script>
    
这段代码主要引入了 Dedecms 系统自带的 Ajax 框架(`dedeajax2.js`),并定义了两个操作函数 `postDigg(ftype, aid)` 和 `getDigg(aid)`。
### 第三步:创建 PHP 文件 最后,在 `/plus/` 文件夹下创建一个名为 `digg_ajax_index.php` 的文件,内容如下:

<?php
/**
 * CMS集中营 www.cmsjzy.cn
 */
require_once(dirname(__FILE__)."/../include/common.inc.php");

$action = isset($action) ? trim($action) : "";
$id = emptyempty($id)? 0 : intval(preg_replace("/[^\\d]/","", $id));

if($id < 1){
    exit();
}

$maintable = 'dede_archives';

if($action == 'good'){
    $dsql->ExecuteNoneQuery("Update `$maintable` set scores = scores + {$cfg_caicai_add},goodpost=goodpost+1,lastpost=".time()." where id='$id'");
}
else if($action=='bad'){
    $dsql->ExecuteNoneQuery("Update `$maintable` set scores = scores - {$cfg_caicai_sub},badpost=badpost+1,lastpost=".time()." where id='$id'");
}

$digg = "";
$row = $dsql->GetOne("Select goodpost,badpost,scores From `$maintable` where id='$id' ");
if(!is_array($row)){
    exit();
}

if($row['goodpost']+$row['badpost'] == 0){
    $row['goodper'] = $row['badper'] = 0;
}
else{
    $row['goodper'] = number_format($row['goodpost']/($row['goodpost']+$row['badpost']),3)*100;
    $row['badper'] = 100-$row['goodper'];
}

if(emptyempty($formurl)) $formurl = "";
if($formurl=='caicai'){
    if($action == 'good') $digg = $row['goodpost'];
    if($action == 'bad') $digg = $row['badpost'];
}
else{
    $row['goodper'] = trim(sprintf("%4.2f", $row['goodper']));
    $row['badper'] = trim(sprintf("%4.2f", $row['badper']));
    $digg = '操作区:('.$row['goodpost'].') ('.$row['badpost'].')';
}

AjaxHead();
echo $digg;
exit();
?>
    
通过以上步骤,您可以成功实现 Dedecms 首页文章列表的无刷新顶踩功能。此方法不仅提升了用户体验,还优化了页面加载速度,非常适合现代网站的需求。

相关文章

  • Dedecms 删除文档时同时清除文章中图片的方法

    Dedecms 删除文档时同时清除文章中图片的方法

    在网站建设与维护的过程中,优化代码结构和功能是提升网站性能的重要步骤。本文将介绍如何通过自定义函数实现文章删除时自动清理相关资源的功能,从而提高系统的整洁性和存储效率。以下是具体的操作步骤及代码实现。首先, 在 `/include` 目录下创建一个名为 `extend.func.php` 的文件...
    2025-03-31
  • Dedecms上传图片提示302错误ERROR的解决方法

    Dedecms上传图片提示302错误ERROR的解决方法

    在进行图片上传操作时,用户可能会遇到302错误以及带有ERROR提示的图片上传失败问题。这些问题可能由多种原因引发,因此本文将对这些情况进行整理,以帮助大家更有效地定位并解决问题。 第一种情况:图片文件本身损坏。 这种情况会导致系统返回ERROR错误提示,不过发生概率较低。如果怀疑是图片损坏导致的...
    2025-03-31
  • DEDECMS模板使用教程

    DEDECMS模板使用教程

    如果您正在寻找一种高效的方法来使用Dedecms模板搭建网站或论坛,那么本文将为您提供详尽的指导。从模板解压到最终完成配置,每一步都将清晰呈现,帮助您快速掌握整个流程。 第一步:解压Dedecms模板 将下载的Dedecms模板文件解压出来,确保所有文件完整无误。如下图所示: 第二步:获取D...
    2025-03-31
  • Dedecms Dede 附加表自定义字段与主表文章关联方法

    Dedecms Dede 附加表自定义字段与主表文章关联方法

    在使用DedeCMS开发装修网站时,设计师和设计作品之间的关联是一个重要的功能需求。通常情况下,文章(作品)的内容部分存储在主表dede_addonarticle中,而自定义字段则存储在附加表dede_archives中。为了实现这一功能,可以采用以下两种方法。 ① 根据发布人调用相关文章; ...
    2025-03-31

公众号