1、引 論 34-,1,第10 講 網(wǎng)頁設(shè)計(jì)與編程（一）,動態(tài)網(wǎng)頁設(shè)計(jì)的基本概念 參考資料： 基于開放平臺的網(wǎng)頁設(shè)計(jì)與編程 程向前編著 清華大學(xué)出版社 2002.8,引 論 34-,2,概述,在過去的幾年中，萬維網(wǎng)（Web）技術(shù)的飛速發(fā)展融匯了大量的信息，從商品廣告到人才招聘；從學(xué)術(shù)交流到娛樂新聞。萬維網(wǎng)提供了一個可以輕松駕馭的圖形化用戶界面，以查閱因特網(wǎng)上的文檔，這些文檔以及它們之間的鏈接一起構(gòu)成了一個龐大的信息網(wǎng)。,引 論 34-,3,概述,一般來說，早期的網(wǎng)頁完全使用HTML（Hypertext Markup Language）編制，此類網(wǎng)頁不會隨著時間、場合等其他因素而變化，被稱為“靜態(tài)網(wǎng)

2、頁”。由于用HTML編制的網(wǎng)頁僅使用普通的ASCII代碼構(gòu)成，可以跨平臺（計(jì)算機(jī)及操作系統(tǒng)）使用。因此，無論Web服務(wù)器或?yàn)g覽器駐留在哪一種計(jì)算機(jī)或操作系統(tǒng)上，其差異并不是太大。,引 論 34-,4,概述,隨著Web技術(shù)的發(fā)展，單一的HTML已經(jīng)不能滿足網(wǎng)頁制作的要求。例如： 用戶要求在網(wǎng)頁上產(chǎn)生某些動態(tài)的效果； 用戶要求服務(wù)器發(fā)布其機(jī)器內(nèi)部的時間信息，僅使用HTML無法完成這種要求 這就需要使用程序語言來把“靜態(tài)”的HTML網(wǎng)頁，變成“動態(tài)”的HTML網(wǎng)頁,引 論 34-,5,概述,概括起來，對動態(tài)網(wǎng)頁技術(shù)的發(fā)展要求分成兩大類： 一種是商業(yè)廣告方面的要求，使得網(wǎng)頁產(chǎn)生動態(tài)效果，來吸引人們的注

3、意力 另一種是要求完成信息收集和交互的功能，使得網(wǎng)頁可以成為網(wǎng)絡(luò)信息管理系統(tǒng)的工具（成為網(wǎng)絡(luò)商務(wù)平臺的技術(shù)基礎(chǔ)）,引 論 34-,6,概述,動態(tài)網(wǎng)頁的工作模式有兩種，一種是將程序代碼鑲嵌在HTML網(wǎng)頁中，下載到用戶瀏覽器中，由用戶瀏覽器進(jìn)程對下載的代碼進(jìn)行解讀和執(zhí)行后，將執(zhí)行結(jié)果顯示在瀏覽器屏幕上。,引 論 34-,7,概述,這類動態(tài)網(wǎng)頁標(biāo)準(zhǔn)的發(fā)展往往是由廠商自主進(jìn)行的，因此，其工作效果往往與瀏覽器產(chǎn)品有關(guān)，以常用的兩種瀏覽器為例加以說明。,引 論 34-,8,概述,動態(tài)網(wǎng)頁的另一種工作模式是由服務(wù)器執(zhí)行鑲嵌在HTML網(wǎng)頁中的程序，并將程序執(zhí)行的結(jié)果發(fā)布到網(wǎng)絡(luò)上，由用戶瀏覽器并將結(jié)果在屏幕上展

4、示。 目前，比較流行的服務(wù)器端動態(tài)網(wǎng)頁程序設(shè)計(jì)語言有JSP、ASP、PHP等。 本講的重點(diǎn)放在服務(wù)器執(zhí)行的動態(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)境的安裝，在前序和本課程的實(shí)驗(yàn)環(huán)節(jié)中已經(jīng)進(jìn)行 本講的主要內(nèi)容對服務(wù)器端的動態(tài)網(wǎng)頁設(shè)計(jì)的基本原理和過程進(jìn)行闡述,引 論 34-,12,引 論 34-,13,本課程的實(shí)驗(yàn)平臺,PHP1是一種在服務(wù)器端執(zhí)

5、行的腳本語言。這意味著它可以很好地和HTML融合，產(chǎn)生需要的文檔。 選擇PHP作為學(xué)習(xí)動態(tài)網(wǎng)頁的程序設(shè)計(jì)語言，主要是它的簡便易用，用近乎自然的方式使用數(shù)據(jù)庫，保持系統(tǒng)平臺的無關(guān)性。 選擇PHP，可以在MS Windows 下開發(fā)、調(diào)試動態(tài)網(wǎng)頁，然后將其發(fā)布到 UNIX下的網(wǎng)頁服務(wù)器上。 1 PHP的正式定義為“PHP Hypertext Preprocessor”。,引 論 34-,14,本課程的實(shí)驗(yàn)平臺(續(xù)),選擇PHP作為動態(tài)網(wǎng)頁設(shè)計(jì)的語言的另一個原因是它的實(shí)用性。據(jù)統(tǒng)計(jì)，在2000年，全世界已經(jīng)有360萬余個域名和60萬余個IP使用PHP編程。 使用PHP可以執(zhí)行很多任務(wù)，從簡單地創(chuàng)建信

6、息收集表單、發(fā)送電子郵件給網(wǎng)站管理員，由數(shù)據(jù)庫驅(qū)動的文檔管理系統(tǒng)、幫助系統(tǒng)、電子商務(wù)應(yīng)用程序等等。,引 論 34-,15,本課程的實(shí)驗(yàn)平臺(續(xù)),PHP的語言特點(diǎn)基本上源于C語言，而其對數(shù)據(jù)庫的內(nèi)在支持更使之成為ASP（微軟的服務(wù)器端動態(tài)網(wǎng)頁的解決方案）的強(qiáng)大對手。 作為一種服務(wù)器內(nèi)置式的腳本語言，語法混合了C、JAVA、Perl以及PHP式的新語法。它的出現(xiàn)使得在Unix上更快速地開發(fā)動態(tài)網(wǎng)頁成為現(xiàn)實(shí)。,引 論 34-,16,本課程的實(shí)驗(yàn)平臺(續(xù)),用PHP寫出的Web服務(wù)器端CGI代碼，可以很輕易地移植到不同的平臺上。例如，用Linux系統(tǒng)的網(wǎng)站，在系統(tǒng)負(fù)荷過高時，可以快速地將整個系統(tǒng)移到

7、Sun工作站上，不用重新修訂CGI程序。 面對快速發(fā)展的因特網(wǎng)，這是長期規(guī)劃的最好選擇之一。,引 論 34-,17,本課程的實(shí)驗(yàn)平臺(續(xù)),當(dāng)網(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,本課程的實(shí)驗(yàn)平臺(續(xù)),幾乎所有主要的商業(yè)網(wǎng)站的數(shù)據(jù)庫都是基于結(jié)構(gòu)化查詢語言 (

8、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ā)來說是免費(fèi)的，對于一般的中小型數(shù)據(jù)庫應(yīng)用來說，其表現(xiàn)并不比Oracle遜色。,引 論 34-,19,本課程的實(shí)驗(yàn)平臺(續(xù)),MySQL是一個真正的多用戶、多線程SQL數(shù)據(jù)庫。 MySQL是由一個客戶機(jī)/服務(wù)器結(jié)構(gòu)來實(shí)現(xiàn)，它由一個服務(wù)器守護(hù)程序mysqld和很多不同的客戶程序和庫組成，同時MySQL足夠快速和靈活以便允許你存儲記錄文件和圖像。,引 論 34-,20,本課程的實(shí)驗(yàn)平臺,Linux、Apache、PHP、MySQL組合是本課程所建議的實(shí)驗(yàn)平臺之一。 該實(shí)驗(yàn)平臺的優(yōu)點(diǎn)是性能穩(wěn)定，響應(yīng)速度快，該平臺的建立也為學(xué)生提供了進(jìn)行UNIX操作系統(tǒng)的操作訓(xùn)