亚洲青青视频一区|8MAV在线观看|天天看AV天天看|中日成人手机在线|欧美激情五区六区|亚洲婷婷天堂级片|亚洲天堂网7777|欧美日韩其他另类|手机在线成人AV|成人性大片一区二区三区四区五区

284292114@qq.com 中國(guó)站
新聞中心 網(wǎng)絡(luò)推廣 網(wǎng)站建設(shè) 優(yōu)化推廣 首頁(yè)>新聞中心>優(yōu)化推廣>建網(wǎng)站

PBOOTCMS 模板制作教程(四) - 靈活熟練地使用模板標(biāo)簽

時(shí)間:2019-08-21   訪(fǎng)問(wèn)量:0

在正式制作模板之前,還需要了解并靈活熟練地使用模板標(biāo)簽。

一個(gè)模板中,除去結(jié)構(gòu)(HTML)、樣式(CSS)、交互(JS)后就是內(nèi)容(數(shù)據(jù))了,而數(shù)據(jù)就是通過(guò)模板標(biāo)簽,把你在網(wǎng)站后臺(tái)提交的內(nèi)容調(diào)用出來(lái),展示在前端模板頁(yè)面。通過(guò)不同的結(jié)構(gòu)、樣式、交互和內(nèi)容的組合,就能制作出不同的模板。


一、閱讀官方開(kāi)發(fā)手冊(cè)

PbootCMS提供了在線(xiàn)官方開(kāi)發(fā)手冊(cè)(閱讀地址),制作模板的時(shí)候可以隨時(shí)參考手冊(cè)的內(nèi)容。


二、靈活使用模板標(biāo)簽

開(kāi)發(fā)手冊(cè)提供的是醉基礎(chǔ)的模板標(biāo)簽,但是實(shí)際制作模板過(guò)程中,會(huì)遇到一些手冊(cè)中沒(méi)有的需求。畢竟,手冊(cè)不可能把每個(gè)需求的代碼都直接給你寫(xiě)好,這時(shí)候就需要在模板標(biāo)簽的基礎(chǔ)上進(jìn)行靈活運(yùn)用了。


例:需求分別調(diào)用某一欄目下,所有子欄目的內(nèi)容列表。


思路一:

先使用 指定欄目標(biāo)簽 調(diào)用指定子欄目標(biāo)題:

{pboot:sort scode=*}
    <a href="[sort:link]">[sort:name]</a>
{/pboot:sort}

再使用 指定欄目?jī)?nèi)容列表 的標(biāo)簽來(lái)調(diào)用子欄目?jī)?nèi)容:

{pboot:list scode=*}
    <a href="[list:link]">[list:title]</a>
{/pboot:list}

結(jié)合使用:

{pboot:sort scode=1,2,3}
    <a href="[sort:link]">[sort:name]</a>
    {pboot:list scode=[sort:scode]}
        <a href="[list:link]">[list:title]</a>
    {/pboot:list}
{/pboot:sort}

我們只需要指定 scode=子欄目的id 即可。有幾個(gè)子欄目,scode就寫(xiě)幾個(gè)id。因?yàn)闃?biāo)簽支持多個(gè)欄目,如:1,2,3。


代碼實(shí)例:

001.jpg


顯示結(jié)果:

002.jpg

可以看到,子欄目標(biāo)題和內(nèi)容列表已經(jīng)完成了。


不過(guò),這樣就需要解決另外一個(gè)問(wèn)題:如果后臺(tái)新增了子欄目,或者刪除了子欄目,怎么辦?

當(dāng)然,你可以到模板文件的 scode 中繼續(xù)添加新增的id,或者刪除id。每次后臺(tái)新增或者刪除子欄目,模板文件就要改一遍。

為了更好解決這個(gè)問(wèn)題,就需要靈活使用模板標(biāo)簽了。


思路二:

我們可以通過(guò) 導(dǎo)航菜單列表標(biāo)簽 先調(diào)用子欄目

{pboot:nav parent=*}
    <a href="[nav:link]">[nav:name]</a>
{/pboot:nav}

再使用 指定欄目?jī)?nèi)容列表 標(biāo)簽。

{pboot:list scode=[nav:scode]}
    <a href="[list:link]">[list:title]</a>
{/pboot:list}

結(jié)合使用:

{pboot:nav parent=*}
    <a href="[nav:link]">[nav:name]</a>
    {pboot:list scode=[nav:scode]}
        <a href="[list:link]">[list:title]</a>
    {/pboot:list}
{/pboot:nav}


代碼實(shí)例:

004.jpg


顯示結(jié)果:

003.jpg


可以看到,思路一只能顯示指定的子欄目,思路二則顯示該欄目下所有子欄目,并且新增或者刪除子欄目的時(shí)候,列表也跟隨著自動(dòng)增加或者減少。


總結(jié):模板標(biāo)簽是死的,寫(xiě)代碼的人是活的,要靈活運(yùn)用模板標(biāo)簽。


服務(wù)咨詢(xún)
1對(duì)1咨詢(xún),專(zhuān)業(yè)客服為您解疑答惑
聯(lián)系銷(xiāo)售
15899750475
在線(xiàn)咨詢(xún)
聯(lián)系在線(xiàn)客服,為您解答所有的疑問(wèn)
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生