24
架架架架— AppServ 2.5.10

架站實做 —AppServ 2.5.10

Embed Size (px)

DESCRIPTION

架站實做 —AppServ 2.5.10. Outline. 了解何為 WWW 透過在 windows 下安裝 AppServe 來完成簡單的網站架設 學習如何使用 MySQL 資料庫 PHP 語法 作業. WWW 服務. WWW 是 World Wide Web 的縮寫,又簡稱為全球資訊網 是一種結合文字、圖形、影像以及聲音等多媒體,並透過滑鼠點擊的超連結 (Hyperlink) 的方式將資訊以 Internet 傳遞。 簡單來說,是一種 server/client 的服務架構. WWW 服務 – 續. - PowerPoint PPT Presentation

Citation preview

Page 1: 架站實做 —AppServ 2.5.10

架站實做— AppServ 2.5.10

Page 2: 架站實做 —AppServ 2.5.10

了解何為 WWW 透過在 windows 下安裝 AppServe 來完成簡單的網站架

設 學習如何使用 MySQL 資料庫 PHP 語法 作業

Outline

Page 3: 架站實做 —AppServ 2.5.10

WWW 是 World Wide Web 的縮寫,又簡稱為全球資訊網 是一種結合文字、圖形、影像以及聲音等多媒體,並透過滑鼠點擊的

超連結 (Hyperlink) 的方式將資訊以 Internet 傳遞。 簡單來說,是一種 server/client 的服務架構

WWW 服務

Page 4: 架站實做 —AppServ 2.5.10

1980 年代,歐洲核子物理實驗室的科學家為了更有效率的分享及更新他們的研究成果, Tim Berners-Lee 發展出一個超文件傳輸協定 (Hyper Text Transport Protocol, HTTP) 。

大約在 90 年代初期,為了讓 HTTP 這個協定得以順利的應用,由伊利諾大學的國家超級電腦應用中心開發出伺服器軟體 HTTPd

但後來由於 HTTPd 這個伺服器一直沒有妥善的發展,於是一群社群朋友便發起一個計畫,主要在改善原本的 HTTPd 伺服器軟體,他們稱這個改良過的軟體為 Apache

瀏覽器 (browser) 大戰 ◦ Netscape◦ IE◦ Firefox◦ Google Chrome

WWW 服務 – 續

Page 5: 架站實做 —AppServ 2.5.10

以目前的網路世界來說,市佔率較高的 WWW 伺服器軟體為:◦ Apache :: 自由軟體,可以在任何作業系統上面安裝。◦ IIS :: Windows 家族所開發, 僅能在 Windows 作業系統上面安裝與執行。

僅提供使用者瀏覽的單向靜態網頁◦ 一般的 HTML 語法即可達成。

提供使用者互動介面的動態網站◦ 技術要求較高。◦ 藉由網頁程式語言來達成互動 (PHP)

伺服器端工作任務介面 (Server Side Include, SSI) :

WWW 伺服器的類型

Page 6: 架站實做 —AppServ 2.5.10

一般來說,網路上可提供存放網頁的免費空間都不大,並且同時還有諸多限制• 除了空間上的限制,通常也不支援資料庫服務和眾多語法:例如 PHP 、 CGI 語法…

早期要架設專業的網頁伺服器,大多必須在 Linux 以及 FreeBSD 這類的作業系統底下來進行

• 對於不熟悉環境的操作者來說 相當麻煩 !!

透過 AppServ ,可以簡單的在 Windows 底下將架設網站所需要的套件一次安裝好

AppServ 是一套集成套件的工具包,底下包含:• Apache• PHP• MySQL• phpMyAdmin

什麼是 AppServ ?

Page 7: 架站實做 —AppServ 2.5.10

在 AppServ 中作為 Web 伺服器

以 HTTPd 佔有率較高。 在 HTTPd 經過多次臭蟲的修訂後,於 1995 年後發佈 Apache

啟動時較耗費資源,啟動後即成為 Linux 中的Daemon ,或是 Windows 中的 Service

Apache 的程式當中分成◦啟動階段◦運行階段

Apache

Page 8: 架站實做 —AppServ 2.5.10

在 AppServ 中作為數據庫

是一個關聯式資料庫管理系統

被廣泛地應用在網路上的中小型網站中

MySQL

Page 9: 架站實做 —AppServ 2.5.10

在 AppServ 中作為網頁程式語言

PHP 大多在伺服器端執行,透過執行 PHP 的程式碼來產生網頁提供瀏覽器讀取

PHP 可以在許多的不同種的伺服器、作業系統、平台上執行,也可以和許多資料庫系統結合

PHP

Page 10: 架站實做 —AppServ 2.5.10

http://www.appservnetwork.com/?modules=&applang=tw

AppServ 官網及下載點

Page 11: 架站實做 —AppServ 2.5.10

下載完畢後,點選圖示開啟 點選 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

安裝流程

Page 12: 架站實做 —AppServ 2.5.10

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

測試 Appach Server

Page 13: 架站實做 —AppServ 2.5.10

架站完成後,預設網頁根目錄位於 C:\AppServ\www 如果想更改預設網頁根目錄的位置,可以修改 httpd.conf 檔案 修改完成後要重新啟動 AppServ

◦ [ 開始 ]- [ 程式集 ] - [AppServ] - [Control Server Service] - [Apache Restart]

關於 phpMyAdmin 的操作,可以開啟 IE 網址輸入 http://127.0.0.1/phpMyAdmin預設登入名稱 root預設密碼就是安裝時,所輸入的密碼 ( 也就是 MySQL 的密碼 )

測試 Appach Server – 續

Page 14: 架站實做 —AppServ 2.5.10

有兩種方式,透過 phpMyAdmin 在 cmd 介面下操作

MySQL 的操作

請點我

Page 15: 架站實做 —AppServ 2.5.10

建立資料表 ◦ CREATE TABLE db_name

刪除資料表◦ DROP TABLE db_name 

插入欄位資料◦ INSERT INTO 資料表名稱 (欄位 1,欄位 2,欄位 3,欄位

4, ...... 欄位 N) values('值 1','值 2','值 3','值 4', ...... '值N');

MySQL 操作語法

Page 16: 架站實做 —AppServ 2.5.10

有興趣的話可以到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或是在網路上找尋其他用法

MySQL 操作語法

Page 17: 架站實做 —AppServ 2.5.10

<?phpecho "Hello, World!";?>

產生如下結果Hello, World!

PHP 的基本語法

Page 18: 架站實做 —AppServ 2.5.10

變數是區分大小寫的,而內建函式與敘述句則不區分大小寫!

PHP 使用弱型態變數,變數的型態由變數值來自動決定:

$a=12; // 整數$a=0.24;      // 浮點數$a=“A”; // 字串

變數

Page 19: 架站實做 —AppServ 2.5.10

網頁資料輸出函數 字串

◦ echo “Hello, World!”; 變數

◦ $message = "Hello, World!";echo $message;

字串 + 變數◦ $X=50;

$Y=50;$Z=100;echo $X . “+” . $Y . “=“ .$Z ;

結果 : 50+50=100

echo()

Page 20: 架站實做 —AppServ 2.5.10

基本格式◦ <form action="" method="post/get" >◦ ….◦ </form>

輸入攔◦ 文字表單

<input type="text" name=“account">◦密碼表單

<input type="password" name=" password ">◦送出按鈕

<input type="submit" value="送出按鈕 ">◦清除按鈕

<input type="reset" value="清除按鈕 ">

建立表單

Page 21: 架站實做 —AppServ 2.5.10

Post◦ 由伺服器來讀取◦ Example

$ account = $_POST[“account”];

Get◦ 主動傳送給伺服器◦ Example

$password = $_GET[“password”];

取得表單資料

Page 22: 架站實做 —AppServ 2.5.10

將物件儲存於伺服器端

啟用 Session◦ session_start()

使用 Session◦ $_SESSION[“number”]=10;

刪除 session ◦ unset ($_SESSION[“number”]); //刪除 $_SESSION[“number”]◦ session_destroy(); //刪除所有 Session

Session

Page 23: 架站實做 —AppServ 2.5.10

連線到資料庫◦ $link = mysql_connect(HOSTNAME, USERNAME,

PASSWORD);選擇資料表

◦ mysql_select_db(DBNAME,$link);查詢動作

◦ $result = mysql_query(QueryString); 將查詢的資料輸出

◦ $data=mysql_result($result,4,5);

資料庫與 PHP

Page 24: 架站實做 —AppServ 2.5.10

php 程式包含◦登入頁面 (帳號密碼 )◦ 可以把資料傳送到資料庫的頁面

報告包括◦ 程式碼◦截圖◦問題與討論◦ 心得

作業