程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 初學SMARTY

初學SMARTY

編輯:PHP綜合

剛開始接觸模版引擎的 PHP 設計師,聽到 Smarty 時,都會覺得很難。其實筆者也不例外,碰都不敢碰一下。但是後來在剖析 XOOPS 的程序架構時,開始發現 Smarty 其實並不難。只要將 Smarty 基礎功練好,在一般應用上就已經相當足夠了。當然基礎能打好,後面的進階應用也就不用怕了。
  
  這篇文章的主要用意並非要深入探討 Smarty 的使用,這在官方使用說明中都已經寫得很完整了。筆者僅在此寫下一些自己使用上的心得,讓想要了解 Smarty 卻不得其門而入的朋友,可以從中得到一些啟示。就因為這篇文章的內容不是非常深入,會使用 Smarty 的朋友們可能會覺得簡單了點。
  
  目前本文已經第三次修訂了,本想多加一些料進來;不過礙於時間的關系,很多 Smarty 的進階技巧筆者並沒有研究得很透徹,所以也不敢拿出來現眼,但筆者相信這篇文章應該能夠滿足大多數想學習 Smarty 的初學者了。當然本文有謬誤的地方也歡迎告知,筆者會在下一次的修訂中更正的。
  
  Smarty介紹
  
  什麼是模版引擎
  
  不知道從什麼時候開始,有人開始對 Html 內嵌入 Server Script 覺得不太滿意。然而不論是微軟的 ASP 或是開放源碼的 PHP,都是屬於內嵌 Server Script 的網頁伺服端語言。因此也就有人想到,如果能把程序應用邏輯 (或稱商業應用邏輯) 與網頁呈現 (Layout) 邏輯分離的話,是不是會比較好呢?
  
  其實這個問題早就存在已久,從交互式網頁開始風行時,不論是 ASP 或是 PHP 的使用者都是身兼程序開發者與視覺設計師兩種身份。可是通常這些使用者不是程序強就是美工強,如果要兩者同時兼顧,那可得死掉不少腦細胞...
  
  所以模版引擎就應運而生啦!模版引擎的目的,就是要達到上述提到的邏輯分離的功能。它能讓程序開發者專注於資料的控制或是功能的達成;而視覺設計師則可專注於網頁排版,讓網頁看起來更具有專業感!因此模版引擎很適合公司的網站開發團隊使用,使每個人都能發揮其專長!
  
  就筆者接觸過的模版引擎來說,依資料呈現方式大概分成:需搭配程序處理的模版引擎和完全由模版本身自行決定的模版引擎兩種形式。
  
  在需搭配程序處理的模版引擎中,程序開發者必須要負責變量的呈現邏輯,也就是說他必須把變量的內容在輸出到模版前先處理好,才能做 assign 的工作。換句話說,程序開發者還是得多寫一些程序來決定變量呈現的風貌。而完全由模版本身自行決定的模版引擎,它允許變量直接 assign 到模版中,讓視覺設計師在設計模版時再決定變量要如何呈現。因此它就可能會有另一套屬於自己的模版程序語法 (如 Smarty) ,以方便控制變量的呈現。但這樣一來,視覺設計師也得學習如何使用模版語言。
  
  模版引擎的運作原理,首先我們先看看以下的運行圖:
  
 

  一般的模版引擎 (如 PHPLib) 都是在建立模版對象時取得要解析的模版,然後把變量套入後,透過 parse() 這個方法來解析模版,最後再將網頁輸出。
  
 

  對 Smarty 的使用者來說,程序裡也不需要做任何 parse 的動作了,這些 Smarty 自動會幫我們做。而且已經編譯過的網頁,如果模版沒有變動的話, Smarty 就自動跳過編譯的動作,直接執行編譯過的網頁,以節省編譯的時間。
  
  使用Smarty的一些概念
  
  在一般模版引擎中,我們常看到區域的觀念,所謂區塊大概都會長成這樣:
  <!-- START : Block name -->
  區域內容
  <!-- END : Block name -->
  
  這些區塊大部份都會在 PHP 程序中以 if 或 for, while 來控制它們的顯示狀態,雖然模版看起來簡潔多了,但只要一換了顯示方式不同的模版, PHP 程序勢必要再改一次!
  
  在 Smarty 中,一切以變量為主,所有的呈現邏輯都讓模版自行控制。因為 Smarty 會有自己的模版語言,所以不管是區塊是否要顯示還是要重復,都是用 Smarty 的模版語法 (if, foreach, section) 搭配變量內容作呈現。這樣一來感覺上好象模版變得有點復雜,但好處是只要規劃得當, PHP 程序一行都不必改。
  
  由上面的說明,我們可以知道使用Smarty 要掌握一個原則:將程序應用邏輯與網頁呈現邏輯明確地分離。就是說 PHP 程序裡不要有太多的 Html 碼。程序中只要決定好那些變量要塞到模版裡,讓模版自己決定該如何呈現這些變量 (甚至不出現也行) 。
  
  Smarty的基礎
  
  安裝Smarty
  
  首先,我們先決定程序放置的位置。
  
  Windows下可能會類似這樣的位置:「 d:\aPPServ\web\demo\ 」。
  
  Linux下可能會類似這樣的位置:「 /home/jaceju/public_Html/ 」。
  
  到Smarty的官方網站下載最新的Smarty套件:替換smarty.PHP.Net。
  
  解開 Smarty 2.6.0 後,會看到很多檔案,其中有個 libs 資料夾。在 libs 中應該會有 3 個 class.PHP n + 1 個 debug.tpl + 1 個 plugin 資料夾 + 1 個 core 資料夾。然後直接將 libs 復制到您的程序主資料夾下,再更名為 class 就可以了。就這樣?沒錯!這種安裝法比較簡單,適合一般沒有自己主機的使用者。
  
  至於 Smarty 官方手冊中為什麼要介紹一些比較復雜的安裝方式呢?基本上依照官方的方式安裝,可以只在主機安裝一次,然後提供給該主機下所有設計者開發不同程序時直接引用,而不會重復安裝太多的 Smarty 復本。而筆者所提供的方式則是適合要把程序帶過來移過去的程序開發者使用,這樣不用煩惱主機有沒有安裝 Smarty 。
  
  程序的資料夾設定
  
  以筆者在Windows安裝Appserv為例,程序的主資料夾是「d:\aPPServ\web\demo\」。安裝好Smarty後,我們在主資料夾下再建立這樣的資料夾:
  
 

  在 Linux 底下,請記得將 templates_c 的權限變更為 777 。Windows 下則將其只讀取消。
  
  第一個用Smarty寫的小程序
  
  我們先設定 Smarty 的路徑,請將以下這個檔案命名為 main.PHP ,並放置到主資料夾下:
  
  main.PHP:
  <?PHP
  include "class/Smarty.class.PHP";
  define('__SITE_ROOT', 'd:/aPPServ/web/demo'); // 最後沒有斜線
  $tpl = new Smarty();
  $tpl->template_dir = __SITE_ROOT . "/templates/";
  $tpl->compile_dir = __SITE_ROOT . "/templates_c/";
  $tpl->config_dir = __SITE_ROOT . "/configs/";
  $tpl->cache_dir = __SITE_ROOT . "/cache/";
  $tpl->left_delimiter = '<{';
  $tpl->right_delimiter = '}>';
  ?>
  
  照上面方式設定的用意在於,程序如果要移植到其它地方,只要改 __SITE_ROOT 就可以啦。 (這裡是參考 XOOPS 的 )
  
  Smarty 的模版路徑設定好後,程序會依照這個路徑來抓所有模版的相對位置 (范例中是 'd:/aPPServ/web/demo/templates/' ) 。然後我們用 display() 這個 Smarty 方法來顯示我們的模版。
  
  接下來我們在 templates 資料夾下放置一個 test.htm:(擴展名叫什麼都無所謂,但便於視覺設計師開發,筆者都還是以 .htm 為主。)
  
  templates/test.htm:
  <Html>
  <head>
  <meta http-equiv="Content-Type" content="text/Html; charset=big5">
  <title><{$title}></title>
  </head>
  <body>
  <{$content}>
  </body>
  </Html>
  
  現在我們要將上面的模版顯示出來,並將網頁標題 ($title) 與內容 ($content) 更換,請將以下檔案內容命名為 test.PHP ,並放置在主資料夾下:
  
  test.PHP:
  <?PHP
  require "main.PHP";
  $tpl->assign("title", "測試用的網頁標題");
  $tpl->assign("content", "測試用的網頁內容");
  // 上面兩行也可以用這行代替
  // $tpl->assign(array("title" => "測試用的網頁標題", "content" => "測試用的網頁內容"));
  $tpl->display('test.htm');
  ?>
  
  請打開浏覽器,輸入 替換localhost/demo/test.PHP 試試看(依您的環境決定網址),應該會看到以下的畫面:
  
 

  再到 templates_c 底下,我們會看到一個奇怪的資料夾 (%%179) ,再點選下去也是一個奇怪的資料夾 (%%1798044067) ,而其中有一個檔案:
  
  templates_c/%%179/%%1798044067/test.htm.PHP:
  <?PHP /* Smarty version 2.6.0, created on 2003-12-15 22:19:45 compiled from test.htm */ ?>
  <Html>
  <head>
  <meta http-equiv="Content-Type" content="text/Html; charset=big5">
  <title><?PHP echo $this->_tpl_vars['title']; ?></title>
  </head>
  <body>
  <?PHP echo $this->_tpl_vars['content']; ?>
  </body>
  </Html>
  
  沒錯,這就是 Smarty 編譯過的檔案。它將我們在模版中的變量轉換成了 PHP 的語

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved