新聞中心

DEDECMS模板制作基礎(chǔ)：用pagelist標(biāo)簽實(shí)現(xiàn)模板列表頁(yè)的頁(yè)碼

作者 / 無(wú)憂主機(jī) 時(shí)間 2012-08-12 03:03:52

在前面dede模板制作教程中，無(wú)憂主機(jī)（m.gle-technology.com）小編已經(jīng)帶領(lǐng)大家完成了dedecms模板列表list標(biāo)簽的學(xué)習(xí)。如果讀者并沒(méi)有閱讀前面的教程，建議讀者去學(xué)習(xí)下“DEDECMS模板制作之list標(biāo)簽詳解”。在下面的內(nèi)容中，我們將要學(xué)習(xí)的列表頁(yè)碼是需要配合list標(biāo)簽來(lái)使用的，如果單獨(dú)去使用列表頁(yè)碼是沒(méi)有多大意義的，閱讀本教程之前，你必須要對(duì)list標(biāo)簽有所了解。好了，進(jìn)入正題，文檔列表頁(yè)頁(yè)碼的制作是非常輕松的，只需要一條pagelist標(biāo)簽即可實(shí)現(xiàn)。我們先來(lái)看一下它的效果是什么樣的呢？那么，我們現(xiàn)在就配合list標(biāo)簽我們就可以看到如下效果。

圖中紅色標(biāo)明處即是pagelist的顯示效果，上面的是文檔列表的調(diào)用，也就是list標(biāo)簽，接下來(lái)來(lái)看pagelist如何使用，如何才能實(shí)現(xiàn)上圖所示效果制作出漂亮的頁(yè)碼呢？現(xiàn)在先了解一下pagelist標(biāo)簽的基本語(yǔ)法:

{dede:pagelist listsize='..' listitem='..'/}

語(yǔ)法分解說(shuō)明： listsize 表示 [1][2][3] 這些項(xiàng)的長(zhǎng)度 x 2 listitem 表示頁(yè)碼樣式，可以把下面的值疊加 index首頁(yè) pre 上一頁(yè)pageno 頁(yè)碼next 下一頁(yè)end 末頁(yè)option 下拉跳轉(zhuǎn)框）例如代碼:

{dede:pagelist listsize='3' listitem='index pre pageno next end'/}

看起來(lái)好像很多代碼，如果你看不懂的話也沒(méi)關(guān)系的，到時(shí)候直接把無(wú)憂主機(jī)(m.gle-technology.com)小編給大家寫(xiě)好的實(shí)例代碼復(fù)制上去就可以咯，這是一條放之四海而皆準(zhǔn)的代碼。上面dede模板中頁(yè)碼調(diào)出來(lái)的html全是用li標(biāo)簽包圍的，我們可以右擊頁(yè)面——查看源代碼（如下圖所示）為了更加美觀還需要自己去寫(xiě)css 樣式去美化一下。感謝閱讀和使用境外免備案php虛擬主機(jī)。