花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

PbootCMS靈活熟練地使用模板標(biāo)簽的教程

時間: 2024-02-25 10:28 閱讀: 作者:素材無憂網(wǎng)

在正式制作模板之前,還需要了解并靈活熟練地使用模板標(biāo)簽。
一個模板中,除去結(jié)構(gòu)(HTML)、樣式(CSS)、交互(JS)后就是內(nèi)容(數(shù)據(jù))了,而數(shù)據(jù)就是通過模板標(biāo)簽,把你在網(wǎng)站后臺提交的內(nèi)容調(diào)用出來,展示在前端模板頁面。通過不同的結(jié)構(gòu)、樣式、交互和內(nèi)容的組合,就能制作出不同的模板。
一、閱讀官方開發(fā)手冊
PbootCMS提供了在線官方開發(fā)手冊(閱讀地址),制作模板的時候可以隨時參考手冊的內(nèi)容。
二、靈活使用模板標(biāo)簽
開發(fā)手冊提供的是最基礎(chǔ)的模板標(biāo)簽,但是實際制作模板過程中,會遇到一些手冊中沒有的需求。畢竟,手冊不可能把每個需求的代碼都直接給你寫好,這時候就需要在模板標(biāo)簽的基礎(chǔ)上進(jìn)行靈活運用了。
例:需求分別調(diào)用某一欄目下,所有子欄目的內(nèi)容列表。
思路一:
先使用 指定欄目標(biāo)簽 調(diào)用指定子欄目標(biāo)題:
{pboot:sort scode=*}
[sort:name]
{/pboot:sort}
再使用 指定欄目內(nèi)容列表 的標(biāo)簽來調(diào)用子欄目內(nèi)容:
{pboot:list scode=*}
[list:title]
{/pboot:list}
結(jié)合使用:
{pboot:sort scode=1,2,3}
[sort:name]
{pboot:list scode=[sort:scode]}
[list:title]
{/pboot:list}
{/pboot:sort}
我們只需要指定 scode=子欄目的id 即可。有幾個子欄目,scode就寫幾個id。因為標(biāo)簽支持多個欄目,如:1,2,3。
代碼實例:
顯示結(jié)果:

可以看到,子欄目標(biāo)題和內(nèi)容列表已經(jīng)完成了。
不過,這樣就需要解決另外一個問題:如果后臺新增了子欄目,或者刪除了子欄目,怎么辦?
當(dāng)然,你可以到模板文件的 scode 中繼續(xù)添加新增的id,或者刪除id。每次后臺新增或者刪除子欄目,模板文件就要改一遍。
為了更好解決這個問題,就需要靈活使用模板標(biāo)簽了。
思路二:
我們可以通過 導(dǎo)航菜單列表標(biāo)簽 先調(diào)用子欄目
{pboot:nav parent=*}
[nav:name]
{/pboot:nav}
再使用 指定欄目內(nèi)容列表 標(biāo)簽。
{pboot:list scode=[nav:scode]}
[list:title]
{/pboot:list}
結(jié)合使用:
???????{pboot:nav parent=*}
[nav:name]
{pboot:list scode=[nav:scode]}
[list:title]
{/pboot:list}
{/pboot:nav}
代碼實例:

顯示結(jié)果:

可以看到,思路一只能顯示指定的子欄目,思路二則顯示該欄目下所有子欄目,并且新增或者刪除子欄目的時候,列表也跟隨著自動增加或者減少。
總結(jié):模板標(biāo)簽是死的,寫代碼的人是活的,要靈活運用模板標(biāo)簽。

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: PbootCMS靈活熟練地使用模板標(biāo)簽的教程

標(biāo)簽: PbootCMS  
相關(guān)文章
推薦文章
模板推薦