架站實做 —AppServ 2.5.10

架站實做—AppServ 2.5.10

Outline • 了解何為WWW • 透過在windows下安裝AppServe來完成簡單的網站架設 • 學習如何使用MySQL資料庫 • PHP語法 • 作業

WWW 服務 • WWW 是 World Wide Web 的縮寫，又簡稱為全球資訊網 • 是一種結合文字、圖形、影像以及聲音等多媒體，並透過滑鼠點擊的超連結 (Hyperlink) 的方式將資訊以 Internet 傳遞。 • 簡單來說，是一種 server/client 的服務架構

WWW 服務 – 續 • 1980 年代，歐洲核子物理實驗室的科學家為了更有效率的分享及更新他們的研究成果， Tim Berners-Lee 發展出一個超文件傳輸協定 (Hyper Text Transport Protocol, HTTP)。 • 大約在 90 年代初期，為了讓 HTTP 這個協定得以順利的應用，由伊利諾大學的國家超級電腦應用中心開發出伺服器軟體 HTTPd • 但後來由於 HTTPd這個伺服器一直沒有妥善的發展，於是一群社群朋友便發起一個計畫，主要在改善原本的 HTTPd伺服器軟體，他們稱這個改良過的軟體為 Apache • 瀏覽器 (browser) 大戰 • Netscape • IE • Firefox • Google Chrome

WWW 伺服器的類型 • 以目前的網路世界來說，市佔率較高的 WWW 伺服器軟體為： • Apache::自由軟體，可以在任何作業系統上面安裝。 • IIS ::Windows 家族所開發，僅能在 Windows 作業系統上面安裝與執行。 • 僅提供使用者瀏覽的單向靜態網頁 • 一般的HTML語法即可達成。 • 提供使用者互動介面的動態網站 • 技術要求較高。 • 藉由網頁程式語言來達成互動 (PHP) • 伺服器端工作任務介面 (Server Side Include, SSI) :

什麼是AppServ？

Apache • 在AppServ中作為Web伺服器 • 以 HTTPd佔有率較高。在 HTTPd經過多次臭蟲的修訂後，於 1995 年後發佈 Apache • 啟動時較耗費資源，啟動後即成為Linux中的Daemon，或是Windows中的Service • Apache的程式當中分成 • 啟動階段 • 運行階段

MySQL • 在AppServ中作為數據庫 • 是一個關聯式資料庫管理系統 • 被廣泛地應用在網路上的中小型網站中

PHP • 在AppServ中作為網頁程式語言 • PHP大多在伺服器端執行，透過執行PHP的程式碼來產生網頁提供瀏覽器讀取 • PHP可以在許多的不同種的伺服器、作業系統、平台上執行，也可以和許多資料庫系統結合

AppServ 官網及下載點 • http://www.appservnetwork.com/?modules=&applang=tw

安裝流程 • 下載完畢後，點選圖示開啟 • 點選Next  I Agree • 選擇預設安裝路徑 :: 預設路徑為C:\AppServ • 安裝套件的選擇 (全選) • 在 Apache HTTP Server Information 畫面 • Server Name 欄位：輸入網域名稱 (例如 abc.com.tw) 沒有申請網域名稱者，請輸入 localhost • Administrator's Email Address 欄位：輸入郵件地址 • Apache HTTP Port 欄位：輸入 80(預設值) • 在 Please enter Root password for MySQL Server 畫面 • Enter root password 欄位：輸入密碼 • Re-enter root password 欄位：輸入確認密碼 • Character Sets and Collations 選項：選取 UTF-8 Unicode • 選取 Old Password Support(PHP MySQL API function.) • Install

測試 Appach Server • 安裝完成後，要確認是否安裝成功，可打開瀏覽器，在網址列輸入： • http://127.0.0.1 (或是http://localhost)做確認，可看到以下畫面 • 或是輸入http://127.0.0.1/phpinfo可以看到關於PHP版本套件的資訊

測試 Appach Server –續 • 架站完成後，預設網頁根目錄位於 C:\AppServ\www • 如果想更改預設網頁根目錄的位置，可以修改 httpd.conf檔案 • 修改完成後要重新啟動AppServ • [開始]- [程式集] - [AppServ] - [Control Server Service] - [Apache Restart] • 關於 phpMyAdmin的操作，可以開啟 IE 網址輸入 http://127.0.0.1/phpMyAdmin預設登入名稱 root預設密碼就是安裝時，所輸入的密碼 (也就是 MySQL的密碼)

MySQL的操作 • 有兩種方式，透過phpMyAdmin • 在cmd介面下操作請點我

MySQL操作語法 • 建立資料表　 • CREATE TABLE db_name • 刪除資料表 • DROP TABLE db_name • 插入欄位資料 • INSERT INTO資料表名稱(欄位1,欄位2,欄位3,欄位4, ...... 欄位N)values('值1','值2','值3','值4', ...... '值N');

MySQL操作語法 • 有興趣的話可以到http://www.hmes.kh.edu.tw/~jona/redhat/mysqlphp/mysqlsyntax.htm#%B8%EA%AE%C6%AEw/%B8%EA%AE%C6%AA%ED/%C4%E6%A6%EC%AA%BA%BE%DE%A7%40或是在網路上找尋其他用法

PHP的基本語法 <?phpecho "Hello, World!";?> 產生如下結果 Hello, World!

變數 • 變數是區分大小寫的，而內建函式與敘述句則不區分大小寫！ • PHP使用弱型態變數，變數的型態由變數值來自動決定： $a=12; //整數 $a=0.24;//浮點數 $a=“A”; //字串

echo() • 網頁資料輸出函數 • 字串 • echo “Hello, World!”; • 變數 • $message = "Hello, World!";echo $message; • 字串+變數 • $X=50; $Y=50; $Z=100; echo $X . “+” . $Y . “=“ .$Z ; 結果:50+50=100

建立表單 • 基本格式 • <form action="" method="post/get" > • …. • </form> • 輸入攔 • 文字表單 • <input type="text" name=“account"> • 密碼表單 • <input type="password" name=" password "> • 送出按鈕 • <input type="submit" value="送出按鈕"> • 清除按鈕 • <input type="reset" value="清除按鈕">

取得表單資料 • Post • 由伺服器來讀取 • Example $ account = $_POST[“account”]; • Get • 主動傳送給伺服器 • Example • $password = $_GET[“password”];

Session • 將物件儲存於伺服器端 • 啟用 Session • session_start() • 使用Session • $_SESSION[“number”]=10; • 刪除 session • unset ($_SESSION[“number”]); //刪除$_SESSION[“number”] • session_destroy();//刪除所有Session

資料庫與PHP • 連線到資料庫 • $link = mysql_connect(HOSTNAME, USERNAME, PASSWORD); • 選擇資料表 • mysql_select_db(DBNAME,$link); • 查詢動作 • $result = mysql_query(QueryString); • 將查詢的資料輸出 • $data=mysql_result($result,4,5);

作業 • php程式包含 • 登入頁面 (帳號密碼) • 可以把資料傳送到資料庫的頁面 • 報告包括 • 程式碼 • 截圖 • 問題與討論 • 心得

架站實做 —AppServ 2.5.10