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

10-4 20171115-上課程式碼 next

PHP SMARTY 樣板引擎
===============

1. 另開一列 ```
  <pre class="brush:as3;">
  
          <div class="row">
            
          </div>
  ```
2. [fontawesome 介紹](https://www.ugm.com.tw/modules/tad_book3/page.php?tbdsn=801)  
   當我們安裝完 fontawesome，前台上方選單bar的左邊，應該就會出現圖示
3. [fontawesome-iconpicker 介紹](https://www.ugm.com.tw/modules/tad_book3/page.php?tbdsn=794)  
   在後台，安裝fontawesome 選擇器，讓用戶可以直接下直選擇，而不用再去網頁查詢代碼
4. 圖示  
   程式 - 預設值 ```
  <pre class="brush:as3;">
  
    $row['icon'] = isset($row['icon']) ? $row['icon']: "fa-facebook";
  ```
  
     
   樣板 ```
  <pre class="brush:as3;">
    
            <div class="col-sm-3">
              <div class="form-group">
                <label for="icon">圖示</label>
                <div class="input-group iconpicker-container">
                  <input type="text" data-placement="bottomRight" class="form-control icp icp-auto iconpicker-element iconpicker-input" id="icon" name="icon" value="<{$row.icon}>">
                  <span class="input-group-addon"><i class="fa <{$row.icon}>"></i></span>
                </div>
              </div>            
            </div>
  ```
5. 圖片：表單若有用到上傳，記得在 <form> 加上 「 enctype="multipart/form-data"」   
   樣板 ```
  <pre class="brush:as3;">
  
            <div class="col-sm-3">
              <div class="form-group">
                <label for="pic">圖片<span>(800x449)</span></label>                               
                <input type="file" name="pic" accept="image/*" class="form-control">
              </div>
            </div> 
  ```
 
一、PHP上傳

1. 透過表單，將檔案或圖片，上傳至伺服器的暫存區，系統會給一個臨時的檔名
2. 我們在將該檔移至指定的位置即可
 
二、表單

1. 在 form的標籤 加上 「<span style="color:#FF0000;">enctype="multipart/form-data"</span>」才能進行上傳檔案
2. 在 input的 type設成 "file" =>「<span style="color:#FF0000;">type="file"</span>」
3. input 的屬性 <span style="color:#FF0000;">accept="image/\*"</span> 則只接受圖檔上傳  
   [http://www.iana.org/assignments/media-types/media-types.xhtml](http://http//www.iana.org/assignments/media-types/media-types.xhtml)
4. 當表單送出後，接收端會產生 $\_FILES 超級全域變數  
   $\_FILES\['column'\]\['name'\]：檔案名稱  
   $\_FILES\['column'\]\['type'\]：檔案的MIME類型，例如image/gif  
   $\_FILES\['column'\]\['size'\]：檔案大小  
   $\_FILES\['column'\]\['tmp\_name'\]：暫存檔名稱  
   $\_FILES\['column'\]\['error'\]：錯誤訊息
5. move\_uploaded\_file($\_FILES\['column'\]\['tmp\_name'\],"新的位置/檔案名稱")

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown