模板繼承 · thinkphp5

模板繼承是一項更加靈活的模板布局方式，模板繼承不同于模板布局，甚至來說，應該在模板布局的上層。模板繼承其實并不難理解，就好比類的繼承一樣，模板也可以定義一個基礎模板（或者是布局），并且其中定義相關的區塊（block），然后繼承（extend）該基礎模板的子模板中就可以對基礎模板中定義的區塊進行重載。因此，模板繼承的優勢其實是設計基礎模板中的區塊（block）和子模板中替換這些區塊。每個區塊由`{block} {/block}`標簽組成。下面就是基礎模板中的一個典型的區塊設計（用于設計網站標題）： ~~~ {block name="title"}<title>網站標題</title>{/block} ~~~ block標簽必須指定name屬性來標識當前區塊的名稱，這個標識在當前模板中應該是唯一的，block標簽中可以包含任何模板內容，包括其他標簽和變量，例如： ~~~ {block name="title"}<title>{$web_title}</title>{/block} ~~~ 你甚至還可以在區塊中加載外部文件： ~~~ {block name="include"}{include file="Public:header" /}{/block} ~~~ 一個模板中可以定義任意多個名稱標識不重復的區塊，例如下面定義了一個`base.html`基礎模板： ~~~ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{block name="title"}標題{/block}</title> </head> <body> {block name="menu"}菜單{/block} {block name="left"}左邊分欄{/block} {block name="main"}主內容{/block} {block name="right"}右邊分欄{/block} {block name="footer"}底部{/block} </body> </html> ~~~ 然后我們在子模板（其實是當前操作的入口模板）中使用繼承： ~~~ {extend name="base" /} {block name="title"}{$title}{/block} {block name="menu"} <a href="/" >首頁</a> <a href="/info/" >資訊</a> <a href="/bbs/" >論壇</a> {/block} {block name="left"}{/block} {block name="main"} {volist name="list" id="vo"} <a href="/new/{$vo.id}">{$vo.title}</a><br/> {$vo.content} {/volist} {/block} {block name="right"} 最新資訊： {volist name="news" id="new"} <a href="/new/{$new.id}">{$new.title}</a><br/> {/volist} {/block} {block name="footer"} {__block__} @ThinkPHP 版權所有 {/block} ~~~ 上例中，我們可以看到在子模板中使用了extend標簽來繼承了base模板。在子模板中，可以對基礎模板中的區塊進行重載定義，如果沒有重新定義的話，則表示沿用基礎模板中的區塊定義，如果定義了一個空的區塊，則表示刪除基礎模板中的該區塊內容。上面的例子，我們就把left區塊的內容刪除了，其他的區塊都進行了重載。而 ~~~ {block name="footer"} {__block__}@ThinkPHP 版權所有 {/block} ~~~ 這一區塊中有{\_*block\_*}這個標簽，當區塊中有這個標記時，就不只是直接重載這個區塊，它表示引用所繼承模板對應區塊的內容到這個位置，最終這個區塊是合并后的內容。所以這里footer區塊最后的內容是：底部@ThinkPHP 版權所有 extend標簽的用法和include標簽一樣，你也可以加載其他模板： ~~~ {extend name="Public:base" /} ~~~ 或者使用絕對文件路徑加載 ~~~ {extend name="./Template/Public/base.html" /} ~~~ 在當前子模板中，只能定義區塊而不能定義其他的模板內容，否則將會直接忽略，并且只能定義基礎模板中已經定義的區塊。例如，如果采用下面的定義： ~~~ {block name="title"}<title>{$title}</title>{/block} <a href="/" >首頁</a> <a href="/info/" >資訊</a> <a href="/bbs/" >論壇</a> ~~~ 導航部分將是無效的，不會顯示在模板中。模板可以多級繼承，比如B繼承了A，而C又繼承了B，最終C中的區塊會覆蓋B和A中的同名區塊，但C和B中的區塊必須是A中已定義過的。子模板中的區塊定義順序是隨意的，模板繼承的用法關鍵在于基礎模板如何布局和設計規劃了，如果結合原來的布局功能，則會更加靈活。