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

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

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

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

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

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

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

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

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

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

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

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

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

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

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