基于開放平臺的網頁設計與編程

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

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

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

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

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

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

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

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

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

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

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

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

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

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