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

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

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

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

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

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

6、言有JSP、ASP、PHP等。本講的重點(diǎn)放在服務(wù)器執(zhí)行的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)這種基本方法廣泛應(yīng)用于網(wǎng)絡(luò)事務(wù)處理、電子商務(wù)等應(yīng)用領(lǐng)域。,Web網(wǎng)頁的三種工作模式,引 論 34-,10,引 論 34-,11,本講的實(shí)驗(yàn)基礎(chǔ),Web服務(wù)器（Apache for UNIX, Xitami for Windows）中間件（PHP）數(shù)據(jù)庫（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)頁設(shè)計(jì)的基本原理和過程進(jìn)行闡述,引 論 34-,12,引 論 34-,13,本課程的實(shí)驗(yàn)平臺(tái),PHP[1]是一種在服務(wù)器端執(zhí)行的腳本語言。這意味著它可以很好地和HTML融合，產(chǎn)生需要的文檔。選擇PHP作為學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁的程序設(shè)計(jì)語言，主要是它的簡便易用，用近乎自然的方式使用數(shù)據(jù)庫，保持系統(tǒng)平臺(tái)

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

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

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

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

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

13、說，其表現(xiàn)并不比Oracle遜色。,引 論 34-,19,本課程的實(shí)驗(yàn)平臺(tái)(續(xù)),MySQL是一個(gè)真正的多用戶、多線程SQL數(shù)據(jù)庫。MySQL是由一個(gè)客戶機(jī)/服務(wù)器結(jié)構(gòu)來實(shí)現(xiàn)，它由一個(gè)服務(wù)器守護(hù)程序mysqld和很多不同的客戶程序和庫組成，同時(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)練、多用戶系統(tǒng)中的個(gè)人網(wǎng)頁發(fā)布平臺(tái)、使用FTP上傳網(wǎng)頁等重要實(shí)驗(yàn)的實(shí)驗(yàn)環(huán)境 , http://202.117.35.70/,引 論 34-,21,本講小結(jié),萬維網(wǎng)的基本概念，靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的基本概念開放平臺(tái)的基本概念和主要技術(shù)及軟件本課程的學(xué)