<li id="u9fd8"><object id="u9fd8"><u id="u9fd8"></u></object></li>

  • <em id="u9fd8"><tr id="u9fd8"></tr></em>
    1. 全部 71 系統使用 30 環境部署 5 建站工具 6 視頻教程 15 開發日志 15

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

      作者:緹墨網絡    時間:2018-11-03   訪問量:5347

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

      一個模板中,除去結構(HTML)、樣式(CSS)、交互(JS)后就是內容(數據)了,而數據就是通過模板標簽,把你在網站后臺提交的內容調用出來,展示在前端模板頁面。通過不同的結構、樣式、交互和內容的組合,就能制作出不同的模板。


      一、閱讀官方開發手冊

      PbootCMS提供了在線官方開發手冊(閱讀地址),制作模板的時候可以隨時參考手冊的內容。


      二、靈活使用模板標簽

      開發手冊提供的是最基礎的模板標簽,但是實際制作模板過程中,會遇到一些手冊中沒有的需求。畢竟,手冊不可能把每個需求的代碼都直接給你寫好,這時候就需要在模板標簽的基礎上進行靈活運用了。


      例:需求分別調用某一欄目下,所有子欄目的內容列表。


      思路一:

      先使用 指定欄目標簽 調用指定子欄目標題:

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

      再使用 指定欄目內容列表 的標簽來調用子欄目內容:

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

      結合使用:

      {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 即可。有幾個子欄目,scode就寫幾個id。因為標簽支持多個欄目,如:1,2,3。


      代碼實例:

      001.jpg


      顯示結果:

      002.jpg

      可以看到,子欄目標題和內容列表已經完成了。


      不過,這樣就需要解決另外一個問題:如果后臺新增了子欄目,或者刪除了子欄目,怎么辦?

      當然,你可以到模板文件的 scode 中繼續添加新增的id,或者刪除id。每次后臺新增或者刪除子欄目,模板文件就要改一遍。

      為了更好解決這個問題,就需要靈活使用模板標簽了。


      思路二:

      我們可以通過 導航菜單列表標簽 先調用子欄目

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

      再使用 指定欄目內容列表 標簽。

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

      結合使用:

      {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}


      代碼實例:

      004.jpg


      顯示結果:

      003.jpg


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


      總結:模板標簽是死的,寫代碼的人是活的,要靈活運用模板標簽。


      文章來源:https://www.timoo.net/content/73.html


      上一篇:模板制作教程(三) - 創建模板文件

      下一篇:模板制作教程(五) - 多級導航菜單

      返回頂部
      国产精品VA在线观看入口,91福利国产在线观看,,亚洲国产日韩欧美一区二区三区,国产精品无码一二区不卡免费