快捷導(dǎo)航

簡(jiǎn)化php模板頁(yè)面中分頁(yè)代碼的解析

更新時(shí)間：2009年02月06日 02:27:52 作者：

這篇文章主要是針對(duì)“使用模板的情況”寫的，但是這種方法適合于任何的場(chǎng)合，在任何情況下都是一種比較好的解決方案

在使用模板的時(shí)候，會(huì)遇到這么一個(gè)問題：顯示分頁(yè)信息時(shí)操作麻煩，n多個(gè)模板都有分頁(yè)塊。
例如：
---共 20 條記錄，當(dāng)前 3/5 頁(yè) 首頁(yè) 上一頁(yè) 下一頁(yè) 尾頁(yè) GO-----
初遇到這個(gè)問題的道友，在考慮解決這個(gè)問題的時(shí)候好像都是在打php的主意，考慮怎么用php來(lái)實(shí)現(xiàn)，但是不管你是怎么設(shè)計(jì)都后設(shè)計(jì)成兩種方案
1、用嵌套循環(huán)來(lái)實(shí)現(xiàn)
2、用n多個(gè)判斷來(lái)搞
但是最終還是比較麻煩的，而且解析的時(shí)候是用的服務(wù)器端的資源。
不妨換個(gè)方法用javascript來(lái)代替你的php?。。。?，這樣即可減少php腳本的代碼量，還可以把解析分頁(yè)的工作交給客戶端自己來(lái)作。不過javascript調(diào)試起來(lái)可能會(huì)比較麻煩。
最重要的是可以簡(jiǎn)化分頁(yè)顯示時(shí)，解析模板遇到的痛苦。
下面用一個(gè)支持pear的itx模板工具解析的模板.
其中和表示一個(gè)塊，{recordcount}這種類似的字符串是變量。
----------------list.tpl---------------------

復(fù)制代碼代碼如下:

//其它的html代碼 
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%"> 
<TR> 
<TD align="right" nowrap> 
<script src="images/page.js" src="images/page.js" language="javascript"></script> 
<script language="javascript"><!-- 
BEGIN page --> 
recordCount = {recordcount}; 
show = {showinonepage} 
pageCount = {pagecount}; 
pageNow = {page}; 
pageStr = "?page=_page_"; 
document.write(showListPage0(recordCount, show, pageCount, pageNow, pageStr)); 
<!-- END page 
// --></script> 
</TD> 
</TR> 
</TABLE> 
//其它的html代碼 
--------------------page.js------------ 
//---------------共 20 條記錄，當(dāng)前 3/5 頁(yè) 首頁(yè) 上一頁(yè) 下一頁(yè) 尾頁(yè) GO------------------- 
//recordCount = 20; 
//show = 20 
//pageCount = 5; 
//pageNow = 3; 
//pageStr = "?page=_page_"; 
//document.write(showListPage(recordCount, show, pageCount, pageNow, pageStr)); 
function showListPage0(recordCount, show, pageCount, pageNow, pageStr){ 
if(pageCount<1) pageCount =0; 
if(pageNow<1) pageNow = 0; 
str = '<form name="frmpage">共 <B>'+recordCount+'</B> 條記錄，當(dāng)前 <B>'+pageNow+'/'+pageCount+'</B> 頁(yè)'; 
if(pageNow<=1) 
str += " 首頁(yè) "; 
else 
str += " <A href=""+pageStr.replace("_page_",1)+"" href=""+pageStr.replace("_page_",1)+"">首頁(yè)</A> "; 
if(pageNow<=1) 
str += " 上一頁(yè) "; 
else 
str += " <A href=""+pageStr.replace("_page_",(pageNow-1))+"" href=""+pageStr.replace("_page_",(pageNow-1))+"">上一頁(yè)</A> "; 
if(pageNow>=pageCount) 
str += " 下一頁(yè) "; 
else 
str += " <A href=""+pageStr.replace("_page_",(pageNow+1))+"" href=""+pageStr.replace("_page_",(pageNow+1))+"">下一頁(yè)</A> "; 
if(pageNow>=pageCount) 
str += " 尾頁(yè) "; 
else 
str += " <A href=""+pageStr.replace("_page_",pageCount)+"" href=""+pageStr.replace("_page_",pageCount)+"">尾頁(yè)</A> "; 
str += "跳到<input type=\"text\" name=\"txtpage\" size=\"3\">頁(yè)"; 
str += "<input type=\"button\" value=\"GO\" onclick=\"pagego0(document.frmpage.txtpage.value,"+pageNow+","+pageCount+",'"+pageStr+"')\"></form>"; 
return str; 
} 
function pagego0(pageGo,pageNow,pageCount,pageStr){ 
if(pageGo>=1 && pageGo<=pageCount && pageNow!=pageGo) 
window.location = pageStr.replace("_page_", pageGo); 
} 