# 快速入門（十）：公共模板和模板布局
我們學(xué)習(xí)了模板的輸出后，就會(huì)發(fā)現(xiàn)很多應(yīng)用存在大量的模板文件，如何簡化模板文件的定義和公共調(diào)用就成了關(guān)鍵，ThinkPHP的模板引擎內(nèi)置了公共模板和布局模板功能支持，可以方便的規(guī)劃和公用你的模板文件。
## 公共模板
在當(dāng)前模版文件中包含其他公用的模版文件使用include標(biāo)簽，標(biāo)簽用法：
~~~
<include file='模版表達(dá)式或者模版文件1,模版表達(dá)式或者模版文件2,...' />
~~~
### 使用模版表達(dá)式
模版表達(dá)式的定義規(guī)則為：
~~~
模塊@主題/控制器/操作
~~~
例如：
~~~
<include file="Public/header" /> // 包含頭部模版header
<include file="Public/menu" /> // 包含菜單模版menu
<include file="Blue/Public/menu" /> // 包含blue主題下面的menu模版
~~~
可以一次包含多個(gè)模版，例如：
~~~
<include file="Public/header,Public/menu" />
~~~
> 注意，包含模版文件并不會(huì)自動(dòng)調(diào)用控制器的方法，也就是說包含的其他模版文件中的變量賦值需要在當(dāng)前操作中完成。
### 使用模版文件
可以直接包含一個(gè)模版文件名（包含完整路徑），例如：
~~~
<include file="./Application/Home/View/default/Public/header.html" />
~~~
### 傳入?yún)?shù)
無論你使用什么方式包含外部模板，Include標(biāo)簽支持在包含文件的同時(shí)傳入?yún)?shù)，例如，下面的例子我們在包含header模板的時(shí)候傳入了title和keywords變量：
~~~
<include file="Public/header" title="ThinkPHP框架" keywords="開源WEB開發(fā)框架" />
~~~
就可以在包含的header.html文件里面使用title和keywords變量，如下：
~~~
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[title]</title>
<meta name="keywords" content="[keywords]" />
</head>
~~~
注意：如果外部模板有所更改，模板引擎并不會(huì)重新編譯模板，除非在調(diào)試模式下或者緩存已經(jīng)過期。如果部署模式下修改了包含的外部模板文件后，需要把模塊的緩存目錄清空，否則無法生效。
## 模板布局
有三種布局模板的支持方式：
### 第一種方式：全局配置方式
這種方式僅需在項(xiàng)目配置文件中添加相關(guān)的布局模板配置，就可以簡單實(shí)現(xiàn)模板布局功能，比較適用于全站使用相同布局的情況，需要配置開啟`LAYOUT_ON` 參數(shù)（默認(rèn)不開啟），并且設(shè)置布局入口文件名`LAYOUT_NAME`（默認(rèn)為layout）。
~~~
'LAYOUT_ON'=>true,
'LAYOUT_NAME'=>'layout',
~~~
開啟LAYOUT_ON后，我們的模板渲染流程就有所變化，例如：
~~~
<?php
namespace Home\Controller;
use Think\Controller;
Class UserController extends Controller {
Public function add() {
$this->display('add');
}
}
~~~
在不開啟`LAYOUT_ON`布局模板之前，會(huì)直接渲染`Home/View/User/add.html` 模板文件,開啟之后首先會(huì)渲染`Home/View/layout.html` 模板，布局模板的寫法和其他模板的寫法類似，本身也可以支持所有的模板標(biāo)簽以及包含文件，區(qū)別在于有一個(gè)特定的輸出替換變量`{__CONTENT__}`，例如，下面是一個(gè)典型的layout.html模板的寫法：
~~~
<include file="Public:header" />
{__CONTENT__}
<include file="Public:footer" />
~~~
讀取layout模板之后，會(huì)再解析`Home/View/User/add.html` 模板文件，并把解析后的內(nèi)容替換到layout布局模板文件的`{__CONTENT__}` 特定字符串。
采用這種布局方式的情況下，一旦`Home/View/User/add.html` 模板文件或者`Home/View/layout.html`布局模板文件發(fā)生修改，都會(huì)導(dǎo)致模板重新編譯。
如果需要指定其他位置的布局模板，可以使用：
~~~
'LAYOUT_NAME'=>'Layout/layoutname',
~~~
就表示采用`Home/View/Layout/layoutname.html`作為布局模板。
如果某些頁面不需要使用布局模板功能，可以在模板文件開頭加上 `{__NOLAYOUT__}` 字符串。
如果上面的`Home/View/User/add.html` 模板文件里面包含有`{__NOLAYOUT__}`，則即使當(dāng)前開啟布局模板，也不會(huì)進(jìn)行布局模板解析。
### 第二種方式：模板標(biāo)簽方式
這種布局模板不需要在配置文件中設(shè)置任何參數(shù)，也不需要開啟**LAYOUT_ON**，直接在模板文件中指定布局模板即可，相關(guān)的布局模板調(diào)整也在模板中進(jìn)行。
以前面的輸出模板為例，這種方式的入口還是在`Home/View/User/add.html` 模板，但是我們可以修改下add模板文件的內(nèi)容，在頭部增加下面的布局標(biāo)簽（記得首先關(guān)閉前面的LAYOUT_ON設(shè)置，否則可能出現(xiàn)布局循環(huán)）：
~~~
<layout name="layout" />
~~~
表示當(dāng)前模板文件需要使用`Home/View/layout.html` 布局模板文件，而布局模板文件的寫法和上面第一種方式是一樣的。當(dāng)渲染`Home/View/User/add.html` 模板文件的時(shí)候，如果讀取到layout標(biāo)簽，則會(huì)把當(dāng)前模板的解析內(nèi)容替換到layout布局模板的`{__CONTENT__}` 特定字符串。
一個(gè)模板文件中只能使用一個(gè)布局模板，如果模板文件中沒有使用任何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模板文件的開頭添加如下標(biāo)簽：
~~~
<layout name="menu" />
~~~
這樣就實(shí)現(xiàn)了在頭部模板中引用了menu布局模板。
也可以采用兩種布局方式的結(jié)合，可以實(shí)現(xiàn)更加復(fù)雜的模板布局以及嵌套功能。
### 第三種方式：使用layout控制模板布局
使用內(nèi)置的layout方法可以更靈活的在程序中控制模板輸出的布局功能，尤其適用于局部需要布局或者關(guān)閉布局的情況，這種方式也不需要在配置文件中開啟LAYOUT_ON。例如：
~~~
<?php
namespace Home\Controller;
use Think\Controller;
Class UserController extends Controller {
Public function add() {
layout(true);
$this->display('add');
}
}
~~~
表示當(dāng)前的模板輸出啟用了布局模板，并且采用默認(rèn)的layout布局模板。
如果當(dāng)前輸出需要使用不同的布局模板，可以動(dòng)態(tài)的指定布局模板名稱，例如：
~~~
<?php
namespace Home\Controller;
use Think\Controller;
Class UserController extends Controller {
Public function add() {
layout('Layout/newlayout');
$this->display('add');
}
}
~~~
或者使用layout方法動(dòng)態(tài)關(guān)閉當(dāng)前模板的布局功能（這種用法可以配合第一種布局方式，例如全局配置已經(jīng)開啟了布局，可以在某個(gè)頁面單獨(dú)關(guān)閉）：
~~~
<?php
namespace Home\Controller;
use Think\Controller;
Class UserController extends Controller {
Public function add() {
layout(false); // 臨時(shí)關(guān)閉當(dāng)前模板的布局功能
$this->display('add');
}
}
~~~
三種模板布局方式中，第一種和第三種是在程序中配置實(shí)現(xiàn)模板布局，第二種方式則是單純通過模板標(biāo)簽在模板中使用布局。具體選擇什么方式，需要根據(jù)項(xiàng)目的實(shí)際情況來了。
## 總結(jié)
本章主要講述了如何在模板中調(diào)用外部公共模板和使用模板布局簡化模板定義，下一篇開始我們會(huì)講述控制器的一些高級(jí)特性。
- 快速入門 1：基礎(chǔ)
- 快速入門 2：CURD
- 快速入門 3：查詢語言
- 快速入門 4：連貫操作
- 快速入門 5：變量
- 快速入門 6：路由
- 快速入門 7：視圖
- 快速入門 8：變量輸出
- 快速入門 9：循環(huán)和控制輸出
- 快速入門 10：公共模板和模板布局
- 快速入門 11：Action參數(shù)綁定
- 快速入門 12：空操作和空控制器
- 快速入門 13：初始化、前置和后置操作
- 快速入門 14：頁面跳轉(zhuǎn)和重定向
- 快速入門 15：頁面請求和AJAX
- 快速入門 16：偽靜態(tài)
- 快速入門 17：操作綁定到類
- 快速入門 18：多層控制器
- 快速入門 19：自動(dòng)驗(yàn)證
- 快速入門 20：自動(dòng)完成