DEDECMS的首页顶客数据实时刷新

天外飘仙 · 发表于 2018-3-1 16:39:37

最近几天帮朋友仿了个网站，仿站的过程虽然要耗费很多功夫，但是也会学习到一些新知识。这不，今天又学习到了一个新知识：我仿的这个站的顶客可以实现首页的实时刷新，而不需要全站刷新？其实这个和A5首页一样，以前没有研究过，直接下载网上的模板然后进行一些修改，但今天不行，朋友非要实现这个效果，于是还是花了一番功夫研究了下，下面是我的一些心得，希望对大家有些用处。
1）实现方法
第一步：首先创建一个空白首页文件，在里面<body>区域加入以下调用代码：

<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>
<script language="javascript" type="text/javascript">getDigg([field:id/]);</script>
{/dede:arclist}
</ol>

复制代码

这里的<script language="javascript" type="text/javascript">getDigg([field:id/]);</script> 被加在了arclist标签里作为底层模板，是为了让每一篇文档都可以独立显示其顶和踩的状态。
第二步：在<head></head>区域内加入以下代码：

<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>

复制代码

这一段代码主要就是引入织梦系统自带的Ajax框架（dedeajax2.js）和两个操作的函数（postDigg(ftype,aid)与getDigg(aid)）
有了这两个，基本框架已经实现了！接下来要做的就是：
第三步：在/plus/ 文件夹下创建一个名为digg_ajax_index.php的文件，该文件的内容为：

<?php
/****************
@@ 功能：用于列表中DIGG处理效果
@@ 作者：华强℡（QQ：3421209）
@@ 网站：模板天下（www.mobantianxia.cn）
@@ 日期：2010-10-26
****************/
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 = '操作区：<a href="javascript:" onclick="javascript:postDigg(\'good\','.$id.')">顶</a>（'.$row['goodpost'].'） <a href="javascript:" onclick="javascript:postDigg(\'bad\','.$id.')">踩</a>（'.$row['badpost'].'）';
}
AjaxHead();
echo $digg;
exit();
?>

复制代码

保存即可！
到此，我们的所有功能已经实现完毕。
2）效果演示
我们更新缓存、重新生成首页静态页面。查看的效果图如下：

3）注意事项
本代码是基于织梦（织梦模板）已有的功能进行简易修改与运用后实现的，包括如下功能特点：
支持cookies记录，拒绝恶意点击（顶、踩）
支持arclist标签、List标签运用；
不影响系统其它功能的使用，升级方便；

		自动登录	找回密码
密码			立即注册

[分享] DEDECMS的首页顶客数据实时刷新

浏览过的版块

站长推荐 /1