POST TIME:2020-03-28 22:01
最近幾天幫朋友仿了個網站,仿站的過程雖然要耗費很多功夫,但是也會學習到一些新知識。這不,今天又學習到了一個新知識: 我仿的這個站的頂客可以實現首頁的實時刷新,而不需要全站刷新?其實這個和A5首頁一樣,以前沒有研究過,直接下載網上的模板然后進行一些修改,但今天不行,朋友非要實現這個效果,于是還是花了一番功夫研究了下,下面是我的一些心得,希望對大家有些用處。
第一步:首先創建一個空白首頁文件,在里面<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();
?>
保存即可!
到此,我們的所有功能已經實現完畢。
我們更新緩存、重新生成首頁靜態頁面。查看的效果圖如下:
3)注意事項
本代碼是基于織夢(織夢模板)已有的功能進行簡易修改與運用后實現的,包括如下功能特點:
下一篇:DEDECMS如何調用軟件信息