模板繼承

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

因此,模板繼承的優(yōu)勢其實是設(shè)計基礎(chǔ)模板中的區(qū)塊(block)和子模板中替換這些區(qū)塊。

每個區(qū)塊由{block} {/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">
<title>{block name="title"}標(biāo)題{/block}</title>
</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}{/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 版權(quán)所有
{/block}

上例中,我們可以看到在子模板中使用了extend標(biāo)簽來繼承了base模板。
在子模板中,可以對基礎(chǔ)模板中的區(qū)塊進(jìn)行重載定義,如果沒有重新定義的話,則表示沿用基礎(chǔ)模板中的區(qū)塊定義,如果定義了一個空的區(qū)塊,則表示刪除基礎(chǔ)模板中的該區(qū)塊內(nèi)容。 上面的例子,我們就把left區(qū)塊的內(nèi)容刪除了,其他的區(qū)塊都進(jìn)行了重載。而

{block name="footer"}
{__block__}@ThinkPHP 版權(quán)所有
{/block}

這一區(qū)塊中有{_block_}這個標(biāo)簽,當(dāng)區(qū)塊中有這個標(biāo)記時,就不只是直接重載這個區(qū)塊,它表示引用所繼承模板對應(yīng)區(qū)塊的內(nèi)容到這個位置,最終這個區(qū)塊是合并后的內(nèi)容。所以這里footer區(qū)塊最后的內(nèi)容是: 底部@ThinkPHP 版權(quán)所有

extend標(biāo)簽的用法和include標(biāo)簽一樣,你也可以加載其他模板:

{extend name="Public:base" /}

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

{extend name="./Template/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)航部分將是無效的,不會顯示在模板中。

模板可以多級繼承,比如B繼承了A,而C又繼承了B,最終C中的區(qū)塊會覆蓋B和A中的同名區(qū)塊,但C和B中的區(qū)塊必須是A中已定義過的。

子模板中的區(qū)塊定義順序是隨意的,模板繼承的用法關(guān)鍵在于基礎(chǔ)模板如何布局和設(shè)計規(guī)劃了,如果結(jié)合原來的布局功能,則會更加靈活。

文檔最后更新時間:2018-04-26 10:35:43

文檔
目錄

深色
模式

切換
寬度