新聞中心

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

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

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

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

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

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

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

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