8. 導入PHP樣板引擎

1. 讓PHP程式和畫面設計（即樣板）分開，我們就可以用一般網頁編輯器來設計樣板或者可以讓程式看起來更簡明易懂。

2. 可以不用重複設計專案的每一頁畫面，因樣板可共用，節省開發時間。

3. 樣板引擎與Bootstrap結合

4. 圖片輪播、下拉選單、縮圖列表

5. 範例網站：http://tncomu.byethost10.com/smarty_1/index.php

6. 檔案下載：https://www.dropbox.com/s/wb331neppios9j0/smarty_1.zip?dl=0

7. 樣版常數：
   define('WEB_TITLE', "網站名稱");  => {$smarty.const.WEB_TITLE}

8. 樣版變數：
   $smarty->assign("op", $op);  => {$op}

9. 避免與JavaScript衝突：使用 literal標籤，此標籤會將包住的內容，原封不動地輸出。

   
         {literal}
           <script type="text/javascript">
             $(document).ready(function(){
               $('.top-content').backstretch([
                  "http://fakeimg.pl/1600x1200/ff0000/"
                , "http://fakeimg.pl/1600x1200/00ff00/"
                , "http://fakeimg.pl/1600x1200/0000ff/"
                ], {duration: 3000, fade: 750});
             });
           </script>
         {/literal}

    

10. 註解：{* 在index.php *}

11. 條件式樣版：

    {if $file_name == "index.php"}
    
    {else}
    
    {/if}

     

12. 重覆式樣版，from(程式端)、item、key(樣版端)

    {foreach from=$陣列變數 item=陣列元素名稱 key=陣列索引名稱}
    
    {/foreach}