育將電腦工作室 - 線上書籍

網站程式設計-PHP
==========

1. #### **讓PHP程式和畫面設計（即樣板）分開，我們就可以用一般網頁編輯器來設計樣板或者可以讓程式看起來更簡明易懂。**
2. #### **可以不用重複設計專案的每一頁畫面，因樣板可共用，節省開發時間。**
3. #### **樣板引擎與Bootstrap結合**
4. #### **圖片輪播、下拉選單、縮圖列表**
5. #### **範例網站：[http://tncomu.byethost10.com/smarty\_1/index.php](http://tncomu.byethost10.com/smarty_1/index.php)**
6. #### **檔案下載：[https://www.dropbox.com/s/wb331neppios9j0/smarty\_1.zip?dl=0](https://www.dropbox.com/s/wb331neppios9j0/smarty_1.zip?dl=0)**
7. #### **樣版常數：  
   <span style="color:#FF0000;">define('WEB\_TITLE', "網站名稱"); </span> => <span style="color:#FF0000;">{$smarty.const.WEB\_TITLE}</span>**
8. #### **樣版變數：  
   <span style="color:#FF0000;">$smarty->assign("op", $op);</span> => <span style="color:#FF0000;">{$op}</span>**
9. #### **避免與JavaScript衝突：使用 literal標籤，此標籤會將包住的內容，原封不動地輸出。**
  
   ```
  <pre class="brush:as3;highlight:[3,8,9];">
  
        {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. #### **條件式樣版：**
  
   ```
  <pre class="brush:as3;">
  {if $file_name == "index.php"}
  
  {else}
  
  {/if}
  ```
12. #### **重覆式樣版，from(程式端)、item、key(樣版端)**
  
   ```
  <pre class="brush:as3;">
  {foreach from=$陣列變數 item=陣列元素名稱 key=陣列索引名稱}
  
  {/foreach}
  ```

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown