|
深入淺出Smarty模板引擎工作機(jī)制，我們將對比使用smarty模板引擎和沒使用smarty模板引擎的兩種開發(fā)方式的區(qū)別，并動手開發(fā)一個(gè)自己的模板引擎，以便加深對smarty模板引擎工作機(jī)制的理解。
在沒有使用Smarty模板引擎的情況下，我們都是將PHP程序和網(wǎng)頁模板合在一起編輯的，好比下面的源代碼：
<?php
$title="深處淺出之Smarty模板引擎工作機(jī)制";
$content="Smarty模板引擎原理流程圖";
$auth="MarcoFly";
$website="www.MarcoFly.com";
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?php echo $title?></title>
</head>
<body>
<p>內(nèi)容：<?php echo $content?></p>
<p>作者:<?php echo $auth?></p>
<p>網(wǎng)址：<?php echo $website?></p>
</body>
</html>
輸出到瀏覽器的結(jié)果截圖：
查看HTML源代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>深處淺出之Smarty模板引擎工作機(jī)制</title>
</head>
<body>
<p>內(nèi)容：Smarty模板引擎原理流程圖</p>
<p>作者:MarcoFly</p>
<p>網(wǎng)址：www.MarcoFly.com</p>
</body>
</html>
程序比較小的情況下這種開發(fā)方式尚且不方便，一旦要開發(fā)一個(gè)大的WEB項(xiàng)目，就必須得使用到模板引擎。
使用模板引擎的情況下：
我們的開發(fā)方式將有所改變，美工人員只管做模板，后臺開發(fā)人員專心寫自己的程序。
一個(gè)web項(xiàng)目就可以分為模板文件和PHP程序了
比如：
美工人員就可以這樣編輯網(wǎng)頁模板文件：
index.dwt源代碼
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><{$title}></title>
</head>
<body>
<p>內(nèi)容：<{$content}></p>
<p>作者：<{$auth}></p>
<p>網(wǎng)址:<{$website}></p>
</body>
</html>
而后臺WEB開發(fā)人員可以專注于PHP代碼的書寫：
index.php
<?php
include "./Smarty.ini.php";
$title="深處淺出之Smarty模板引擎工作機(jī)制";
$content="Smarty模板引擎工作機(jī)制流程圖";
$auth="MarcoFly";
$website="www.MarcoFly.com";
$tpl->assign("title",$title);
$tpl->assign("content",$content);
$tpl->assign("auth",$auth);
$tpl->assign("website",$website);
$tpl->display("index.dwt");
?>
從以上兩段簡單的演示代碼可以看出，前臺模板文件沒有涉及到任何關(guān)于PHP的代碼，只有幾個(gè)看似陌生的標(biāo)簽<{$title}>和<{$content}>,而后臺的php程序代碼也沒有涉及到前臺的HMTL代碼
參考下圖對比這兩種開發(fā)方式的區(qū)別
通過對比，我們得出結(jié)論：在使用模板引擎后，原先需要使用PHP編寫的地方，現(xiàn)在只需要用模板引擎提供標(biāo)簽的形式來代替了。
注：Smarty模板引擎默認(rèn)的標(biāo)簽形式是{$xxx}，如，{$title},{$content}
當(dāng)然我們可以初始化為自己想要的標(biāo)簽形式，如我將其初始化為:<{$xxx}>的形式),如，<{$title}>、<{$content}>
不知各位看官有木有覺得奇怪，<{$title}>、<{$content}>根本就不是PHP的語法形式，那最終又是如何被輸出到客戶的瀏覽器中的，是否另有玄機(jī)？帶著這個(gè)疑問，我們繼續(xù)深究......
其實(shí)，這一切的一切都是由Smarty模板引擎這雙神秘的手在“暗中操作”著，經(jīng)過Smarty模板引擎的“暗中操作”之后，起初的模板文件(index.dwt)經(jīng)過Smarty“成功手術(shù)”之后，被改造為能在服務(wù)器端執(zhí)行的PHP代碼文件。
想看看模板文件(index.dwt)和后臺的PHP程序(index.php)經(jīng)過“手術(shù)”(即編譯)之后的廬山真面目嗎？
在此貼上經(jīng)過模板引擎編譯之后的編譯文件的源代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?php echo $this->arr["title"] ?></title>
</head>
<body>
<p>內(nèi)容：<?php echo $this->arr["content"] ?></p>
<p>作者：<?php echo $this->arr["auth"] ?></p>
<p>網(wǎng)址:<?php echo $this->arr["website"] ?></p>
</body>
</html>
看到這里，各位看官是否恍然大悟，原來Smarty模板引擎的工作就是：將前臺美工人員編寫的模板文件(index.dwt)和后臺開發(fā)人員編寫的PHP程序(index.php)整合在一起，經(jīng)過編譯這一步驟之后，原先的模板標(biāo)簽被替換成了php代碼。
為了方便大家理解，我簡單的做了一張代碼流程圖：
如果你覺得很神秘，想更深入了解Smarty模板引擎是如何完成這一步驟的，可以看看深入淺出之Smarty模板引擎工作機(jī)制(二)
文章出自：WEB開發(fā)_小飛
轉(zhuǎn)載請注明出處：http://www.cnblogs.com/hongfei/archive/2011/12/10/Smarty-one.html
|
