Tad 教材網 - 線上書籍

:::

\[1032\]PHP入門
=============

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1032/1.pdf)

### 一、 關於本課程

1. 講義：[http://www.tad0616.net/modules/tad\_book3/index.php?tbsn=34](http://www.tad0616.net/modules/tad_book3/index.php?tbsn=34)
2. 請申請[Dropbox](https://db.tt/3rsYVB1y)，一旦發布講義，您的電腦會馬上收到。（有帳號的可不用再申請）
3. 本課程是系列中的第三個學程，屬較進階部份，因此，有任何聽不懂的：隨時發問！
4. 上課歡迎卯起來走動，互相觀摩交流，盡量別保持安靜。飲食部份請至走廊食用。
5. 上課時間為週六9:00～12:00及13:30～16:30，共計九次。
6. 上課歡迎拍照、錄音、錄影，能和同學分享更好。
7. 座位基本上沒有強制性，但也不建議每次都換來換去。
8. 社大電腦C磁碟會還原，可在D磁碟安裝常用的可攜式軟體
9. 記得認識一下助教！郭俊良及李佳玲。
 
### 二、 這學期會學到...

1. PHP：這是為了下一學期要寫XOOPS模組所必備的基本能力。
2. MySQL：也就是SQL資料庫語言，我們的資料都要放進資料庫中。
3. HTML5：也就是做網頁，用來撰寫系統外觀架構、表單...等。
4. CSS3：用來美化系統外觀（HTML5和CSS3是上學期的課，本學期不再詳述）
5. BootStrap：快速導入自適應框架，讓您的系統在手機跑看起來也一樣美觀。
6. TinyButStrong：小強樣板引擎，讓版面製作變得更一致、更簡單。
 
### 三、 開發工具

1. 只要是自己熟悉的純文字編輯工具都可以。
2. 首推sublime text，其次為NotePad++，基本上沒有限制，您用得習慣即可。
 
### 四、 開發環境

1. 需有網頁伺服器（如：Apache），因為PHP必須依附在網頁伺服器中。
2. 需有資料庫（如：MySQL或MariaDB）
3. 在家中沒有伺服器或者沒有網路的環境，可裝Uniform Server （<http://www.uniformserver.com>）或XAMPP （<https://www.apachefriends.org>），請勿用AppSer這個殘缺的東西！
4. 申請學生練習主機空間（<http://163.26.52.243>） 
  - (1) 學生練習主機為Linux主機，僅社大學員可以申請（FTP及MySQL帳號）。
  - (2) 使用期限為本學期，學期結束後，可能隨時會清除舊資料，故請自行備份。
  - (3) 申請後，您的網站網址為：「http://163.26.52.243/~帳號」
  - (4) 資料庫和FTP帳號、密碼是一樣的！
 
### 五、 Uniform Server設定

1. 可安裝在隨身碟，開發環境帶著跑。
2. 執行UniController.exe可開啟控制台，依序點選Start MySQL及Start Apache啟動伺服器。
3. 選擇「General→Mail utility msmtp」來進行寄信設定。
4. 開啟後，右邊下拉選單可先選擇「Gmail」，然後點選「Edit configuration File」來編輯設定檔。
5. 找到Gmail的設定部份，輸入您的Gmail帳號及密碼（請將中文字的部份以實際資料替換掉）
6. 儲存後，可透過其界面來寄發測試信。
 
### 六、 幾個您要知道的位置（假設裝在D:）

1. 網頁目錄的位置：D:\\UniServerZ\\www
2. 資料庫的存放位置：D:\\UniServerZ\\core\\mysql\\data
3. PHP 設定檔 php.ini 的位置：D:\\UniServerZ\\core\\php54\\php\_production.ini
4. MySQL設定檔 my.ini 的位置：D:\\UniServerZ\\core\\mysql\\my.ini
5. 網站連結位置：http://電腦IP或http://localhost或http://127.0.0.1
6. phpMyAdmin 的連結位置：http://localhost/us\_phpmyadmin
 
### 七、 第一個PHP測試檔（info.php）

```
<pre class="brush:php;">
<?php
phpinfo();
?>
```

1. 儲存至：D:\\UniServerZ\\www\\info.php
2. 測試：http://localhost/info.php
 
### 八、 修改php.ini (底線部份為建議務必修改項目)

1. <u>date.timezone = Asia/Taipei ;</u> //主機預設時區，否則系統抓到的可能會有誤差。
2. <u>display\_errors = On ;</u> //是否顯示錯誤訊息？建議開啟！
3. upload\_max\_filesize = 100M ; //允許上傳的檔案的最大容量。
4. post\_max\_size = 120M ; //表單最大容量，該值必須大於 upload\_max\_filesize
5. memory\_limit = 128M ; //一個程序所能夠申請到的記憶體空間
6. max\_input\_vars = 1000 ; //表單可接收的變數數量，超過此數量，就無法完全接收。
7. max\_file\_uploads = 20 ; //最多只能傳幾個檔案？請視需求設定之。
8. max\_execution\_time = 150 ; //每個程序最大允許執行時間(秒)，0 表示沒有限制。
9. 記得Stop Apache再重啟 Start Apache，如此設定才會生效。
 
### 九、 FileZilla檔案傳輸軟體

1. <http://www.inote.tw/filezilla-download> (或 [http://163.26.52.243 的下載區](http://163.26.52.243/modules/tad_uploader/index.php?of_cat_sn=1))  
   ![](http://www.tad0616.net/uploads/tad_book3/image/1002/snap034.png)
 
### 十、 關於PHP（PHP：Hypertext Preprocessor）

1. PHP（http://php.net）最早由拉斯姆斯·勒多夫在1995年發明
2. PHP是一種伺服器端語言，是生存在主機中的，所以您得裝網站伺服器。
3. PHP是一種嵌入式的語言，所以可以和網頁寫在一起。
4. PHP是一種描述式語言，所以不需要事先編譯。
5. PHP是一種跨平台的語言，可以在Linux、windows...等環境下運作。
6. PHP是一種免費的語言，所以不用錢..  
   ![](http://www.tad0616.net/uploads/tad_book3/image/1002/php.png)
 
### 十一、 本學期主題：特殊的簡易佈告欄

1. 本學期來做一個特殊的簡易佈告欄（eznews）
2. 有標題、內容區、分類、發布者、發布日期...等（可自行新增想要的欄位）
3. 可上傳附件、可標題直接轉址。
4. 發布者靠密碼發布，無需複雜認證或用戶管理。
5. 可以在手機上操作。
 
### 十二、 使用者輸入介面設計

1. 基礎HTML5頁面：（或輸入html:5，然後按tab鍵） ```
  <pre class="brush:xml;">
  
  <html lang="zh-TW">
    <head>
      <meta charset="utf-8">
      <title>標題</title>
    </head>
    <body>
      主內容區
    </body>
  </html>
  ```
2. 請存成post.php。.php檔裡面可以有HTML語法和PHP程式，但.html檔僅能有HTML語法，無法執行PHP程式。
3. 表單語法：<form action="接收程式.php" method="傳送方式">表單</form> 
  - (1) action 屬性：用來指定使用者填好的東西，要送去給哪個程式來執行。
  - (2) method 屬性：指定傳送方法，可以是 POST（建議）或 GET（預設）
  - (3) 如果希望表單可以上傳，必須加入 enctype="multipart/form-data"
 
### 十三、 sublime text操作技巧

1. 輸入div，按tab鍵，會變成<div></div>
2. 輸入div\*3，按tab鍵，會變成<div></div><div></div><div></div>
3. 輸入div.well，按tab鍵，會變成<div class=”well”></div>
4. 輸入div#toolbar，按tab鍵，會變成<div id=”toolbar”></div>
5. 輸入div>a，按tab鍵，會變成<div><a href=""></a></div>
6. 輸入div+a，按tab鍵，會變成<div></div><a href="">發布新聞</a>
7. 輸入a{發布新聞}，按tab鍵，會變成<a href="">發布新聞</a>
8. 輸入input\[type=text name=title\]，按tab鍵，會變成<input type="text" name="title">
9. 可用 Ctrl+/ 或 Ctrl+Shift+/ 來產生註解符號
10. 用tab鍵縮排，Shift+tab反縮排
11. 更多進階用法：<http://docs.emmet.io/abbreviations/syntax/>
 
### 十四、 最基礎的 input 表單元件

1. <input type="格式" name="名稱" size="大小" value="預設值" placeholder="佔位字元">
2. 格式有：text（文字框）、hidden（隱藏框）、password（密碼框）、file（上傳框）、submit（送出鈕）、reset（清除鈕）
3. 其中的 name 最重要！一定要有！因為 name 送出後，會變成 PHP 的變數名稱。
4. 例如表單有個：<input type="text" name="tel">，表單送出後，方法若用 post，那麼會得到 $\_POST\['tel'\] 變數；若是用 get，那就是 $\_GET\['tel'\]
 
### 十五、 其他常用的表單元件 HTML 語法及屬性

1. 用<button type=”submit”>按鈕文字</button>也可做出按鈕效果
2. 單選框：<input type="radio" name="名稱" value="值 1">選項文字 1 
  - (1) 單選框通常會有好幾個選項，一組選項就要一組<input>，name 都要一樣才行！
  - (2) 若要預設選取，要加上 checked="checked"
  - (3) 可以用<label for="id">選項</label>，以便點選文字就可以勾選該項目。
3. 複選框：<input type="checkbox" name="名稱\[\]" value="值 1">選項文字 1 
  - (1) 複選框通常同時會有好幾個選項，一組選項就要一組<input>
  - (2) name 都要一樣才行！而且因為是複選，所以 name 要加上\[\]，如此會送出陣列。
  - (3) 若要預設選取，要加上 checked="checked"
4. 下拉選單：<select name="名稱" size=1>選項</select> 
  - (1) 選項：<option value="值">選項文字</option> 
      - a. 一組選項，就是一組<option>
      - b. 若要預設選取：要在<option>中加入 selected="selected"
  - (2) 若希望下拉選單可以複選，除了 name 要加上\[\]外，還要加上 multiple 屬性。
5. 大量文字框：<textarea name="名稱" cols="欄寬" rows="列高">預設值</textarea>
 
### 十六、 接收表單變數

1. PHP模式：<?php php程式; ?>
2. 用echo 印出變數：字串請用雙引號包起來；變數若要放在字串中，請用{}隔開。
3. nl2br()函數可以將換行轉換成網頁的換行標籤<br>
4. 每一個敘述句後，請用;作為結尾
 
### 十七、 請善用註解

1. //這是PHP單行註解，自己一行，或者放在程式後面都可以
2. /\* 這是PHP多行註解，中間可以有很多行 \*/
3. 
 
### 十八、 BootStrap3簡易用法

1. BootStrap3官網：<http://getbootstrap.com/>
2. BootStrap中文手冊：<http://v3.bootcss.com/css/>
3. 布局容器：有<div class="container-fluid">和<div class="container">，放在最外層，前者寬度100%，後者約80%。
4. 網格系統：一律為<div class="row">可想像為一個橫列，裡面可以分為12格
5. 設定網格：<div class="col-md-n">，n的值從1~12，一個row裡面加起來總和最大為12。如<div class="col-md-9"><div class="col-md-3">就是左9格，右3格的兩欄式排列。
6. 另，class可以多重指定，例如：<div class="col-md-9 well">同時套用well效果
7. 套用前：  
   ![](http://www.tad0616.net/uploads/tad_book3/image/02/b1.png)
8. 套用後：  
   ![](http://www.tad0616.net/uploads/tad_book3/image/02/b2.png)
 
</body></html>

:::