基于開(kāi)放平臺(tái)的網(wǎng)頁(yè)設(shè)計(jì)與編程

1、引 論 34-,1,第10 講 網(wǎng)頁(yè)設(shè)計(jì)與編程（一）,動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的基本概念參考資料：《基于開(kāi)放平臺(tái)的網(wǎng)頁(yè)設(shè)計(jì)與編程》 程向前編著 清華大學(xué)出版社 2002.8,引 論 34-,2,概述,在過(guò)去的幾年中，萬(wàn)維網(wǎng)（Web）技術(shù)的飛速發(fā)展融匯了大量的信息，從商品廣告到人才招聘；從學(xué)術(shù)交流到娛樂(lè)新聞…。萬(wàn)維網(wǎng)提供了一個(gè)可以

2、輕松駕馭的圖形化用戶(hù)界面，以查閱因特網(wǎng)上的文檔，這些文檔以及它們之間的鏈接一起構(gòu)成了一個(gè)龐大的信息網(wǎng)。,引 論 34-,3,概述,一般來(lái)說(shuō)，早期的網(wǎng)頁(yè)完全使用HTML（Hypertext Markup Language）編制，此類(lèi)網(wǎng)頁(yè)不會(huì)隨著時(shí)間、場(chǎng)合等其他因素而變化，被稱(chēng)為“靜態(tài)網(wǎng)頁(yè)”。由于用HTML編制的網(wǎng)頁(yè)僅使用普通的ASCII代碼構(gòu)成，可以跨平臺(tái)（計(jì)算機(jī)及操作系統(tǒng)）使用。因此，無(wú)論Web服務(wù)

3、器或?yàn)g覽器駐留在哪一種計(jì)算機(jī)或操作系統(tǒng)上，其差異并不是太大。,引 論 34-,4,概述,隨著Web技術(shù)的發(fā)展，單一的HTML已經(jīng)不能滿(mǎn)足網(wǎng)頁(yè)制作的要求。例如：用戶(hù)要求在網(wǎng)頁(yè)上產(chǎn)生某些動(dòng)態(tài)的效果；用戶(hù)要求服務(wù)器發(fā)布其機(jī)器內(nèi)部的時(shí)間信息，僅使用HTML無(wú)法完成這種要求這就需要使用程序語(yǔ)言來(lái)把“靜態(tài)”的HTML網(wǎng)頁(yè)，變成“動(dòng)態(tài)”的HTML網(wǎng)頁(yè),引 論 34-,5

4、,概述,概括起來(lái)，對(duì)動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展要求分成兩大類(lèi)：一種是商業(yè)廣告方面的要求，使得網(wǎng)頁(yè)產(chǎn)生動(dòng)態(tài)效果，來(lái)吸引人們的注意力另一種是要求完成信息收集和交互的功能，使得網(wǎng)頁(yè)可以成為網(wǎng)絡(luò)信息管理系統(tǒng)的工具（成為網(wǎng)絡(luò)商務(wù)平臺(tái)的技術(shù)基礎(chǔ)）,引 論 34-,6,概述,動(dòng)態(tài)網(wǎng)頁(yè)的工作模式有兩種，一種是將程序代碼鑲嵌在HTML網(wǎng)頁(yè)中，下載到用戶(hù)瀏覽器中，由用戶(hù)瀏覽器進(jìn)程對(duì)下載的代碼進(jìn)行解讀和執(zhí)行后，將執(zhí)行結(jié)果顯示

5、在瀏覽器屏幕上。,引 論 34-,7,概述,這類(lèi)動(dòng)態(tài)網(wǎng)頁(yè)標(biāo)準(zhǔn)的發(fā)展往往是由廠商自主進(jìn)行的，因此，其工作效果往往與瀏覽器產(chǎn)品有關(guān)，以常用的兩種瀏覽器為例加以說(shuō)明。,引 論 34-,8,概述,動(dòng)態(tài)網(wǎng)頁(yè)的另一種工作模式是由服務(wù)器執(zhí)行鑲嵌在HTML網(wǎng)頁(yè)中的程序，并將程序執(zhí)行的結(jié)果發(fā)布到網(wǎng)絡(luò)上，由用戶(hù)瀏覽器并將結(jié)果在屏幕上展示。目前，比較流行的服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)程序設(shè)計(jì)語(yǔ)

6、言有JSP、ASP、PHP等。本講的重點(diǎn)放在服務(wù)器執(zhí)行的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)這種基本方法廣泛應(yīng)用于網(wǎng)絡(luò)事務(wù)處理、電子商務(wù)等應(yīng)用領(lǐng)域。,Web網(wǎng)頁(yè)的三種工作模式,引 論 34-,10,引 論 34-,11,本講的實(shí)驗(yàn)基礎(chǔ),Web服務(wù)器（Apache for UNIX, Xitami for Windows）中間件（PHP）數(shù)據(jù)庫(kù)（MySQL）這些系統(tǒng)環(huán)境的安裝，

7、在前序和本課程的實(shí)驗(yàn)環(huán)節(jié)中已經(jīng)進(jìn)行本講的主要內(nèi)容對(duì)服務(wù)器端的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的基本原理和過(guò)程進(jìn)行闡述,引 論 34-,12,引 論 34-,13,本課程的實(shí)驗(yàn)平臺(tái),PHP[1]是一種在服務(wù)器端執(zhí)行的腳本語(yǔ)言。這意味著它可以很好地和HTML融合，產(chǎn)生需要的文檔。選擇PHP作為學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè)的程序設(shè)計(jì)語(yǔ)言，主要是它的簡(jiǎn)便易用，用近乎自然的方式使用數(shù)據(jù)庫(kù)，保持系統(tǒng)平臺(tái)

8、的無(wú)關(guān)性。選擇PHP，可以在MS Windows 下開(kāi)發(fā)、調(diào)試動(dòng)態(tài)網(wǎng)頁(yè)，然后將其發(fā)布到 UNIX下的網(wǎng)頁(yè)服務(wù)器上。[1] PHP的正式定義為“PHP Hypertext Preprocessor”。,引 論 34-,14,本課程的實(shí)驗(yàn)平臺(tái)(續(xù)),選擇PHP作為動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言的另一個(gè)原因是它的實(shí)用性。據(jù)統(tǒng)計(jì)，在2000年，全世界已經(jīng)有360萬(wàn)余個(gè)域名和60萬(wàn)余個(gè)IP使用PHP編程。使用P

9、HP可以執(zhí)行很多任務(wù)，從簡(jiǎn)單地創(chuàng)建信息收集表單、發(fā)送電子郵件給網(wǎng)站管理員，由數(shù)據(jù)庫(kù)驅(qū)動(dòng)的文檔管理系統(tǒng)、幫助系統(tǒng)、電子商務(wù)應(yīng)用程序等等。,引 論 34-,15,本課程的實(shí)驗(yàn)平臺(tái)(續(xù)),PHP的語(yǔ)言特點(diǎn)基本上源于C語(yǔ)言，而其對(duì)數(shù)據(jù)庫(kù)的內(nèi)在支持更使之成為ASP（微軟的服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)的解決方案）的強(qiáng)大對(duì)手。作為一種服務(wù)器內(nèi)置式的腳本語(yǔ)言，語(yǔ)法混合了C、JAVA、Perl以及PHP式的新語(yǔ)法。它的出現(xiàn)使得

10、在Unix上更快速地開(kāi)發(fā)動(dòng)態(tài)網(wǎng)頁(yè)成為現(xiàn)實(shí)。,引 論 34-,16,本課程的實(shí)驗(yàn)平臺(tái)(續(xù)),用PHP寫(xiě)出的Web服務(wù)器端CGI代碼，可以很輕易地移植到不同的平臺(tái)上。例如，用Linux系統(tǒng)的網(wǎng)站，在系統(tǒng)負(fù)荷過(guò)高時(shí)，可以快速地將整個(gè)系統(tǒng)移到Sun工作站上，不用重新修訂CGI程序。面對(duì)快速發(fā)展的因特網(wǎng)，這是長(zhǎng)期規(guī)劃的最好選擇之一。,引 論 34-,17,本課程的實(shí)驗(yàn)平

11、臺(tái)(續(xù)),當(dāng)網(wǎng)站發(fā)展時(shí)，用戶(hù)可能會(huì)遇到這樣的問(wèn)題：網(wǎng)站內(nèi)容膨脹，使得訪問(wèn)者不能很快地得到他們所需的資料。網(wǎng)站管理者需要收集訪問(wèn)者的信息，而且這些信息必須保存以備不時(shí)之需。這兩個(gè)問(wèn)題，可以通過(guò)建立數(shù)據(jù)庫(kù)系統(tǒng)來(lái)解決。在WWW的世界中，數(shù)據(jù)庫(kù)無(wú)處不在。大到像新浪、搜狐，小到一個(gè)簡(jiǎn)單的留言簿，都可以看到數(shù)據(jù)庫(kù)的用武之地?？梢赃@樣說(shuō)，數(shù)據(jù)庫(kù)是所有萬(wàn)維網(wǎng)高級(jí)應(yīng)用的基礎(chǔ)。,引 論 34-,18,本課程的實(shí)驗(yàn)

12、平臺(tái)(續(xù)),幾乎所有主要的商業(yè)網(wǎng)站的數(shù)據(jù)庫(kù)都是基于結(jié)構(gòu)化查詢(xún)語(yǔ)言 (Structured Query Language，SQL）的，其中應(yīng)用最為廣泛的可能得算Oracle了。SQL的出現(xiàn)使得信息的存儲(chǔ)、查詢(xún)、更新更容易。例如，可以用SQL語(yǔ)言為一個(gè)網(wǎng)站檢索產(chǎn)品信息及存儲(chǔ)顧客信息。在最近的幾年中，一些公司發(fā)布了“開(kāi)放代碼”的SQL應(yīng)用程序，其中最比較著名的要數(shù)MySQL了。它對(duì)非商業(yè)性應(yīng)用開(kāi)發(fā)來(lái)說(shuō)是免費(fèi)的，對(duì)于一般的中小型數(shù)據(jù)庫(kù)應(yīng)用來(lái)

13、說(shuō)，其表現(xiàn)并不比Oracle遜色。,引 論 34-,19,本課程的實(shí)驗(yàn)平臺(tái)(續(xù)),MySQL是一個(gè)真正的多用戶(hù)、多線程SQL數(shù)據(jù)庫(kù)。MySQL是由一個(gè)客戶(hù)機(jī)/服務(wù)器結(jié)構(gòu)來(lái)實(shí)現(xiàn)，它由一個(gè)服務(wù)器守護(hù)程序mysqld和很多不同的客戶(hù)程序和庫(kù)組成，同時(shí)MySQL足夠快速和靈活以便允許你存儲(chǔ)記錄文件和圖像。,引 論 34-,20,本課程的實(shí)驗(yàn)平臺(tái),Linux、Apach

14、e、PHP、MySQL組合是本課程所建議的實(shí)驗(yàn)平臺(tái)之一。該實(shí)驗(yàn)平臺(tái)的優(yōu)點(diǎn)是性能穩(wěn)定，響應(yīng)速度快，該平臺(tái)的建立也為學(xué)生提供了進(jìn)行UNIX操作系統(tǒng)的操作訓(xùn)練、多用戶(hù)系統(tǒng)中的個(gè)人網(wǎng)頁(yè)發(fā)布平臺(tái)、使用FTP上傳網(wǎng)頁(yè)等重要實(shí)驗(yàn)的實(shí)驗(yàn)環(huán)境 , http://202.117.35.70/,引 論 34-,21,本講小結(jié),萬(wàn)維網(wǎng)的基本概念，靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的基本概念開(kāi)放平臺(tái)的基本概念和主要技術(shù)及軟件本課程的學(xué)