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

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