本節(jié)課我們來學(xué)習(xí)一下模版標(biāo)簽中的文件的包含、輸出以及加載。

一．包含文件

1. 使用{include}標(biāo)簽來加載公用重復(fù)的文件，比如頭部、尾部和導(dǎo)航部分；
2. 在模版 view 目錄創(chuàng)建一個 public 公共目錄，分別創(chuàng)建 header、footer 和 nav；
3. 然后創(chuàng)建 Block 控制器，引入控制器模版 index，這個模版包含三個公用文件；

{include file='public/header,public/nav'/}

4. 也可以包含一個文件的完整路徑，包括后綴，如下：

{include file="../view/public/nav.html"/}

5. 模版的標(biāo)題和關(guān)鍵字，可以通過固定的語法進行傳遞；
6. 對于標(biāo)題，在控制器先設(shè)置一下標(biāo)題變量，然后設(shè)置{include}設(shè)置屬性；

{include file='public/header' title='$title' keywords='關(guān)鍵字'/}

7. 切換到 public/header.html 模版頁面，使用[xxx]的方式調(diào)用數(shù)據(jù)；
?

<title>[title]</title>
<meta name="keywords" content="[keywords]" />

二．輸出替換

1. 有時，我們需要調(diào)用一些靜態(tài)文件，比如 css/js 等；
2. 那么，直接寫完整路徑，比較繁長，可以把這些路徑整理打包；
3. 在目前二級目錄下，view.php 中，配置新增一個參數(shù)；

// 模版替換輸出
'tpl_replace_string' => [
'__JS__' => '../static/js',
'__CSS__' => '../static/css',
]

4. html 文件調(diào)用端，直接通過__CSS__(__JS__)配置的魔術(shù)方法調(diào)用即可；

<link rel="stylesheet" type="text/css" href="__CSS__/basic.css">
<script type="text/javascript" src="__JS__/basic.js"></script>

5. 在測試的時候，由于是更改的配置文件刷新，每次都要刪除編譯文件才能生效；

三．文件加載

1. 傳統(tǒng)方式調(diào)用 CSS 或 JS 文件時，采用 link 和 script 標(biāo)簽實現(xiàn)；
2. 系統(tǒng)提供了更加智能的加載方式，方便加載 CSS 和 JS 等文件；
3. 使用{load}標(biāo)簽和 href 屬性來鏈接，不需要設(shè)置任何其它參數(shù)；

{load href='__CSS__/basic.css'/}
{load href='__JS__/basic.js'/}

2. 也支持 href 多屬性值的寫法，如下：

{load href='__CSS__/basic.css, __JS__/basic.js'}

3. {load}還提供了兩個別名{js}、{css}來更好的實現(xiàn)可讀性；

{js href='__JS__/basic.js'}
{css href='__CSS__/basic.css'}

4. {js}和{css}只是別名而已，識別.js 還是.css 是根據(jù)后綴的；