ThinkPHP的模板引擎內(nèi)置了布局模板功能支持,可以方便的實(shí)現(xiàn)模板布局以及布局嵌套功能。
有三種布局模板的支持方式:
第一種方式:全局配置方式
這種方式僅需在項(xiàng)目配置文件中添加相關(guān)的布局模板配置,就可以簡(jiǎn)單實(shí)現(xiàn)模板布局功能,比較適用于全站使用相同布局的情況,需要配置開(kāi)啟LAYOUT_ON 參數(shù)(默認(rèn)不開(kāi)啟),并且設(shè)置布局入口文件名LAYOUT_NAME(默認(rèn)為layout)。
'LAYOUT_ON'=>true,
'LAYOUT_NAME'=>'layout',
開(kāi)啟LAYOUT_ON后,我們的模板渲染流程就有所變化,例如:
Class UserAction extends Action {
Public function add() {
$this->display('add');
}
}
在不開(kāi)啟LAYOUT_ON布局模板之前,會(huì)直接渲染Tpl/User/add.html 模板文件,開(kāi)啟之后,首先會(huì)渲染Tpl/layout.html 模板,布局模板的寫(xiě)法和其他模板的寫(xiě)法類(lèi)似,本身也可以支持所有的模板標(biāo)簽以及包含文件,區(qū)別在于有一個(gè)特定的輸出替換變量{__CONTENT__},例如,下面是一個(gè)典型的layout.html模板的寫(xiě)法:
<include file="Public:header" />
{__CONTENT__}
<include file="Public:footer" />
讀取layout模板之后,會(huì)再解析User/add.html 模板文件,并把解析后的內(nèi)容替換到layout布局模板文件的{__CONTENT__} 特定字符串。
當(dāng)然可以通過(guò)設(shè)置來(lái)改變這個(gè)特定的替換字符串,例如:
'TMPL_LAYOUT_ITEM' => '{__REPLACE__}'
但是一個(gè)布局模板同時(shí)只能有一個(gè)特定替換字符串。
采用這種布局方式的情況下,一旦User/add.html 模板文件或者layout.html布局模板文件發(fā)生修改,都會(huì)導(dǎo)致模板重新編譯。
如果需要指定其他位置的布局模板,可以使用:
'LAYOUT_NAME'=>'Layout/layoutname',
就表示采用Tpl/Layout/layoutname.html作為布局模板。
如果某些頁(yè)面不需要使用布局模板功能,可以在模板文件開(kāi)頭加上 {__NOLAYOUT__} 字符串。
如果上面的User/add.html 模板文件里面包含有{__NOLAYOUT__},則即使當(dāng)前開(kāi)啟布局模板,也不會(huì)進(jìn)行布局模板解析。
第二種方式:模板標(biāo)簽方式
這種布局模板不需要在配置文件中設(shè)置任何參數(shù),也不需要開(kāi)啟LAYOUT_ON,直接在模板文件中指定布局模板即可,相關(guān)的布局模板調(diào)整也在模板中進(jìn)行。
以前面的輸出模板為例,這種方式的入口還是在User/add.html 模板,但是我們可以修改下add模板文件的內(nèi)容,在頭部增加下面的布局標(biāo)簽(
記得首先關(guān)閉前面的LAYOUT_ON設(shè)置,否則可能出現(xiàn)布局循環(huán)):
<layout name="layout" />
表示當(dāng)前模板文件需要使用layout.html 布局模板文件,而布局模板文件的寫(xiě)法和上面第一種方式是一樣的。當(dāng)渲染User/add.html 模板文件的時(shí)候,如果讀取到layout標(biāo)簽,則會(huì)把當(dāng)前模板的解析內(nèi)容替換到layout布局模板的{__CONTENT__} 特定字符串。
一個(gè)模板文件中只能使用一個(gè)布局模板,如果模板文件中沒(méi)有使用任何layout標(biāo)簽則表示當(dāng)前模板不使用任何布局。
如果需要使用其他的布局模板,可以改變layout的name屬性,例如:
<layout name="newlayout" />
還可以在layout標(biāo)簽里面指定要替換的特定字符串:
<layout name="Layout/newlayout" replace="{__REPLACE__}" />
由于所有include標(biāo)簽引入的文件都支持layout標(biāo)簽,所以,我們可以借助layout標(biāo)簽和include標(biāo)簽相結(jié)合的方式實(shí)現(xiàn)布局模板的嵌套。例如,上面的例子
<include file="Public:header" />
<div id="main" class="main" >
{__CONTENT__}
</div>
<include file="Public:footer" />
在引入的header和footer模板文件中也可以添加layout標(biāo)簽,例如header模板文件的開(kāi)頭添加如下標(biāo)簽:
<layout name="menu" />
這樣就實(shí)現(xiàn)了在頭部模板中引用了menu布局模板。
也可以采用兩種布局方式的結(jié)合,可以實(shí)現(xiàn)更加復(fù)雜的模板布局以及嵌套功能。
第三種方式:使用layout控制模板布局
使用內(nèi)置的layout方法可以更靈活的在程序中控制模板輸出的布局功能,尤其適用于局部需要布局或者關(guān)閉布局的情況,這種方式也不需要在配置文件中開(kāi)啟LAYOUT_ON。例如:
Class UserAction extends Action {
Public function add() {
layout(true);
$this->display('add');
}
}
表示當(dāng)前的模板輸出啟用了布局模板,并且采用默認(rèn)的layout布局模板。
如果當(dāng)前輸出需要使用不同的布局模板,可以動(dòng)態(tài)的指定布局模板名稱(chēng),例如:
Class UserAction extends Action {
Public function add() {
layout('Layout/newlayout');
$this->display('add');
}
}
或者使用layout方法動(dòng)態(tài)關(guān)閉當(dāng)前模板的布局功能(這種用法可以配合第一種布局方式,例如全局配置已經(jīng)開(kāi)啟了布局,可以在某個(gè)頁(yè)面單獨(dú)關(guān)閉):
Class UserAction extends Action {
Public function add() {
layout(false); // 臨時(shí)關(guān)閉當(dāng)前模板的布局功能
$this->display('add');
}
}
總結(jié)
三種模板布局方式中,第一種和第三種是在程序中配置實(shí)現(xiàn)模板布局,第二種方式則是單純通過(guò)模板標(biāo)簽在模板中使用布局。具體選擇什么方式,需要根據(jù)項(xiàng)目的實(shí)際情況來(lái)了。