線上書籍

Home

[1032]PHP入門

一、 關於本課程
  1. 講義：http://www.tad0616.net/modules/tad_book3/index.php?tbsn=34
  2. 請申請Dropbox，一旦發布講義，您的電腦會馬上收到。（有帳號的可不用再申請）
  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） <?php phpinfo(); ?>

 

  1. 儲存至：D:\UniServerZ\www\info.php
  2. 測試：http://localhost/info.php
八、 修改php.ini (底線部份為建議務必修改項目)
  1. date.timezone  = Asia/Taipei ; //主機預設時區，否則系統抓到的可能會有誤差。
  2. display_errors = On ; //是否顯示錯誤訊息？建議開啟！
  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 的下載區)
十、 關於PHP（PHP：Hypertext Preprocessor）
  1. PHP（http://php.net）最早由拉斯姆斯·勒多夫在1995年發明
  2. PHP是一種伺服器端語言，是生存在主機中的，所以您得裝網站伺服器。
  3. PHP是一種嵌入式的語言，所以可以和網頁寫在一起。
  4. PHP是一種描述式語言，所以不需要事先編譯。
  5. PHP是一種跨平台的語言，可以在Linux、windows...等環境下運作。
  6. PHP是一種免費的語言，所以不用錢..
十一、 本學期主題：特殊的簡易佈告欄
  1. 本學期來做一個特殊的簡易佈告欄（eznews）
  2. 有標題、內容區、分類、發布者、發布日期...等（可自行新增想要的欄位）
  3. 可上傳附件、可標題直接轉址。
  4. 發布者靠密碼發布，無需複雜認證或用戶管理。
  5. 可以在手機上操作。
十二、 使用者輸入介面設計
  1. 基礎HTML5頁面：（或輸入html:5，然後按tab鍵） <!DOCTYPE html> <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. <!-- 這是 HTML 的註解，別搞混了 -->
十八、 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. 套用前：
  8. 套用後：