架站實做—AppServ 2.5.10.

Presentation on theme: "架站實做—AppServ 2.5.10."— Presentation transcript:

1 架站實做—AppServ

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

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

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

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

6 什麼是AppServ？ 一般來說，網路上可提供存放網頁的免費空間都不大，並且同時還有諸多限制
除了空間上的限制，通常也不支援資料庫服務和眾多語法：例如PHP、CGI語法… 早期要架設專業的網頁伺服器，大多必須在Linux以及FreeBSD這類的作業系統底下來進行 對於不熟悉環境的操作者來說  相當麻煩!! 透過AppServ，可以簡單的在Windows底下將架設網站所需要的套件一次安裝好 AppServ是一套集成套件的工具包，底下包含： Apache PHP MySQL phpMyAdmin

7 Apache 在AppServ中作為Web伺服器
啟動時較耗費資源，啟動後即成為Linux中的 Daemon，或是Windows中的Service Apache的程式當中分成 啟動階段 運行階段

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

9 PHP 在AppServ中作為網頁程式語言 PHP大多在伺服器端執行，透過執行PHP的程式碼 來產生網頁提供瀏覽器讀取

10 AppServ 官網及下載點

11 安裝流程 下載完畢後，點選圖示開啟 點選Next  I Agree 選擇預設安裝路徑 :: 預設路徑為C:\AppServ
安裝套件的選擇 (全選) 在 Apache HTTP Server Information 畫面 Server Name 欄位：輸入網域名稱 (例如 abc.com.tw) 沒有申請網域名稱者，請 輸入 localhost Administrator's 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

12 測試 Appach Server 安裝完成後，要確認是否安裝成功，可打開瀏覽器，在網址列輸入：
(或是 或是輸入

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

14 MySQL的操作 有兩種方式，透過phpMyAdmin 在cmd介面下操作 請點我 cmd底下的登入方式
mysql –u root –p :: 執行後打入密碼 在文字介面下可利用help或是(\h)來查看提示

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

16 MySQL操作語法 有興趣的話可以到 yntax.htm#%B8%EA%AE%C6%AEw/%B8%EA%AE%C6%AA%ED/%C 4%E6%A6%EC%AA%BA%BE%DE%A7%40或是在網路上找尋其他用法

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

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

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

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

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

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

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

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