mvc是開發中的一個偉大的思想,使得開發代碼有了更加清晰的層次,讓代碼分為了三層各施其職、無論是對代碼的編寫以及后期的閱讀和維護,都提供了很大的便利。
我們在php開發中,視圖層view是不允許有php代碼來操作數據庫之類的來獲取數據的,我們一般都會在控制器層controller,就已經把視圖層要展示的數據准備好,方便視圖層直接用來展示。
smarty模板技術,可以讓數據和視圖進行分離,讓視圖中不能直接出現php代碼。這樣的話,讓前段頁面的開發和后台數據的開發,可以雙管齊下,同時進行了。
smarty模板的使用比較簡單,主要有兩個非常核心的函數。一個是assig(),把模板中要使用的數據進行欲賦值,一個是display(),用來解析和展示最后的視圖模板。
使用的簡單代碼如下:
include_once "Smarty.class.php";//引入smarty類 $smarty = new Smarty;//創建smarty對象 $smarty->assign("name","zhangmiao");//賦值,以備模板中使用 $smarty->assign("age","18"); $smarty->display('index.tpl');//引入模板,展示視圖頁面
我們看下模板源代碼是這樣的:
<h1>測試模板1</h1> 我的名字是:{$name}<br/> 我的年紀是:{$age}<br/>
瀏覽器頁面是這樣的:
疑問:我們模板中沒有php代碼,我們只用了{$name}和{$age}就能把對應的變量給展示了出來,是什么鬼呢?
然后,我們一看smarty編譯后的文件是這樣的:
<h1>測試模板1</h1> 我的名字是:<?php echo $this->var["name"]; ?><br/> 我的年紀是:<?php echo $this->var["age"]; ?><br/>
原來如此,最終還是變成了含有php代碼的模板,但是這個模板中把標簽轉成php代碼的工作,我們交給了smarty模板引擎來完成的。
那到底smarty模板引擎是怎么把模板里面的非php代碼的標簽,轉變成被最終可以解析執行的php代碼的呢?
主要思路是:替換。
分成了兩步:
1、用過assign函數把要解析的標簽變量賦值
2、通過display函數把標簽替換成對象的php變量
我們根據這個思路,自己也寫了個簡易版的smarty模板引擎,算是多smarty模板引擎設計原理的一種理解。但是只能解析單個變量的標簽,其他標簽均沒有處理。代碼如下:
class MySmarty{
//模板存放路徑
public $template = './template/';
//編譯后模板路徑
public $template_c = './template_c/';
//存放變量的數組,通過assign函數賦值
public $var = array();
//變量賦值
public function assign($vkey,$value){
if($vkey != ""){
$this->var[$vkey] = $value;//把要模板中解析的數據壓入數組
}
}
//模板中變量替換
public function display($path){
$template_path = $this->template.$path;
$template_c_path = $this->template_c.$path.".php";
if(!file_exists($template_path)){
return false;
}
//只有解析后的模板文件不存在或者模板源文件有新的改動的情況下 重新解析模板
if(!file_exists($template_c_path) || filemtime($template_path)>filemtime($template_c_path)){
//獲取模板源文件,用來替換
$template_content = file_get_contents($template_path);
$pattern = array(
'/\{\s*\$([a-zA-Z][a-zA-Z0-9_]*)\s*\}/i'
);
$replace = array(
'<?php echo $this->var["${1}"]; ?>'
);
//用正則去替換模板源文件中的變量符號{$varname}
$res = preg_replace($pattern,$replace,$template_content);
//編譯后文件寫入某個目錄
file_put_contents($template_c_path,$res);
}
//引入編譯后文件,其實就是執行了那個php文件的代碼
include_once $template_c_path;
}
}
我們調用自己的assign和display放入引入,也能正常解析使用啦