在項目中,header和footer重復使用的次數高,於是我們把header和footer作為公共部分,其他模板需要的話就引用。下面我教大家引用公共模板
1、使用include
首先在view下面新建一個文件夾(common),用來存放公共模板,然后使用include在需要的地方引用該板塊:
{include file="common/head" /}
可以一次包含多個模版,例如:
{include file="public/header,public/menu" /}
無論你使用什么方式包含外部模板,Include標簽支持在包含文件的同時傳入參數,例如,下面的例子我們在包含header模板的時候傳入了title
和keywords
參數:
{include file="Public/header" title="$title" keywords="開源WEB開發框架" /}
就可以在包含的header.html文件里面使用title和keywords變量,如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>[title]</title> <meta name="keywords" content="[keywords]" /> </head>
2、模板布局
ThinkPHP的模板引擎內置了布局模板功能支持,可以方便的實現模板布局以及布局嵌套功能。有三種布局模板的支持方式。
第一種方式:全局配置方式
這種方式僅需在項目配置文件中添加相關的布局模板配置,就可以簡單實現模板布局功能,比較適用於全站使用相同布局的情況,需要配置開啟layout_on 參數(默認不開啟),並且設置布局入口文件名layout_name(默認為layout)。
'template' => [ 'layout_on' => true, 'layout_name' => 'layout', ]
注:layout_on設置false則關閉公開模板,如果想測試它是否關閉了,需要把runtime里面的文件刪除,這樣緩存就清空就不會影響它的效果
在不開啟layout_on
布局模板之前,會直接渲染 application/index/view/jade/index.html(我的模板文件)
,開啟之后,首先會渲染application/index/view/layout.html
模板,布局模板的寫法和其他模板的寫法類似,本身也可以支持所有的模板標簽以及包含文件,區別在於有一個特定的輸出替換變量{__CONTENT__}
,例如,下面是一個典型的layout.html模板的寫法:
{include file="common/head" /} {__CONTENT__} {include file="common/foot" /}
讀取layout模板之后,會再解析user/add.html
模板文件,並把解析后的內容替換到layout布局模板文件的{CONTENT} 特定字符串。
當然可以通過設置來改變這個特定的替換字符串,例如:
'template' => [ 'layout_on' => true, 'layout_name' => 'layout', 'layout_item' => '{__REPLACE__}' ]
注:一個布局模板同時只能有一個特定替換字符串。
如果jade.html不需要使用公共模板,在里面加上{__NOLAYOUT__}就不會引入公共模塊
第二種方式:模板標簽方式
這種布局模板不需要在配置文件中設置任何參數,也不需要開啟layout_on
,直接在模板文件中指定布局模板即可,相關的布局模板調整也在模板中進行。
以前面的輸出模板為例,這種方式的入口還是在user/add.html 模板,但是我們可以修改下add模板文件的內容,在頭部增加下面的布局標簽(記得首先關閉前面的layout_on
設置,否則可能出現布局循環):
{layout name="layout" /}
表示當前模板文件需要使用layout.html
布局模板文件,而布局模板文件的寫法和上面第一種方式是一樣的。當渲染user/add.html
模板文件的時候,如果讀取到layout標簽,則會把當前模板的解析內容替換到layout布局模板的{CONTENT} 特定字符串。
一個模板文件中只能使用一個布局模板,如果模板文件中沒有使用任何layout標簽則表示當前模板不使用任何布局。
如果需要使用其他的布局模板,可以改變layout的name屬性,例如:
{layout name="newlayout" /}
還可以在layout標簽里面指定要替換的特定字符串:
{layout name="Layout/newlayout" replace="[__REPLACE__]" /}
第三種方式:使用layout控制模板布局
使用內置的layout方法可以更靈活的在程序中控制模板輸出的布局功能,尤其適用於局部需要布局或者關閉布局的情況,這種方式也不需要在配置文件中開啟layout_on。例如:
<?php namespace app\index\controller; use think\Controller; use think\Request; use think\Db; class Jade extends Controller { public function index() { $this->view->engine->layout(true); return $this->view->fetch(); } }
表示當前的模板輸出啟用了布局模板,並且采用默認的layout布局模板。
如果當前輸出需要使用不同的布局模板,可以動態的指定布局模板名稱,例如:
<?php namespace app\index\controller; use think\Controller; use think\Request; use think\Db; class Jade extends Controller { public function index() { $this->view->engine->layout('Layout/newlayout'); return $this->view->fetch(); } }
或者使用layout方法動態關閉當前模板的布局功能,這種用法可以配合第一種布局方式,例如全局配置已經開啟了布局,可以在某個頁面單獨關閉:
namespace app\index\controller; use think\Controller; class User extends Controller { public function add() { // 臨時關閉當前模板的布局功能 $this->view->engine->layout(false); return $this->display('add'); } }