深入浅出之Smarty模板引擎工作机制(一)
生活随笔
收集整理的這篇文章主要介紹了
深入浅出之Smarty模板引擎工作机制(一)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
深入淺出Smarty模板引擎工作機(jī)制，我們將對比使用smarty模板引擎和沒使用smarty模板引擎的兩種開發(fā)方式的區(qū)別，并動手開發(fā)一個自己的模板引擎，以便加深對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ā)一個大的WEB項(xiàng)目，就必須得使用到模板引擎。
<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的代碼，只有幾個看似陌生的標(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ī)？帶著這個疑問，我們繼續(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
總結(jié)
以上是生活随笔為你收集整理的深入浅出之Smarty模板引擎工作机制(一)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【转载】基于ASP.NET Web Ap
- 下一篇： 20111211