《Web基礎(chǔ)知識》PPT課件.ppt

第1章 Web基礎(chǔ)知識,1.1 Internet基礎(chǔ),1.2 Web簡介,1.3 軟件編程體系結(jié)構(gòu),1.4 利用ASP.NET 2.0開發(fā)簡單的小程序,1.1 Internet基礎(chǔ),1.1.1 Internet概況 為了全面了解Internet，可以從網(wǎng)絡(luò)互連、網(wǎng)絡(luò)通信、網(wǎng)絡(luò)提供信息資源以及網(wǎng)絡(luò)管理等不同角度來考察它所提供的功能。 1從網(wǎng)絡(luò)互連的角度來看 Internet利用成千上萬個具有特殊功能的計算機（稱為路由器或網(wǎng)關(guān)），通過各種通信線路，把分散在各地的網(wǎng)絡(luò)在物理上連接起來。在廣大用戶看來，它是一個覆蓋全球的單一網(wǎng)絡(luò)，而它實際的內(nèi)部結(jié)構(gòu)是十分復(fù)雜的，且對用戶不可見。 2從網(wǎng)絡(luò)通信的角度來看 Internet是依靠TCP/IP協(xié)議把各個國家、各個部門、各個機構(gòu)的內(nèi)部網(wǎng)絡(luò)連接起來的超級數(shù)據(jù)通信網(wǎng)。 3從網(wǎng)絡(luò)提供信息資源的角度來看 Internet是一個集各個部門、各個領(lǐng)域內(nèi)信息資源為一體的超級資源網(wǎng)。凡是加入Internet的用戶，都可以通過工具訪問所有的信息資源，查詢各種數(shù)據(jù)庫、信息庫，獲取自己所需的各種信息資料。 4從網(wǎng)絡(luò)管理的角度來看 Internet是一個不受政府或某個組織管理和控制的，包括成千上萬個相互協(xié)作的組織和網(wǎng)絡(luò)的集合體。連入Internet的每一個網(wǎng)絡(luò)成員都自愿地承擔(dān)對網(wǎng)絡(luò)的管理并支付費用，友好地與相鄰網(wǎng)絡(luò)協(xié)作進(jìn)行Internet數(shù)據(jù)傳輸，共享網(wǎng)絡(luò)資源，并共同遵守TCP/IP協(xié)議的一切規(guī)定。,1.1.2 Internet基本服務(wù)功能,1電子郵件（E-mail Electronic Mail）服務(wù) 電子郵件是Internet提供的一項最基本的服務(wù)，也是Internet用戶使用最頻繁的一種服務(wù)功能。它是網(wǎng)上的郵政系統(tǒng)，是一種以計算機網(wǎng)絡(luò)為載體的信息傳輸方式。 E-Mail 的功能是用于發(fā)送和接收信件，采用簡單郵件傳輸協(xié)議（SMTP）。發(fā)信人調(diào)用用戶代理編輯要發(fā)送的郵件，用戶代理用SMTP協(xié)議將郵件傳送到發(fā)送方郵件服務(wù)器，發(fā)送方郵件服務(wù)器用SMTP協(xié)議向接收方郵件服務(wù)器傳送郵件，接收方郵件服務(wù)器收到郵件后放入收信人用戶郵箱中，收信人通過用戶代理用POP3協(xié)議從郵箱取回郵件，如圖1.1所示。,圖1.1 電子郵件服務(wù),1.1.2 Internet基本服務(wù)功能,2WWW（World Wide Web）服務(wù) WWW簡稱Web，它的出現(xiàn)加速了Internet向大眾普及的速度，是Internet最方便、最受用戶歡迎的信息服務(wù)類型。WWW集中了全球的信息資源，是存儲和發(fā)布信息的地方，也是人們查詢信息的場所。Internet包含成千上萬的WWW服務(wù)器。 Web瀏覽器和服務(wù)器用超文本傳輸協(xié)議HTTP來傳輸Web文檔，通過統(tǒng)一資源定位符URL標(biāo)識文檔在網(wǎng)絡(luò)上服務(wù)器的位置及服務(wù)器中的路徑，Web文檔用HTML語言進(jìn)行描述，如圖1.2所示。,圖1.2 傳輸Web文檔,1.1.2 Internet基本服務(wù)功能,3文件傳輸服務(wù)FTP（File Transfer Protocol） FTP協(xié)議是Internet文件傳送的基礎(chǔ)，它既是一種文件傳輸協(xié)議，也是一種服務(wù)。提供這種服務(wù)的設(shè)施稱做FTP服務(wù)器。有了FTP的幫助就能使Internet上兩臺主機間互傳（復(fù)制）文件。FTP有一套獨立通用的命令（子命令），其命令風(fēng)格與DOS命令相似，如DIR為顯示目錄/文件。 用戶要享受FTP服務(wù)器提供的服務(wù)，必須有用戶標(biāo)識和相應(yīng)的口令才能登錄FTP服務(wù)器。而實際上互連網(wǎng)中更多的是匿名（Anonymous）FTP 服務(wù)器。用戶無須擁有標(biāo)識和口令就能與匿名FTP服務(wù)器實現(xiàn)連接和復(fù)制文件。這類服務(wù)器的目的是向公眾提供文件復(fù)制服務(wù)。 4新聞和公告類服務(wù) Internet的新聞和公告類服務(wù)主要有電子公告欄（BBS）和網(wǎng)絡(luò)新聞組（Usenet或NewsGroup）。 BBS是Internet上的一種電子信息服務(wù)系統(tǒng)，每個用戶可以在BBS上發(fā)布信息并提出自己的觀點。電子公告欄可以按不同的主題、分主題形成多個布告欄。BBS允許用戶上傳和下載文件，討論和發(fā)布通告。,1.1.3 TCP/IP協(xié)議,網(wǎng)絡(luò)協(xié)議是網(wǎng)絡(luò)中各臺計算機進(jìn)行通信的一種語言基礎(chǔ)和規(guī)范準(zhǔn)則，它定義了計算機進(jìn)行信息交換所必須遵循的規(guī)則。TCP/IP（傳輸控制協(xié)議/網(wǎng)際協(xié)議）規(guī)范了網(wǎng)絡(luò)上的所有通信設(shè)備，尤其是一個主機與另一個主機之間的數(shù)據(jù)傳輸格式以及傳輸方式。TCP/IP是Internet的基礎(chǔ)協(xié)議，它是一個協(xié)議集，其中最重要的是TCP協(xié)議和IP協(xié)議。凡是連入Internet的計算機都必須遵循TCP/IP協(xié)議。,1.1.4 IP地址、域名和URL,1IP地址 IP地址是識別Internet中的主機及網(wǎng)絡(luò)設(shè)備的唯一標(biāo)識。每個IP地址通常分為網(wǎng)絡(luò)地址和主機地址兩部分，長度為32位（bit）（4B），書寫時每個字節(jié)用4個十進(jìn)制數(shù)（0255）表示，十進(jìn)制數(shù)之間用“.”分隔，即X.X.X.X。例如53。IP地址可分成5類，其中常用的有3類。IP地址組成如圖1.3所示。 A類地址用于規(guī)模很大、主機數(shù)目非常多的網(wǎng)絡(luò)。A類地址1B為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為1126，后面X.Y.Z為主機地址。 B類地址用于中型到大型的網(wǎng)絡(luò)。B類地址前面2B為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為128.X191.X，后面Y.Z為主機地址。 C類地址用于小型本地網(wǎng)絡(luò)。C類地址前面3B為網(wǎng)絡(luò)地址，網(wǎng)絡(luò)地址范圍為192.X.Y223.X.Y，后面Z為主機地址。 主機地址的末字節(jié)不能取0和255兩個數(shù)。,1.1.4 IP地址、域名和URL,圖1.3 IP地址組成,1.1.4 IP地址、域名和URL,2域名 IP地址是連網(wǎng)計算機的地址標(biāo)識，但對大多數(shù)人來說記住很多計算機的IP地址并不容易。為此TCP/IP協(xié)議中提供了域名服務(wù)系統(tǒng)（DNS），允許為主機分配字符名稱，即域名。在網(wǎng)絡(luò)通信時由DNS自動實現(xiàn)域名與IP地址的轉(zhuǎn)換。例如，南京師范大學(xué)Web服務(wù)器的域名為。 Internet的域名采用分級命名機制，其基本結(jié)構(gòu)如下： 計算機名.三級域名.二級域名.頂級域名 域名的結(jié)構(gòu)在于：DNS將整個Internet劃分成多個域，稱之為頂級域，并為每個頂級域規(guī)定了國際通用的域名。頂級域名劃分采用了兩種劃分模式，即組織模式和地理模式。有7個域?qū)?yīng)于組織模式，其余的域?qū)?yīng)于地理模式，如cn代表中國，us代表美國，jp代表日本等。頂級域名分配如下： com 商業(yè)組織 edu 教育機構(gòu) gov 政府部門 mil 軍事部門 net 網(wǎng)絡(luò)中心 org 上述以外的組織 int 國際組織,1.1.4 IP地址、域名和URL,3統(tǒng)一資源定位器URL WWW的信息分布在全球，要找到所需信息就必須有一種說明該信息存放在哪臺計算機的哪個路徑下的定位信息。統(tǒng)一資源定位器URL（Uniform Resource Locator）就是用來確定某信息位置的方法。其格式如下： : / 是指Internet的協(xié)議名，例如ftp（文件傳輸服務(wù)）、http（超文本傳輸服務(wù)）、mailto（郵子郵件地址）、telnet（遠(yuǎn)程登錄服務(wù)）、news（提供網(wǎng)絡(luò)新聞服務(wù)）等。 指定一個網(wǎng)絡(luò)主機的域名或IP地址。在有些情況下，主機域名后還要加上端口號，域名與端口號之間用冒號（：）隔開。這里的端口是操作系統(tǒng)用來辨認(rèn)特定信息服務(wù)的軟件端口。一般情況下，服務(wù)器程序采用標(biāo)準(zhǔn)的保留端口號。此端口號在URL中可以省略。以下是一些URL的例子： /Products/,1.1.4 IP地址、域名和URL,圖1.4 樹狀域名結(jié)構(gòu),1.2 Web簡介,1.2.1 Web技術(shù) 早期的Web頁面是靜態(tài)的，用戶只能被動瀏覽。靜態(tài)網(wǎng)頁就是網(wǎng)頁本身沒有程序代碼，在客戶端向服務(wù)器端發(fā)出請求時，服務(wù)器器端不必執(zhí)行任何程序，只需將請求的網(wǎng)頁傳送到客戶端的瀏覽器上就可以了。 網(wǎng)頁的動態(tài)表現(xiàn)技術(shù)是指在瀏覽器端的動態(tài)網(wǎng)頁，也就是DHTML（Dynamic HTML）。DHTML作為瀏覽器自帶的功能，是在HTML基礎(chǔ)上擴(kuò)展出來的幾種新功能的總稱。這些新功能主要有動態(tài)功能、定位功能和應(yīng)用CSS的功能。DHTML可以跟蹤頁面上的每一個元素，每個標(biāo)記成為瀏覽器建立的數(shù)據(jù)庫中的一個記錄。其次DHTML可通過在瀏覽器端的腳本語言來控制文檔中所有需要控制的元素。頁面下載后，DHTML也能處理頁面元素，改變頁面版面、內(nèi)容和位置，并把結(jié)果不斷提供給用戶。 動態(tài)內(nèi)容交互是指網(wǎng)頁內(nèi)含有在服務(wù)器端執(zhí)行的程序代碼，當(dāng)客戶端向服務(wù)器端提出請求時，程序的代碼會先在服務(wù)器端執(zhí)行，然后再將Web服務(wù)器端執(zhí)行的結(jié)果傳送給瀏覽器。由于每次執(zhí)行的結(jié)果因客戶端請求而異，故稱為動態(tài)網(wǎng)頁。,1.2.2 Web工作原理,從本質(zhì)上講，Web是基于客戶機-服務(wù)器的一種體系結(jié)構(gòu)，如圖1.5所示。一般用戶的計算機稱為客戶機，用于提供服務(wù)的機器稱為服務(wù)器。客戶機向服務(wù)器發(fā)送請求，要求執(zhí)行某項任務(wù)，而服務(wù)器執(zhí)行此項任務(wù)，并向客戶機返回響應(yīng)。Web應(yīng)用的特點之一是客戶端數(shù)量多且比較分散。客戶機程序是標(biāo)準(zhǔn)化的第三方軟件瀏覽器（Browser）。Web上的客戶機應(yīng)該是輕量級客戶端?；谶@一點來說，Web體系結(jié)構(gòu)實際上多為瀏覽器-服務(wù)器結(jié)構(gòu)。,圖1.5 客戶機-服務(wù)器模型,1.2.2 Web工作原理,在Web系統(tǒng)中，Web服務(wù)器向瀏覽器提供服務(wù)的過程大致可以歸納為以下幾個步驟。 （1）用戶打開計算機（客戶機），啟動瀏覽器程序（Netscape Navigator，Microsoft Internet Explorer，Maxthon等），并在瀏覽器中指定一個URL（Uniform Resource Locator，統(tǒng)一資源定位器），瀏覽器便向該URL所指向的Web服務(wù)器發(fā)出請求。 （2）Web服務(wù)器（也稱為HTTP服務(wù)器）接到瀏覽器的請求后，把URL轉(zhuǎn)換成頁面所在服務(wù)器上的文件路徑名。 （3）如果URL指向的是普通的HTML文檔，Web服務(wù)器直接將它送給瀏覽器。HTML文檔中可能包含有JavaScript、ActiveX、VBScript等編寫的小應(yīng)用程序（applet），服務(wù)器也將其隨HTML一道傳送到瀏覽器，在瀏覽器所在的客戶機上執(zhí)行。 （4）如果HTML文檔中嵌有CGI（Common Gateway Interface，公共網(wǎng)關(guān)接口）或ASP程序，Web服務(wù)器就運行CGI或ASP程序，并將結(jié)果傳送至瀏覽器。Web服務(wù)器運行CGI或ASP程序時還可能需要調(diào)用數(shù)據(jù)庫服務(wù)器和其他服務(wù)器。,1.2.2 Web工作原理,（5）URL也可以指向VRML（Virtual Reality Modeling Language）文檔。只要瀏覽器中配置有VRML插件，或者客戶機上已安裝VRML瀏覽器，就可以接收Web服務(wù)器發(fā)送的VRML文檔。 基于Web的數(shù)據(jù)庫應(yīng)用采用3層客戶機-服務(wù)器結(jié)構(gòu)，也稱Browse/Server/Database Server結(jié)構(gòu)。第一層為瀏覽器，第二層為Web服務(wù)器，第三層為數(shù)據(jù)庫服務(wù)器。瀏覽器是用戶輸入數(shù)據(jù)和顯示結(jié)果的交互界面。用戶在瀏覽器表單中輸入數(shù)據(jù)，然后將表單中的數(shù)據(jù)提交并發(fā)送到Web服務(wù)器。Web服務(wù)器應(yīng)用程序接受并處理用戶的數(shù)據(jù)，并從數(shù)據(jù)庫中查詢用戶數(shù)據(jù)或把用戶數(shù)據(jù)錄入數(shù)據(jù)庫。最后Web服務(wù)器把返回的結(jié)果插入HTML頁面，傳送到客戶端，在瀏覽器中顯示出來。,1.3 軟件編程體系結(jié)構(gòu),兩大編程體系： 一種是傳統(tǒng)的C/S（Client/Server，客戶機-服務(wù)器）結(jié)構(gòu)，主要用來開發(fā)基于特定操作系統(tǒng)運行的GUI應(yīng)用系統(tǒng)； 另一種是當(dāng)前比較流行的B/S（Browser/Server，瀏覽器-服務(wù)器）結(jié)構(gòu)，主要用來開發(fā)基于瀏覽器運行的Web應(yīng)用程序。應(yīng)用程序開發(fā)體系如圖1.6所示。,圖1.6 應(yīng)用程序開發(fā)體系,1.3.1 C/S架構(gòu)編程體系,C/S架構(gòu)的主要優(yōu)點是： （1）在本地操作系統(tǒng)上直接運行，響應(yīng)速度快； （2）操作界面美觀、形式多樣，可以充分滿足客戶自身的個性化要求； （3）適合于開發(fā)與操作系統(tǒng)相關(guān)的性能要求比較高的底層軟件。 任何事情都有它的兩面性，C/S架構(gòu)也有它本身的缺點： （1）需要專門的客戶端安裝程序，分布功能弱，不方便實現(xiàn)快速部署安裝和配置； （2）兼容性差，對于不同的開發(fā)語言，具有較大的局限性； （3）開發(fā)成本較高，需要具有一定專業(yè)水準(zhǔn)的技術(shù)人員才能完成。,1.3.2 B/S架構(gòu)編程體系,B/S（Browser/Server）結(jié)構(gòu)即瀏覽器-服務(wù)器結(jié)構(gòu)。 B/S架構(gòu)的主要優(yōu)點是： （1）任何時間、任何地點、任何系統(tǒng)，只要可以使用瀏覽器上網(wǎng)，就可以訪問B/S系統(tǒng)； （2）開發(fā)簡單，共享性強。很少涉及與操作系統(tǒng)相關(guān)的編程：消息隊列，多線程等復(fù)雜功能； （3）簡化了客戶端，所有的工作都集中在服務(wù)器端，方便系統(tǒng)的開發(fā)、維護(hù)與升級； （4）業(yè)務(wù)擴(kuò)展簡單、方便，通過增加網(wǎng)頁即可增加應(yīng)用系統(tǒng)的功能模塊。 B/S架構(gòu)也有其尚待改進(jìn)的問題： （1）個性化特點明顯降低，難以實現(xiàn)具有個性化的功能要求； （2）以鼠標(biāo)為最基本的操作方式，無法滿足快速操作的要求； （3）頁面動態(tài)刷新，響應(yīng)速度明顯降低，不適合對速度要求高的系統(tǒng)； （4）功能弱化，難以實現(xiàn)傳統(tǒng)模式下的特殊功能要求。,1.3.3 B/S架構(gòu)相關(guān)技術(shù)介紹,1ASP ASP（Active Server Page）是一種微軟開發(fā)的服務(wù)器端腳本環(huán)境，ASP內(nèi)含于IIS 3.0以上版本之中。通過ASP可結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX組件建立動態(tài)、交互且高效的Web服務(wù)器應(yīng)用程序。有了ASP就不必?fù)?dān)心客戶的瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。ASP應(yīng)用程序可以手工編碼制作，也可以通過Dreamweaver MX等可視化工具創(chuàng)作生成。,1.3.3 B/S架構(gòu)相關(guān)技術(shù)介紹,2PHP PHP（Hypertext Preprocessor，超文本預(yù)處理器）是一種易于學(xué)習(xí)和使用的服務(wù)器端腳本語言。PHP自從誕生以來，以其簡單的語法、強大的功能迅速得到了廣泛應(yīng)用。PHP除了能夠操作頁面，還能發(fā)送HTTP的標(biāo)題，它不需要特殊的開發(fā)環(huán)境和IDE；不僅支持多種數(shù)據(jù)庫，還支持多種通信協(xié)議；具有極強的兼容性，在大多數(shù)UNIX平臺，GUN/Linux和微軟Windows平臺上均可以運行。 3JSP JSP與Microsoft的ASP技術(shù)非常相似。兩者都提供在HTML代碼中混合某種程序代碼、由語言引擎解釋執(zhí)行程序代碼的功能。與ASP一樣，JSP中的Java代碼均在服務(wù)器端執(zhí)行。 JSP與ASP雖然有很多相似之處，但兩者也有重要區(qū)別：第一，ASP的編程語言是VBScript之類的腳本語言，而JSP使用的是Java；第二，兩種語言引擎用完全不同的方式處理頁面中嵌入的程序代碼。在ASP下，VBScript代碼被ASP引擎解釋執(zhí)行；在JSP下，代碼被編譯成Servlet并由Java虛擬機執(zhí)行處理代碼。,1.3.3 B/S架構(gòu)相關(guān)技術(shù)介紹,4ASP.NET ASP.NET沿襲了ASP的名稱，不過在實質(zhì)上已經(jīng)完全超越了ASP，不再局限于腳本語言，可以使用VB.NET、C#等編譯語言，支持Web窗體、.NET服務(wù)器控件和ADO.NET等高級特性。 ASP.NET是一個統(tǒng)一的Web開發(fā)模型，它包括開發(fā)企業(yè)級Web應(yīng)用程序所必需的各種服務(wù)，能夠讓開發(fā)人員使用盡可能少的代碼完成任務(wù)。作為.NET FrameWork的一部分，ASP.NET不失為Windows平臺上Web開發(fā)技術(shù)的集大成者。 C#是微軟公司專門為.NET量身定做的編程語言，它與.NET有著密不可分的關(guān)系。C#是最適合開發(fā).NET應(yīng)用的編程語言。 網(wǎng)頁開發(fā)中除了語言方面外，還包括其他的相關(guān)技術(shù)：圖像處理和動畫制作。此兩門技術(shù)在網(wǎng)頁美工方面占據(jù)重要的地位。圖像處理主要采用Photoshop等軟件，動畫制動主要采用Flash等軟件。,1.4 利用ASP.NET 2.0開發(fā)簡單的小程序,【例1-1】 創(chuàng)建一個ASP.NET Web應(yīng)用程序，程序運行時能夠獲取文本框內(nèi)用戶所輸入的內(nèi)容。 （1）運行Visual Studio 2005，進(jìn)入Visual Studio開發(fā)環(huán)境，選擇“文件”“新建網(wǎng)站”，如圖1.7所示，在模板框內(nèi)選擇“ASP.NET網(wǎng)站”，在位置欄選