模板繼承是3.1.2版本添加的一項更加靈活的模板布局方式,模板繼承不同于模板布局,甚至來說,應(yīng)該在模板布局的上層。模板繼承其實并不難理解,就好比類的繼承一樣,模板也可以定義一個基礎(chǔ)模板(或者是布局),并且其中定義相關(guān)的區(qū)塊(block),然后繼承(extend)該基礎(chǔ)模板的子模板中就可以對基礎(chǔ)模板中定義的區(qū)塊進行重載。
因此,模板繼承的優(yōu)勢其實是設(shè)計基礎(chǔ)模板中的區(qū)塊(block)和子模板中替換這些區(qū)塊。
每個區(qū)塊由<block></block>標(biāo)簽組成,并且不支持block標(biāo)簽的嵌套。
下面就是基礎(chǔ)模板中的一個典型的區(qū)塊設(shè)計(用于設(shè)計網(wǎng)站標(biāo)題):
<block name="title"><title>網(wǎng)站標(biāo)題</title></block>
block標(biāo)簽必須指定name屬性來標(biāo)識當(dāng)前區(qū)塊的名稱,這個標(biāo)識在當(dāng)前模板中應(yīng)該是唯一的,block標(biāo)簽中可以包含任何模板內(nèi)容,包括其他標(biāo)簽和變量,例如:
<block name="title"><title>{$web_title}</title></block>
你甚至還可以在區(qū)塊中加載外部文件:
<block name="include"><include file="Public:header" /></block>
一個模板中可以定義任意多個名稱標(biāo)識不重復(fù)的區(qū)塊,例如下面定義了一個base.html基礎(chǔ)模板:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<block name="title"><title>標(biāo)題</title></block>
</head>
<body>
<block name="menu">菜單</block>
<block name="left">左邊分欄</block>
<block name="main">主內(nèi)容</block>
<block name="right">右邊分欄</block>
<block name="footer">底部</block>
</body>
</html>
然后我們在子模板(其實是當(dāng)前操作的入口模板)中使用繼承:
<extend name="base" />
<block name="title"><title>{$title}</title></block>
<block name="menu">
<a href="/" >首頁</a>
<a href="/info/" >資訊</a>
<a href="/bbs/" >論壇</a>
</block>
<block name="left"></block>
<block name="content">
<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">
@ThinkPHP2012 版權(quán)所有
</block>
可以看到,子模板中使用了extend標(biāo)簽定義需要繼承的模板,extend標(biāo)簽的用法和include標(biāo)簽一樣,你也可以加載其他模板:
<extend name="Public:base" />
或者使用絕對文件路徑加載
<extend name="./Tpl/Public/base.html" />
在當(dāng)前子模板中,只能定義區(qū)塊而不能定義其他的模板內(nèi)容,否則將會直接忽略,并且只能定義基礎(chǔ)模板中已經(jīng)定義的區(qū)塊。
例如,如果采用下面的定義:
<block name="title"><title>{$title}</title></block>
<a href="/" >首頁</a>
<a href="/info/" >資訊</a>
<a href="/bbs/" >論壇</a>
導(dǎo)航部分將是無效的,不會顯示在模板中。
在子模板中,可以對基礎(chǔ)模板中的區(qū)塊進行重載定義,如果沒有重新定義的話,則表示沿用基礎(chǔ)模板中的區(qū)塊定義,如果定義了一個空的區(qū)塊,則表示刪除基礎(chǔ)模板中的該區(qū)塊內(nèi)容。
上面的例子,我們就把left區(qū)塊的內(nèi)容刪除了,其他的區(qū)塊都進行了重載。
子模板中的區(qū)塊定義順序是隨意的,模板繼承的用法關(guān)鍵在于基礎(chǔ)模板如何布局和設(shè)計規(guī)劃了,如果結(jié)合原來的布局功能,則會更加靈活。
為了更直觀的理解模板繼承,你可以查看模板繼承示例。