tp框架之模板繼承


模板繼承是一項更加靈活的模板布局方式,模板繼承不同於模板布局,甚至來說,應該在模板布局的上層。模板繼承其實並不難理解,就好比類的繼承一樣,模板也可以定義一個基礎模板(或者是布局),並且其中定義相關的區塊(block),然后繼承(extend)該基礎模板的子模板中就可以對基礎模板中定義的區塊進行重載。

因此,模板繼承的優勢其實是設計基礎模板中的區塊(block)和子模板中替換這些區塊。

每個區塊由<block></block>標簽組成。下面就是基礎模板中的一個典型的區塊設計(用於設計網站標題):

  1. <block name="title"><title>網站標題</title></block>

block標簽必須指定name屬性來標識當前區塊的名稱,這個標識在當前模板中應該是唯一的,block標簽中可以包含任何模板內容,包括其他標簽和變量,例如:

  1. <block name="title"><title>{$web_title}</title></block>

你甚至還可以在區塊中加載外部文件:

  1. <block name="include"><include file="Public:header" /></block>

一個模板中可以定義任意多個名稱標識不重復的區塊,例如下面定義了一個base.html基礎模板:

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <block name="title"><title>標題</title></block>
  5. </head>
  6. <body>
  7. <block name="menu">菜單</block>
  8. <block name="left">左邊分欄</block>
  9. <block name="main">主內容</block>
  10. <block name="right">右邊分欄</block>
  11. <block name="footer">底部</block>
  12. </body>
  13. </html>

然后我們在子模板(其實是當前操作的入口模板)中使用繼承:

  1. <extend name="base" />
  2. <block name="title"><title>{$title}</title></block>
  3. <block name="menu">
  4. <a href="/" >首頁</a>
  5. <a href="/info/" >資訊</a>
  6. <a href="/bbs/" >論壇</a>
  7. </block>
  8. <block name="left"></block>
  9. <block name="content">
  10. <volist name="list" id="vo">
  11. <a href="/new/{$vo.id}">{$vo.title}</a><br/>
  12. {$vo.content}
  13. </volist>
  14. </block>
  15. <block name="right">
  16. 最新資訊:
  17. <volist name="news" id="new">
  18. <a href="/new/{$new.id}">{$new.title}</a><br/>
  19. </volist>
  20. </block>
  21. <block name="footer">
  22. @ThinkPHP2012 版權所有
  23. </block>

可以看到,子模板中使用了extend標簽定義需要繼承的模板,extend標簽的用法和include標簽一樣,你也可以加載其他模板:

  1. <extend name="Public:base" />

或者使用絕對文件路徑加載

  1. <extend name="./Template/Public/base.html" />

在當前子模板中,只能定義區塊而不能定義其他的模板內容,否則將會直接忽略,並且只能定義基礎模板中已經定義的區塊。

例如,如果采用下面的定義:

  1. <block name="title"><title>{$title}</title></block>
  2. <a href="/" >首頁</a>
  3. <a href="/info/" >資訊</a>
  4. <a href="/bbs/" >論壇</a>

導航部分將是無效的,不會顯示在模板中。

在子模板中,可以對基礎模板中的區塊進行重載定義,如果沒有重新定義的話,則表示沿用基礎模板中的區塊定義,如果定義了一個空的區塊,則表示刪除基礎模板中的該區塊內容。上面的例子,我們就把left區塊的內容刪除了,其他的區塊都進行了重載。

子模板中的區塊定義順序是隨意的,模板繼承的用法關鍵在於基礎模板如何布局和設計規划了,如果結合原來的布局功能,則會更加靈活。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM