smarty實例教程

更新時間：2006年11月19日 00:00:00 作者：

smarty實例教程(1)
一、什么是smarty?
smarty是一個使用PHP寫出來的模板PHP模板引擎，它提供了邏輯與外在內(nèi)容的分離，簡單的講，目的就是要使用PHP程序員同美工分
離,使用的程序員改變程序的邏輯內(nèi)容不會影響到美工的頁面設(shè)計，美工重新修改頁面不會影響到程序的程序邏輯，這在多人合作的項目
中顯的尤為重要。

二、smarty優(yōu)點：
1. 速度：采用smarty編寫的程序可以獲得最大速度的提高，這一點是相對于其它的模板引擎技術(shù)而言的。

2. 編譯型：采用smarty編寫的程序在運行時要編譯成一個非模板技術(shù)的PHP文件，這個文件采用了PHP與HTML混合的方式，在下一次訪
問模板時將WEB請求直接轉(zhuǎn)換到這個文件中，而不再進行模板重新編譯（在源程序沒有改動的情況下）

3. 緩存技術(shù)：smarty選用的一種緩存技術(shù)，它可以將用戶最終看到的HTML文件緩存成一個靜態(tài)的HTML頁，當設(shè)定smarty的cache屬性為
true時，在smarty設(shè)定的cachetime期內(nèi)將用戶的WEB請求直接轉(zhuǎn)換到這個靜態(tài)的HTML文件中來，這相當于調(diào)用一個靜態(tài)的HTML文件。

4. 插件技術(shù)：smarty可以自定義插件。插件實際就是一些自定義的函數(shù)。

5. 模板中可以使用if/elseif/else/endif。在模板文件使用判斷語句可以非常方便的對模板進行格式重排。

三、不適合使用smarty的地方：

1. 需要實時更新的內(nèi)容。例如像股票顯示，它需要經(jīng)常對數(shù)據(jù)進行更新，這類型的程序使用smarty會使模板處理速度變慢。

2. 小項目。小項目因為項目簡單而美工與程序員兼于一人的項目，使用smarty會喪失php開發(fā)迅速的優(yōu)點。

四、安裝smarty類：

安裝smarty的環(huán)境：php版本4.06以上版本。

安裝smarty方法非常簡單，從http://samrty.php.net中下載smarty.t...將LIB中所有文件
拷入comm目錄,完成基本安裝.

其它高級安裝使用方法請看手冊.

五、smarty在模板中的使用：

本節(jié)通過幾個實例來講一講smarty的使用。smarty模板通常使用.tpl來標識，有些人為了美工方便，將擴展名直接寫成.html，也是可以
的。本文中采用smarty標準寫法:以.tpl來表示為一個smarty模板。

PHP代碼:--------------------------------------------------------------------------------

   實例1：

    先來看一個簡單的例子。
    =====================================================
    index.tpl
    =====================================================

    {* 顯示是smarty變量識符里的用*包含的文字為注釋內(nèi)容 *}
    {include file="header.tpl"}{*頁面頭*}
         大家好，我叫{$name}, 歡迎大家閱讀我的smarty學(xué)習(xí)材料。
    {include file="foot.tpl"}{*頁面尾*}

   上邊的這個例子是一個tpl模板，其中：
   1. {**}是模板頁的注釋，它在smarty對模板進行解析時不進行任何輸出，僅供模板設(shè)計師對模板進行注釋。
   2. {include file="xxx.tpl"}使用此句將一個模板文件包含到當前頁面中，例子中將在網(wǎng)站中公用事的head.tpl與foot.tpl進行了包含，你可以
   這樣想，使用這一句將xxx.tpl中的內(nèi)容全部復(fù)制在當前語句處。當然，你不使用這一句也可以，將XXX.tpl中的內(nèi)容復(fù)制到當前語句處
  也是完全可以了。

   3.{$name}: 模板變量，smarty中的核心組成，采用smarty定義的左邊界符{與右邊界符}包含著、以PHP變量形式給出，在smarty程序中將使用
     $smarty->assign("name", "李曉軍")；將模板中的$name替換成“李曉軍”三個字。

  整個實例源程序如下：
  =============================
  header.tpl
  =============================
  <html>
    <head>
       <title>大師兄smarty教程</title>
    </head>
  <body>

  ===============================
  foot.tpl
  ===============================
    <hr>
     <center> CopyRight(C) by 大師兄 2004年8月</center>
    <hr>
    </body>
  </html>

    =====================================================
    index.tpl
    =====================================================

    {* 顯示是smarty變量識符里的用*包含的文字為注釋內(nèi)容 *}
    {include file="header.tpl"}{*頁面頭*}
         大家好，我叫{$name}, 歡迎大家閱讀我的smarty學(xué)習(xí)材料。
    {include file="foot.tpl"}{*頁面尾*}

   ================================================
     index.php
   ================================================
   <?php

      include_once("./comm/Smarty.class.php"); //包含smarty類文件

      $smarty = new Smarty();  //建立smarty實例對象$smarty
      $smarty->templates("./templates"); //設(shè)置模板目錄
      $smarty->templates_c("./templates_c"); //設(shè)置編譯目錄

      //----------------------------------------------------
      //左右邊界符，默認為{}，但實際應(yīng)用當中容易與Javascript
      //相沖突，所以建議設(shè)成<{}>或其它。
      //----------------------------------------------------
      $smarty->left_delimiter = "{";
      $smarty->right_delimiter = "}";

      $smarty->assign("name", "李曉軍"); //進行模板變量替換

      //編譯并顯示位于./templates下的index.tpl模板
      $smarty->display("index.tpl");
   ?>

   最終執(zhí)行這個程序時將顯示為：
   ================================
   執(zhí)行index.php
   ================================
   <html>
    <head>
       <title>大師兄smarty教程</title>
    </head>
    <body>
     大家好，我叫李曉軍, 歡迎大家閱讀我的smarty學(xué)習(xí)材料。
     <hr>
     <center> CopyRight(C) by 大師兄 2004年8月</center>
    <hr>
    </body>
  </html>

smarty實例教程(2)
    這個例子是綜合使用smarty模板參數(shù)的一個例子，這些參數(shù)用來控制模板的輸出，我只選其中幾個，其它的參數(shù)你去看參考吧。

    ================================================
      exmple2.tpl
    ================================================
    <html>
      <head><title>大師兄smarty示例2</title></head>
      <body>
        1. 第一句首字母要大寫：{$str1|capitalize}<br>
        2. 第二句模板變量 + 李曉軍：{$str2|cat:"李曉軍"}<br>
        3. 第三句輸出當前日期：{$str3|date_format:"%Y年%m月%d日"}
        4. 第四句.php程序中不處理，它顯示默認值：{$str4|default:"沒有值！"}
        5。第五句要讓它縮進8個空白字母位，并使用"*"取替這8個空白字符：<br>
         {$str5|indent:8:"*"}}<br>
        6. 第六句把TEACHerLI@163.com全部變?yōu)樾懀簕$str6|lower}<br>
        7. 第七句把變量中的teacherli替換成：李曉軍：{$str7|replace:"teacherli":"李曉軍"}<br>
    8. 第八句為組合使用變量修改器：{$str8|capitalize|cat:"這里是新加的時間："|date_format:"%Y年%m月%d日"|lower}
      </body>
    </html>

    ===============================================
    example2 .php
    ===============================================
    <?php

      include_once("./Smarty.class.php"); //包含smarty類文件

      $smarty = new Smarty();  //建立smarty實例對象$smarty
      $smarty->templates("./templates"); //設(shè)置模板目錄
      $smarty->templates_c("./templates_c"); //設(shè)置編譯目錄

      //----------------------------------------------------
      //左右邊界符，默認為{}，但實際應(yīng)用當中容易與Javascript
      //相沖突，所以建議設(shè)成<{}>或其它。
      //----------------------------------------------------
      $smarty->left_delimiter = "{";
      $smarty->right_delimiter = "}";

      $smarty->assign("str1", "my name is xiao jun, li."); //將str1替換成My Name Is Xiao Jun, Li.
      $smarty->assign("str2", "我的名字叫："); //輸出: 我的名字叫:李曉軍
      $smarty->assign("str3", "公元"); //輸出公元2004年8月21日（我的當前時間）
      //$smarty->assign("str4", ""); //第四句不處理時會顯示默認值，如果使用前面這一句則替換為""
      $smarty->assign("str5", "前邊8個*"); //第五句輸出：********前邊8個*
      $smarty->assign("str6", "TEACHerLI@163.com"); //這里將輸出teacherli@163.com
      $smarty->assign("str7", "this is teacherli"); //在模板中顯示為：this is 李曉軍
      $smarty->assign("str8", "HERE IS COMBINING:");

      //編譯并顯示位于./templates下的index.tpl模板
      $smarty->display("example2.tpl");
   ?>

    最終輸出效果：
    ======================================================
    example2.php輸出效果：
    ======================================================
    <html>
      <head><title>大師兄smarty示例2</title></head>
      <body>
        1. 第一句首字母要大寫：My Name Is Xiao Jun, Li.<br>
        2. 第二句模板變量 + 李曉軍：我的名字叫：李曉軍<br>
        3. 第三句輸出當前日期：公元2004年8月21日<br>
        4. 第四句.php程序中不處理，它顯示默認值：沒有值！<br>
        5。第五句要讓它縮進8個空白字母位，并使用"*"取替這8個空白字符：<br>
         ********前邊8個*<br>
        6. 第六句把TEACHerLI@163.com全部變?yōu)樾懀簍eacherli@163.com<br>
        7. 第七句把變量中的teacherli替換成：李曉軍：this is 李曉軍<br>
    8. 第八句為組合使用變量修改器：Here is Combining:這里是新加的時間：2004年8月21日
      </body>
    </html>

   在模板中的這些參數(shù)被稱為變量修改器（variable modifiers），使用這些參數(shù)可對模板進行一系列的修改控制。變量修改器
   使用"|"和調(diào)節(jié)器名稱應(yīng)用修改器，使用":"分開修改器參數(shù)。變量修改器可以組合使用，像第八句一樣，實際使用中可以靈活應(yīng)用。

   實例3.
   ==================================================
   example3.tpl
   ==================================================
   <html>
    <head><title>模板中內(nèi)定的一些函數(shù)</title></head>
    <body>

        {*下面的這一段相當于在模板內(nèi)部定義一個變量UserName*}
        {assign var="UserName" value="大師兄"}
        這里將顯示模板內(nèi)部定義的一個變量:UserName = admin

        下面的這一行將顯示3個checkBox:<br>
        {html_checkboxes name="CheckBox" values=$CheckName checked=$IsChecked output=$value separator="<br />"}
        下面在這一行將顯示3個radio:<br>
        {html_radioes name="RadioBox" values=$RadioName checked=$IsChecked output=$value separator="<br />"}


        下面顯示一個月,日, 年選擇框:<br>
        {html_select_date}

    <hr><b>CopyRight(C) By XiaoJun, Li 2004<b>{mailto address="teacherli@163.ccom" text="聯(lián)系作者"}

    </body>
   </html>

  ======================================================
  example3.php
  ======================================================
   <?php

  require_once ("./comm/Smarty.class.php");

  $smarty = new F117_Smarty;
  $smarty->template_dir = './templates/';
  $smarty->compile_dir  = './templates_c/';
  $smarty->config_dir   = './configs/';
  $smarty->cache_dir    = './cache/';
  $smarty->caching      = false;

  //--------------------------------------------------------------------------------------
  //處理{html_checkboxes name="CheckBox" values=$CheckName checked=$IsChecked output=$value separator="<br />"}
  //--------------------------------------------------------------------------------------
  $smarty->assign('CheckName', array(
                         1001 => '語文',
                         1002 => '數(shù)學(xué)',
                         1003 => '外語'));
  $smarty->assign('IsChecked', 1001);

  //--------------------------------------------------------------------------------------
  //處理{html_radioes name="RadioBox" values=$RadioName checked=$IsChecked output=$value separator="<br />"}
  //--------------------------------------------------------------------------------------
  $smarty->assign('RadioName', array(
                         1001 => '語文',
                         1002 => '數(shù)學(xué)',
                         1003 => '外語'));
  $smarty->assign('IsChecked', 1001);

  //--------------------------------------------------------------------------------------
  //{html_select_date}不用處理會自動輸出
  //--------------------------------------------------------------------------------------

  $smarty->display("example3.tpl");
  ?>

smarty實例教程(3)

  ======================================================
  example3.php輸出效果:
  ======================================================
<html>
    <head><title>模板中內(nèi)定的一些函數(shù)</title></head>
    <body>

        {assign var="UserName" value="大師兄"}
        這里將顯示模板內(nèi)部定義的一個變量:UserName = 大師兄

        下面的這一行將顯示3個checkBox:<br>
        <input type="checkbox" name="CheckBox[]" value="1000">語文<br />
        <input type="checkbox" name="CheckBox[]" value="1001" checked="checked">數(shù)學(xué)<br />
        <input type="checkbox" name="CheckBox[]" value="1002">外語<br />
        下面在這一行將顯示3個radio:<br>
        <input type="radio" name="RadioBox[]" value="1000">語文<br />
        <input type="radio" name="RadioBox[]" value="1001" checked="checked">數(shù)學(xué)<br />
        <input type="radio" name="RadioBox[]" value="1002">外語<br />
        下面顯示一個月,日, 年選擇框:<br>
        <select name="Date_Month">
         <option label="January" value="01">January</option>
         <option label="February" value="02">February</option>
         <option label="March" value="03">March</option>
         <option label="April" value="04">April</option>
         <option label="May" value="05">May</option>
         <option label="June" value="06">June</option>
         <option label="July" value="07">July</option>
         <option label="August" value="08" selected="selected">August</option>
         <option label="September" value="09">September</option>
         <option label="October" value="10">October</option>
         <option label="November" value="11">November</option>
         <option label="December" value="12">December</option>
      </select>
      <select name="Date_Day">
         <option label="01" value="1">01</option>
         <option label="02" value="2">02</option>
         <option label="03" value="3">03</option>
         <option label="04" value="4">04</option>
         <option label="05" value="5">05</option>
         <option label="06" value="6">06</option>
         <option label="07" value="7">07</option>
         <option label="08" value="8">08</option>
         <option label="09" value="9">09</option>
         <option label="10" value="10">10</option>
         <option label="11" value="11">11</option>
         <option label="12" value="12">12</option>
         <option label="13" value="13">13</option>
         <option label="14" value="14">14</option>
         <option label="15" value="15">15</option>
         <option label="16" value="16">16</option>
         <option label="17" value="17">17</option>
         <option label="18" value="18">18</option>
         <option label="19" value="19">19</option>
         <option label="20" value="20">20</option>
         <option label="21" value="21" selected="selected">21</option>
         <option label="22" value="22">22</option>
         <option label="23" value="23">23</option>
         <option label="24" value="24">24</option>
         <option label="25" value="25">25</option>
         <option label="26" value="26">26</option>
         <option label="27" value="27">27</option>
         <option label="28" value="28">28</option>
         <option label="29" value="29">29</option>
        <option label="30" value="30">30</option>
        <option label="31" value="31">31</option>
     </select>
    <select name="Date_Year">
      <option label="2004" value="2004" selected="selected">2004</option>
    </select>
     <hr><b>CopyRight(C) By XiaoJun, Li 2004<b><a href="mailto:teacherli@163.com">ÁªÏµ×÷Õß</a>
  </body>
</html>

例3使用了一些smarty模板中內(nèi)置的一些函數(shù),相似的函數(shù)大家可以在手冊中查到,使用方法很簡單,大家可以自己去查找.

例4.模板控制(if / elseif / else/ endif )
=======================================================
example4.tpl
=======================================================
<html>
   <head><title>模板中的流程控制</title><head>
   <body>
      <table border="1">
        {assign var="tbColor" value="#D4D0C8"}
    色彩:{$tbColor}<br>

    {section name=loop loop=$News}
    {if $tbColor == "#D4D0C8"}
        <tr bgcolor="{$tbColor}">
        {assign var="tbColor" value="#EEEEEE"}
      {else $tbColor == "#EEEEEE"}
        <tr bgcolor = "{$tbColor}">
         {assign var="tbColor" value="#D4D0C8"}
       {/if}
       <td>{$News[loop].newsID}</td>
       <td>{$News[loop].newsTitle}</td>
       <tr>
    {/section}
     </table>
   </body>
</html>

=======================================================
  example4.php
=======================================================
  <?php

  require_once ("./public/inc/F117_Smarty.php");

  $smarty = new F117_Smarty;
  $smarty->template_dir = './templates/';
  $smarty->compile_dir  = './templates_c/';
  $smarty->config_dir   = './configs/';
  $smarty->cache_dir    = './cache/';
  $smarty->caching      = false;

$array[]= array("newsID"=>"001", "newsTitle"=>"第1條新聞");
$array[]= array("newsID"=>"002", "newsTitle"=>"第2條新聞");
$array[]= array("newsID"=>"003", "newsTitle"=>"第3條新聞");
$array[]= array("newsID"=>"004", "newsTitle"=>"第4條新聞");
$array[]= array("newsID"=>"005", "newsTitle"=>"第5條新聞");
$array[]= array("newsID"=>"006", "newsTitle"=>"第6條新聞");
$array[]= array("newsID"=>"007", "newsTitle"=>"第7條新聞");
$array[]= array("newsID"=>"008", "newsTitle"=>"第8條新聞");

$smarty->assign("News", $array);

$smarty->display("example4.tpl");
?>

smarty實例教程(4)

==================================================
example4.php輸出:
==================================================
  <html>
   <head><title>模板中的流程控制</title><head>
   <body>
      <table border="1">

                <tr bgcolor="#D4D0C8">

             <td>001</td>
       <td>第1條新聞</td>
       </tr>
                <tr bgcolor = "#EEEEEE">

              <td>002</td>
       <td>第2條新聞</td>
       </tr>
                <tr bgcolor="#D4D0C8">

             <td>003</td>
       <td>第3條新聞</td>
       </tr>
                <tr bgcolor = "#EEEEEE">

              <td>004</td>
       <td>第4條新聞</td>
       </tr>
                <tr bgcolor="#D4D0C8">

             <td>005</td>
       <td>第5條新聞</td>
       </tr>
                <tr bgcolor = "#EEEEEE">

              <td>006</td>
       <td>第6條新聞</td>
       </tr>
                <tr bgcolor="#D4D0C8">

             <td>007</td>
       <td>第7條新聞</td>
       </tr>
                <tr bgcolor = "#EEEEEE">

              <td>008</td>
       <td>第8條新聞</td>
       </tr>
         </table>
   </body>
</html>

  模板文件中使用:
         {if $tbColor == "#D4D0C8"}
        <tr bgcolor="{$tbColor}">
        {assign var="tbColor" value="#EEEEEE"}
      {else $tbColor == "#EEEEEE"}
        <tr bgcolor = "{$tbColor}">
         {assign var="tbColor" value="#D4D0C8"}
       {/if}
  這一語句塊進行設(shè)置每一行的背景顏色, {assign var="tbColor" value="#D4D0C8"}還記的吧,是例3中設(shè)置模板內(nèi)部變量的定義方法,
        使用模板內(nèi)置的流程控制語句有時可以極大程度上提高程序的控制能力,下面一個例子是phpx.com中曾經(jīng)有位朋友問過的,我將它作為
   實例放在這里供大家學(xué)習(xí).

  例5: 使用模板內(nèi)置流程控制語句進行一行多單元格內(nèi)容輸出, 也就是在視覺上smarty每記輸出幾條記錄:
  ================================================
  example5.tpl
  ================================================
  <html>
    <head><title>一行輸出多條記錄</title></head>
    <body>
       <table>
    <tr>
            {section name=loop loop=$News step=1}
            {if $smarty.section.loop.index % 4 == 0}
               </tr>
               <tr>
            {/if}
       <td>{$News[loop].newsID}</td>
       <td>{$News[loop].newsTitle}</td>
         {/section}
       </tr>
      </table>
    </body>
  </html>

  ====================================================
  example5.php
  ====================================================
<?php

  require_once ("./public/inc/F117_Smarty.php");

  $smarty = new F117_Smarty;
  $smarty->template_dir = './templates/';
  $smarty->compile_dir  = './templates_c/';
  $smarty->config_dir   = './configs/';
  $smarty->cache_dir    = './cache/';
  $smarty->caching      = false;

$array[]= array("newsID"=>"001", "newsTitle"=>"第1條新聞");
$array[]= array("newsID"=>"002", "newsTitle"=>"第2條新聞");
$array[]= array("newsID"=>"003", "newsTitle"=>"第3條新聞");
$array[]= array("newsID"=>"004", "newsTitle"=>"第4條新聞");
$array[]= array("newsID"=>"005", "newsTitle"=>"第5條新聞");
$array[]= array("newsID"=>"006", "newsTitle"=>"第6條新聞");
$array[]= array("newsID"=>"007", "newsTitle"=>"第7條新聞");
$array[]= array("newsID"=>"008", "newsTitle"=>"第8條新聞");

$smarty->assign("News", $array);

$smarty->display("example5.tpl");
?>

==================================================
example5.php輸出內(nèi)容:
==================================================
   <html>
    <head><title>一行輸出多條記錄</title></head>
    <body>
       <table>
    <tr>

                           </tr>
               <tr>
                   <td>001</td>
       <td>第1條新聞</td>

                   <td>002</td>
       <td>第2條新聞</td>

                   <td>003</td>
       <td>第3條新聞</td>

                   <td>004</td>
       <td>第4條新聞</td>

                           </tr>
               <tr>
                   <td>005</td>
       <td>第5條新聞</td>

                   <td>006</td>
       <td>第6條新聞</td>

                   <td>007</td>
       <td>第7條新聞</td>

                   <td>008</td>
       <td>第8條新聞</td>
                </tr>
      </table>
    </body>
  </html>

     說明:本來還可以優(yōu)化,使得第一行不輸出一個空行的<tr> </tr>,但是學(xué)習(xí)程序,簡單為好,先就這么用了. 在這里說明一下:
         {section name=loop loop=$News step=1}
            {if $smarty.section.loop.index % 4 == 0}
               </tr>
               <tr>
            {/if}
       <td>{$News[loop].newsID}</td>
       <td>{$News[loop].newsTitle}</td>
         {/section}

     {section}{/section}指的是一個循環(huán)部分,在下一節(jié)會有詳細的介紹,我們主要來看看這一句:
         {if $smarty.section.loop.index % 4 == 0}
     $smarty.section.loop指出$smarty的實例中的section段有一個叫l(wèi)oop的部分, 它有一個屬性叫index, 它的表示當前循環(huán)的索引值,
     從0開始遞增, 我們把它%4后與0相比較,也就是說,如果當前的索引值是4的倍數(shù),它就輸出一個</tr><tr>,否則執(zhí)行下面的部分,
     很簡單的就解決了一個在程序上實現(xiàn)起來很麻煩的事情.

您可能感興趣的文章: