Web開發(fā)技術(shù)及其應(yīng)用(轉(zhuǎn)換)

1、WebWeb開發(fā)技術(shù)及其應(yīng)用開發(fā)技術(shù)及其應(yīng)用蔡章利蔡章利博博 士士副副 教教 授授碩士生導(dǎo)師碩士生導(dǎo)師參考教材參考教材王成良王成良. Web. Web開發(fā)技術(shù)及其應(yīng)用開發(fā)技術(shù)及其應(yīng)用M.M.北京：清華大學(xué)北京：清華大學(xué)出版社，出版社，201220122第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)1 1： 什么是什么是C/SC/S結(jié)構(gòu)？什么是結(jié)構(gòu)？什么是B/SB/S結(jié)構(gòu)？結(jié)構(gòu)？B/S是英文Browser/Server的縮寫，翻譯成中文是瀏覽器/服務(wù)器。C/S是英文Client/Server的縮寫，翻譯成中文是客戶機(jī)/服務(wù)器。3第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)C/S結(jié)構(gòu)如下圖所示：特點(diǎn)特點(diǎn)：客戶端

2、負(fù)責(zé)完成與用戶交互；事務(wù)處理任務(wù)主要由客戶端完成，服務(wù)器端主要負(fù)責(zé)數(shù)據(jù)的存儲(chǔ)、查詢管理。優(yōu)點(diǎn)優(yōu)點(diǎn)：分布式管理，可充分發(fā)揮客戶端PC的處理能力，安全、穩(wěn)定、速度快。不足不足：客戶端PC需安裝專用軟件，系統(tǒng)的維護(hù)、升級(jí)比較困難。4第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)B/S結(jié)構(gòu)如下圖所示：特點(diǎn)特點(diǎn)：客戶端負(fù)責(zé)完成與用戶交互；事務(wù)處理任務(wù)主要由Web服務(wù)器端完成，數(shù)據(jù)服務(wù)器端主要負(fù)責(zé)數(shù)據(jù)的存儲(chǔ)、查詢管理。優(yōu)點(diǎn)優(yōu)點(diǎn)：用戶可跨平臺(tái)以相同的瀏覽器界面訪問(wèn)系統(tǒng)，系統(tǒng)安裝在Web服務(wù)器上，易于集中管理和升級(jí)、維護(hù)。不足不足：相對(duì)C/S結(jié)構(gòu)來(lái)講，系統(tǒng)的安全性、穩(wěn)定性較差，速度慢些。5第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知

3、識(shí)知識(shí)知識(shí)2 2： Web Web訪問(wèn)原理訪問(wèn)原理6第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)3 3： Web Web頁(yè)面頁(yè)面 指用超文本置標(biāo)語(yǔ)言（Hyper Text Markup Language ，HTML）將相關(guān)信息組織在一起的文本文件。 又稱超鏈接文件、網(wǎng)頁(yè)文件或Web頁(yè)面文件，文件擴(kuò)展名通常為htm或html。7第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)4 4： Web Web瀏覽器瀏覽器 是一個(gè)安裝在客戶端PC機(jī)上，可與Web服務(wù)器建立連接進(jìn)行通信的標(biāo)準(zhǔn)化軟件。 與Web服務(wù)器之間使用超文本傳送協(xié)議（Hyper Text Transfer Protocol , HTTP）進(jìn)行通信

4、。 通過(guò)解析Web頁(yè)面中的超文本標(biāo)記，可將相關(guān)信息以特定形式呈現(xiàn)給用戶。 常用的瀏覽器軟件如IE、Firefox、Chrome等。8第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)5 5： Web Web服務(wù)器服務(wù)器 指能以Web頁(yè)面方式為用戶提供信息資源檢索及瀏覽服務(wù)的軟件系統(tǒng)。 與Web頁(yè)面的關(guān)系如下圖所示。9第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)6 6：統(tǒng)一資源定位符（：統(tǒng)一資源定位符（Uniform Resource LocatorsUniform Resource Locators，URLURL） 俗稱網(wǎng)址。用于標(biāo)識(shí)信息資源在WWW網(wǎng)絡(luò)中的存放位置，以便用戶訪問(wèn)。 每個(gè)URL字串通常包

5、含協(xié)議名稱、主機(jī)名及端口號(hào)、文件路徑及文件名三個(gè)部分。例如：2:8080/web/a.htmhttp:/ 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)7 7：超文本傳輸協(xié)議：超文本傳輸協(xié)議HTTPHTTPHTTP（HyperText Transfer Protocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議。11HTTP不僅保證計(jì)算機(jī)正確快速地傳輸超文本文檔，還確定傳輸文檔中的哪一部分，以及哪部分內(nèi)容首先顯示(如文本先于圖形)，等等。第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)8 8：什么是：什么是Web 1.0Web 1.0、Web 2.0Web

6、2.0、Web 3.0Web 3.0、？p Web 1.0第一代互聯(lián)網(wǎng)技術(shù)及應(yīng)用的統(tǒng)稱。其主要特征是用戶通過(guò)瀏覽器獲取網(wǎng)絡(luò)信息，用戶只是網(wǎng)絡(luò)信息的消費(fèi)者。12p Web 2.0第二代互聯(lián)網(wǎng)技術(shù)及應(yīng)用的統(tǒng)稱。其主要特征是Ajax、RSS、Blog(博客)、Tag等技術(shù)廣泛應(yīng)用，網(wǎng)絡(luò)交互功能增強(qiáng)，用戶既是網(wǎng)絡(luò)信息的消費(fèi)者，也是網(wǎng)絡(luò)信息的制造者。p Web 3.0第三代互聯(lián)網(wǎng)技術(shù)及應(yīng)用的統(tǒng)稱。其主要特征目前還有爭(zhēng)議，尚未完全形成。第一部分第一部分 基礎(chǔ)知識(shí)基礎(chǔ)知識(shí)知識(shí)知識(shí)9 9：內(nèi)容聚合：內(nèi)容聚合RSSRSS（Really Simple SyndicationReally Simple Syndic

7、ation）13 RSS使用XML作為彼此共享內(nèi)容的標(biāo)準(zhǔn)方式； RSS是站點(diǎn)用來(lái)和其他站點(diǎn)之間共享內(nèi)容的簡(jiǎn)易方式； RSS對(duì)信息閱讀者來(lái)講，是一種方便的信息獲取工具；通過(guò)一個(gè)RSS閱讀器（比如新浪點(diǎn)點(diǎn)通），用戶可以同時(shí)閱讀來(lái)自不同站點(diǎn)的新聞； RSS對(duì)信息發(fā)布者來(lái)講，提供了一個(gè)信息迅速傳播技術(shù)平臺(tái)；第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)目前，用于目前，用于WebWeb應(yīng)用系統(tǒng)開發(fā)的技術(shù)主要有：應(yīng)用系統(tǒng)開發(fā)的技術(shù)主要有： HTML、XHTML、XML、CSS、XSL JavaScript C#、ASP/ASP.NET、ADO/ADO.NET ActiveX、Ajax ActionScript14 C

8、GI、PHP、JSP、等等。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML1.1. HTMLHTML、XHTMLXHTML、XMLXML概念及相互關(guān)系概念及相互關(guān)系 HTML（HyperText Markup Language，超文本置標(biāo)語(yǔ)言）是一種可用特定標(biāo)記（近120種）來(lái)描述文檔結(jié)構(gòu)的語(yǔ)言。HTMLHTML文檔示例文檔示例 HTML是標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言(SGML)的一個(gè)子集，目前用得最多的版本是HTML4.0,最新版本是HTML5.0。15第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML1.1. HTMLHTML、XHTMLXHTML、XMLXML概念及相

9、互關(guān)系概念及相互關(guān)系 XML（EXtensible Markup Language，可擴(kuò)展置標(biāo)語(yǔ)言）是一種標(biāo)準(zhǔn)，其提供的規(guī)則可用來(lái)構(gòu)造其它標(biāo)記語(yǔ)言（如XHTML），不能直接用來(lái)寫網(wǎng)頁(yè)文件。未轉(zhuǎn)換未轉(zhuǎn)換XMLXML文檔示例文檔示例 XML以標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言(SGML)為基礎(chǔ)，是對(duì)SGML的簡(jiǎn)化，而非其子集。 符合XML標(biāo)準(zhǔn)要求文檔稱為XML文檔，XML文檔只有轉(zhuǎn)換成HTML格式才能在瀏覽器上正確顯示。已轉(zhuǎn)換已轉(zhuǎn)換XMLXML文檔示例文檔示例16第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML1.1. HTMLHTML、XHTMLXHTML、XMLXML概念及相互關(guān)系概念及相互關(guān)系

10、 XHTML（EXtensible HyperText Markup Language，可擴(kuò)展超文本置標(biāo)語(yǔ)言）是一個(gè)基于XML的置標(biāo)語(yǔ)言，能直接用來(lái)寫網(wǎng)頁(yè)文件。對(duì)應(yīng)的對(duì)應(yīng)的HTMLHTML文檔示例文檔示例 XHTML是網(wǎng)頁(yè)由HTML描述向XML描述發(fā)展的一種過(guò)渡技術(shù)，當(dāng)前版本主要是XHTML1.0，是一種在HTML4.0基礎(chǔ)上優(yōu)化和改進(jìn)的新語(yǔ)言。 XHTML與HTML比較相似，區(qū)別在于其符合XML規(guī)范要求，所有標(biāo)記必須配對(duì)，標(biāo)記的屬性必須放在引號(hào)中。XHTMLXHTML文檔示例文檔示例17第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML1.1. HTMLHTML、XHTMLXH

11、TML、XMLXML概念及相互關(guān)系概念及相互關(guān)系網(wǎng)頁(yè)之所以由采用HTML描述向采用XML描述發(fā)展，主要在于： HTML的標(biāo)記固定，不具有擴(kuò)展性，用戶不能自定義標(biāo)記來(lái)滿足新的數(shù)據(jù)格式展示需求，比如數(shù)學(xué)公式、科技符號(hào)、矢量圖形等。 HTML是專為描述頁(yè)面表現(xiàn)形式而設(shè)計(jì)的，不能揭示所標(biāo)記的信息含義，難以滿足信息檢索與存檔要求。18第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML2.2. HTMLHTML文檔基本結(jié)構(gòu)文檔基本結(jié)構(gòu)( (示例示例) )序號(hào) 標(biāo)記類型 說(shuō) 明 1文檔類型標(biāo)記“DOCTYPE”用于指定文檔中使用了哪個(gè)版本的用于指定文檔中使用了哪個(gè)版本的HTML，并可以和哪個(gè)驗(yàn)

12、證工，并可以和哪個(gè)驗(yàn)證工具一起使用，以保證此具一起使用，以保證此HTML文檔與文檔與HTML推薦標(biāo)準(zhǔn)的一致。例如推薦標(biāo)準(zhǔn)的一致。例如:表明此文檔應(yīng)符合表明此文檔應(yīng)符合W3C制定的制定的HTML4.01規(guī)范。又如在規(guī)范。又如在VS 2005中新建的中新建的HTML文檔中第一行為：文檔中第一行為：表明此文檔應(yīng)符合表明此文檔應(yīng)符合W3C制定的制定的XHTML1.0規(guī)范，也就是要求此文檔應(yīng)按照規(guī)范，也就是要求此文檔應(yīng)按照XML文檔規(guī)范來(lái)配對(duì)所有標(biāo)記。文檔規(guī)范來(lái)配對(duì)所有標(biāo)記。文檔類型是每個(gè)文檔類型是每個(gè)HTML文檔必需的，如果文檔必需的，如果HTML文檔中沒(méi)有文檔類型標(biāo)記，瀏覽文檔中沒(méi)有文檔類型標(biāo)記，瀏

13、覽器會(huì)采用默認(rèn)的方式即器會(huì)采用默認(rèn)的方式即W3C推薦推薦HTML 4.0來(lái)處理此來(lái)處理此HTML文檔。文檔。 2HTML標(biāo)記在編寫在編寫HTML語(yǔ)言源代碼時(shí)以語(yǔ)言源代碼時(shí)以來(lái)標(biāo)記一個(gè)來(lái)標(biāo)記一個(gè)HTML文檔的開始，以文檔的開始，以標(biāo)記整個(gè)文檔的結(jié)束。標(biāo)記整個(gè)文檔的結(jié)束。 19第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML序號(hào) 標(biāo)記類型 說(shuō) 明 3頭元素標(biāo)記 每個(gè)每個(gè)HTML文檔都包含一個(gè)頭元素。頭元素中的內(nèi)容一般不會(huì)在文檔都包含一個(gè)頭元素。頭元素中的內(nèi)容一般不會(huì)在窗口中顯示。頭元素是以窗口中顯示。頭元素是以開頭，以開頭，以結(jié)束。結(jié)束。 4網(wǎng)頁(yè)標(biāo)題標(biāo)記 標(biāo)題是頭元素的一部分，標(biāo)記

14、標(biāo)題是頭元素的一部分，標(biāo)記必須包含在必須包含在 之內(nèi)。標(biāo)題會(huì)出現(xiàn)在瀏覽器窗口標(biāo)題欄上。之內(nèi)。標(biāo)題會(huì)出現(xiàn)在瀏覽器窗口標(biāo)題欄上。用戶將該網(wǎng)頁(yè)添加到收藏夾或書簽時(shí)，其名稱默認(rèn)為網(wǎng)頁(yè)標(biāo)題；用戶將該網(wǎng)頁(yè)添加到收藏夾或書簽時(shí)，其名稱默認(rèn)為網(wǎng)頁(yè)標(biāo)題；另外搜索引擎在進(jìn)行分類搜索時(shí)也會(huì)按網(wǎng)頁(yè)標(biāo)題搜索。另外搜索引擎在進(jìn)行分類搜索時(shí)也會(huì)按網(wǎng)頁(yè)標(biāo)題搜索。 5主體元素標(biāo)記 HTML文檔的主體部分用來(lái)放置文本、圖像等內(nèi)容。主體以文檔的主體部分用來(lái)放置文本、圖像等內(nèi)容。主體以開始，以開始，以結(jié)束。頁(yè)面背景顏色與圖像在該標(biāo)記中設(shè)結(jié)束。頁(yè)面背景顏色與圖像在該標(biāo)記中設(shè)置方法是：（置方法是：（1）用圖像填充背景）用圖像填充背景其中

15、其中background表示背景圖像文件所在的表示背景圖像文件所在的URL地址。例如：地址。例如：（2）用某種顏色）用某種顏色填充背景填充背景 其中其中Bgcolor表示背景顏色。例表示背景顏色。例如：如：顏色可用顏色名稱如顏色可用顏色名稱如green、1616進(jìn)制進(jìn)制表示表示#RRGGBB#RRGGBB如如#00FFEE、函數(shù)、函數(shù)rgb(r,g,b)如如rgb(20,20,50)、函、函數(shù)數(shù)rgb(r%,g%,b%)如如 rgb(20%,20%,50%)來(lái)表示。紅綠藍(lán)顏色來(lái)表示。紅綠藍(lán)顏色分量取值為分量取值為0255。顏色分量百分?jǐn)?shù)是相對(duì)。顏色分量百分?jǐn)?shù)是相對(duì)255而言。例如而言。例如:2

16、0第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)HTML、XHTML及及XML序號(hào) 標(biāo)記類型 說(shuō) 明 6標(biāo)記的屬性HTML標(biāo)記中，可用屬性來(lái)描述標(biāo)記的外觀和行為方式以及內(nèi)標(biāo)記中，可用屬性來(lái)描述標(biāo)記的外觀和行為方式以及內(nèi)在表現(xiàn)。上面主體元素中在表現(xiàn)。上面主體元素中bgcolor就是就是body的屬性。可根據(jù)實(shí)的屬性?？筛鶕?jù)實(shí)際情況給標(biāo)記設(shè)置屬性。例如：際情況給標(biāo)記設(shè)置屬性。例如：我是超我是超鏈接鏈接上述超鏈接標(biāo)記中，上述超鏈接標(biāo)記中，id為超鏈接定義了一個(gè)標(biāo)識(shí)，因?yàn)闉槌溄佣x了一個(gè)標(biāo)識(shí)，因?yàn)镠TML頁(yè)面文檔中可能有很多個(gè)超鏈接，通過(guò)頁(yè)面文檔中可能有很多個(gè)超鏈接，通過(guò)ID可以確定是哪個(gè)超鏈可以確定是哪個(gè)超鏈

17、接，也可通過(guò)接，也可通過(guò)name屬性來(lái)指定。屬性來(lái)指定。Title屬性實(shí)現(xiàn)了將鼠標(biāo)指針屬性實(shí)現(xiàn)了將鼠標(biāo)指針?lè)旁谠摮溄訕?biāo)記上時(shí)，會(huì)顯示一個(gè)動(dòng)態(tài)文本提示框放在該超鏈接標(biāo)記上時(shí)，會(huì)顯示一個(gè)動(dòng)態(tài)文本提示框“Its me”。Title屬性是為大多數(shù)標(biāo)記所具有的屬性。每個(gè)標(biāo)記有很多屬性，屬性是為大多數(shù)標(biāo)記所具有的屬性。每個(gè)標(biāo)記有很多屬性，但有許多是共同屬性。但有許多是共同屬性。7注釋標(biāo)記 HTML中的注釋始終以中的注釋始終以“”結(jié)尾。注釋可以結(jié)尾。注釋可以幫助人們理解代碼。瀏覽器會(huì)忽略注釋內(nèi)部的所有文本和標(biāo)記。幫助人們理解代碼。瀏覽器會(huì)忽略注釋內(nèi)部的所有文本和標(biāo)記。 21第二部分第二部分 開發(fā)技術(shù)開發(fā)技

18、術(shù)HTML、XHTML及及XML3.3. HTMLHTML常用標(biāo)記簡(jiǎn)介常用標(biāo)記簡(jiǎn)介 文本和文本和格式標(biāo)記標(biāo)記 超鏈接標(biāo)記和表格標(biāo)記 圖像、視頻與動(dòng)畫、聲音處理標(biāo)記 控件標(biāo)記 幀標(biāo)記和IFRAME標(biāo)記22第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL1.1. 層疊樣式單層疊樣式單CSSCSS 由于HTML注重的是文檔內(nèi)容本身，而非顯示方式；因此顯示語(yǔ)義不明確，存在同一HTML文檔在不同瀏覽器可能會(huì)出現(xiàn)不同顯示效果的問(wèn)題。 CSS（Cascading Style Sheets，層疊樣式單）是W3C協(xié)會(huì)為彌補(bǔ)HTML在顯示語(yǔ)義上存在的不足而制定的一套擴(kuò)展樣式標(biāo)準(zhǔn)。 網(wǎng)頁(yè)用CSS文件來(lái)控制其顯示格

19、式至少有兩個(gè)好處：一是可以簡(jiǎn)化網(wǎng)頁(yè)代碼，CSS文件被瀏覽器保存在緩存中可加快網(wǎng)頁(yè)的下載、顯示速度；二是只要修改保存著網(wǎng)站格式的CSS文件就可以改變整個(gè)站點(diǎn)的風(fēng)格特色，這對(duì)修改頁(yè)面數(shù)量龐大的站點(diǎn)格外有用，可避免逐個(gè)修改網(wǎng)頁(yè)，以減少工作量。23第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL2.2. CSSCSS用于用于HTMLHTML文檔的樣式定義文檔的樣式定義選擇符選擇符 屬性屬性1 1：值：值1 1；屬性；屬性2 2：值：值2 2； CSS有六種選擇符：HTML標(biāo)記、具有上下文關(guān)系的HTML標(biāo)記、用戶自定義類選擇符、用戶定義的ID選擇符、虛類、虛元素。CSSCSS文件示例文件示例 一個(gè)CS

20、S文件通常包含多個(gè)樣式規(guī)則，CSS用這些樣式規(guī)則來(lái)告訴瀏覽器如何顯示網(wǎng)頁(yè)元素，其規(guī)則的形式如下：24第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL3.3. CSSCSS在在HTMLHTML文檔中的使用方式文檔中的使用方式鏈入外部樣式表。即把樣式表保存為一個(gè)CSS文件，在HTML文檔的頭標(biāo)記之間添加標(biāo)記連接到該CSS文件。導(dǎo)入外部樣式表。即把樣式表保存為一個(gè)CSS文件，在HTML文檔的頭部的標(biāo)記之間利用import “xxx.css”聲明導(dǎo)入該CSS文件。使用示例使用示例25第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL3.3. CSSCSS在在HTMLHTML文檔中的使用方式文檔中的使

21、用方式聯(lián)入樣式表。即利用標(biāo)記將樣式表聯(lián)入到HTML文件的頭部。內(nèi)聯(lián)樣式。即直接在HTML標(biāo)記里加入style參數(shù)。Style參數(shù)的內(nèi)容就是CSS的屬性和值。多重樣式表疊加。即前述四種方式的混合使用。依照后定義優(yōu)先原則，優(yōu)先級(jí)最高的是內(nèi)聯(lián)樣式，聯(lián)入樣式表高于導(dǎo)入外部樣式表，鏈入的外部樣式表和聯(lián)入樣式表之間是最后定義的優(yōu)先級(jí)高。26第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL4.4. CSSCSS用于用于XMLXML文檔的樣式定義文檔的樣式定義元素名稱選擇符。用戶自定義類選擇符。用戶定義的ID選擇符。成組選擇符。27第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL5.5. CSSCSS在在

22、XMLXML文檔中的使用方式文檔中的使用方式將定義的CSS樣式表置于XML文檔中。在XML文檔聲明部分聲明引用CSS文件。前兩種方式混合使用。28第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL6.6. 可擴(kuò)展樣式單語(yǔ)言可擴(kuò)展樣式單語(yǔ)言XSLXSL XSL（eXtensible Stylesheet Language，可擴(kuò)展樣式單語(yǔ)言）是一種遵循XML文檔格式規(guī)范的標(biāo)識(shí)語(yǔ)言。其功能之一就是將XML文檔轉(zhuǎn)換為HTML文檔以便瀏覽器顯示。 XSL最初由格式化引擎和格式化符號(hào)集（又稱格式化符號(hào)對(duì)象FO）兩部分組成。目前所說(shuō)XSL實(shí)際上是指XSLT（XSL Transformations），其主要就

23、是將一個(gè)沒(méi)有表現(xiàn)形式的XML文檔作為源樹，將其轉(zhuǎn)換為一個(gè)有樣式信息的結(jié)果樹。29第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL7.7. XSLXSL文檔的基本結(jié)構(gòu)文檔的基本結(jié)構(gòu)30第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL8.8. XSLXSL的主要元素的主要元素 模板元素xsl:template。 選擇元素xsl:value-of和xsl:for-each 測(cè)試元素xsl:if和xsl:choose31第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL9.9. XSLXSL常用運(yùn)算符常用運(yùn)算符32第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)CSS及及XSL10.10. XSLXSL的內(nèi)置函

24、數(shù)的內(nèi)置函數(shù)XSL提供了100多個(gè)內(nèi)置函數(shù)，以方便用戶開發(fā)使用。部分常用內(nèi)置函數(shù)如： position()、last()用于節(jié)點(diǎn)元素定位 count()滿足條件的節(jié)點(diǎn)級(jí)數(shù) number()將屬性值中的文本轉(zhuǎn)換為數(shù)值 substring()截取字符串 string-length()獲取字符串的長(zhǎng)度 concat()、string-join()字符串連接 sum()、max（）、min()、avg()33第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML1.1. 什么是什么是DHTMLDHTML DHTML（Dynamic HTML，動(dòng)態(tài)的HTML）不是一門新的語(yǔ)言，而是HTML、CSS、CSSL、DO

25、M等相關(guān)技術(shù)、標(biāo)準(zhǔn)或規(guī)范的一種集成。 CSSL(Client-Side Scripting Language，客戶端腳本語(yǔ)言)目前主要有JavaScript、VBScript、Jscript三種。 DOM(Document Object Model，文檔對(duì)象模型)將文檔中的所有HTML或XML標(biāo)記抽象成對(duì)象，以便CSSL對(duì)其屬性(Properties)、方法(Method)和事件(Events)進(jìn)行控制。34第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之JavaScript1.1. JavaScriptJavaScript編程基礎(chǔ)編程基礎(chǔ) JavaScript程序嵌入HTML文檔的方法 數(shù)據(jù)

26、類型 常量和變量 運(yùn)算符和表達(dá)式 函數(shù) 事件驅(qū)動(dòng)及事件處理 流程控制35第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之JavaScript2.2. JavaScriptJavaScript對(duì)象編程技術(shù)對(duì)象編程技術(shù)內(nèi)置對(duì)象內(nèi)置對(duì)象 Array對(duì)象 String對(duì)象 Date對(duì)象 Math對(duì)象 Number對(duì)象36第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之JavaScript3.3. JavaScriptJavaScript對(duì)象編程技術(shù)對(duì)象編程技術(shù)預(yù)定義函數(shù)預(yù)定義函數(shù)它提供了與任何對(duì)象無(wú)關(guān)的系統(tǒng)函數(shù)，使用這些函數(shù)不需創(chuàng)建任何實(shí)例,可直接用。例如：返回字符串表達(dá)式中的值。eval（字符串表達(dá)

27、式），例：test=eval(8+9+5/2) 返回字符的編碼。 escape(string) /用%xx 16進(jìn)制形式編碼返回字符串ASCI碼。 unescape(string) /將用escape編碼過(guò)的字串復(fù)原 返回實(shí)數(shù)。 parseFloat(floatstring) /字符數(shù)字變成實(shí)數(shù) 返回不同進(jìn)制的數(shù)。parseInt(numbestring,radix) /radix是數(shù)的進(jìn)制， /numbestring字符串?dāng)?shù)。 /字符數(shù)字按進(jìn)制變成整數(shù)37第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之JavaScript4.4. JavaScriptJavaScript對(duì)象編程技術(shù)對(duì)象編程

28、技術(shù)用戶自定義對(duì)象用戶自定義對(duì)象使用JavaScript可以創(chuàng)建自己的對(duì)象。方法是為其定義一個(gè)構(gòu)造函數(shù)，賦予對(duì)象屬性和方法。其基本格式如下： function ObjectName（屬性表）this. property 1=property1; /屬性的定義perty2=property2; /屬性的定義.this.method1=FunctionName1; /方法的定義this.method2=FunctionName2; /方法的定義. 38第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之JavaScript5.5. JavaScript ActiveXJavaScrip

29、t ActiveX編程技術(shù)編程技術(shù) ActiveX是微軟公司提出的一種軟件技術(shù)，其目的是實(shí)現(xiàn)軟件可重用。符合ActiveX技術(shù)要求的控件可用于拓展Web頁(yè)面的功能，能為用戶創(chuàng)建豐富的Internet應(yīng)用程序 JavaScript提供了ActiveXObject方法實(shí)現(xiàn)對(duì)ActiveX控件的訪問(wèn)。文件系統(tǒng)操作示例文件系統(tǒng)操作示例ExcelExcel調(diào)用示例調(diào)用示例WordWord調(diào)用示例調(diào)用示例39第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM1.1. HTMLHTML文檔對(duì)象模型文檔對(duì)象模型 HTML文檔對(duì)象模型（HTML DOM）是一個(gè)能夠讓程序和腳本動(dòng)態(tài)訪問(wèn)和更新HTML文檔內(nèi)容、

30、結(jié)構(gòu)和樣式的語(yǔ)言平臺(tái)，定義了一種訪問(wèn)并操作HTML文檔的標(biāo)準(zhǔn)方法。 HTML DOM將網(wǎng)頁(yè)中的每個(gè)HTML元素看做一個(gè)個(gè)對(duì)象，我們可以通過(guò)腳本程序來(lái)獲取/設(shè)置每個(gè)對(duì)象的屬性，調(diào)用每個(gè)對(duì)象的方法，為每個(gè)對(duì)象的事件綁定處理方法來(lái)動(dòng)態(tài)改變網(wǎng)頁(yè)的顯示效果。 因?yàn)镈OM規(guī)范在不斷發(fā)展，使得目前不同瀏覽器對(duì)DOM的支持存在差異。40第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM1.1. HTMLHTML文檔對(duì)象模型文檔對(duì)象模型 微軟IE瀏覽器支持的DOM如下所示。41第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM2.2. 通過(guò)通過(guò)DOMDOM操作操作HTMLHTML元素的方法元素的方法為便

31、于對(duì)某個(gè)HTML元素進(jìn)行操作，創(chuàng)建HTML文檔時(shí)，必須為其設(shè)置ID或Name屬性以唯一標(biāo)識(shí)該元素。建議全部用ID屬性，而不用Name屬性，Name屬性只是為了兼容低版本瀏覽器。例如：指定指定IDID屬性：屬性： 指定指定NameName屬性：屬性： 42第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM2.2. 通過(guò)通過(guò)DOMDOM操作操作HTMLHTML元素的方法元素的方法利用DOM操作HTML元素的六種方法：window.document.all.item(HTMLwindow.document.all.item(HTML元素的元素的ID)ID) 例如：例如：window.docume

32、nt.all.item(myColor) window.document.all.item(myColor) document.all.HTMLdocument.all.HTML元素的元素的ID ID 例如：例如：window.document.all.myColor window.document.all.myColor window.document.getElementById(HTMLwindow.document.getElementById(HTML元素的元素的ID) ID) 例如：例如：window.document.getElementById(myColor) window.

33、document.getElementById(myColor) window.document.getElementsByName(HTMLwindow.document.getElementsByName(HTML元素的元素的NameName屬性值屬性值 ) ) 例如：例如：window.document.getElementsByName(firstName) window.document.getElementsByName(firstName) dItem(HTMLdItem(HTML元素

34、的元素的IdId或或NameName屬性值屬性值) ) 例如：例如：dItem (myColor) dItem (myColor) window.document. getElementsByTagName(div) (HTMLwindow.document. getElementsByTagName(div) (HTML標(biāo)記名標(biāo)記名稱稱) ) 例如：例如：window.document. getElementsByTagName(div) window.document. getElementsB

35、yTagName(div) 操作示例43第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM3.3. HTML DOMHTML DOM的主要對(duì)象的主要對(duì)象 窗口對(duì)象（window） 瀏覽器對(duì)象（navigator） 位置對(duì)象（location） 歷史對(duì)象（history） 事件對(duì)象（event） 文檔對(duì)象（document）44第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM3.3. HTML DOMHTML DOM的主要對(duì)象的主要對(duì)象窗口對(duì)象窗口對(duì)象(window)(window) Window對(duì)象處于對(duì)象層次的最頂端，每個(gè)對(duì)象代表一個(gè)瀏覽器窗口，封裝了窗口的方法和屬性。Window

36、對(duì)象所包含的屬性、方法、事件、對(duì)象如圖所示。應(yīng)用示例45第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM3.3. HTML DOMHTML DOM的主要對(duì)象的主要對(duì)象文檔對(duì)象文檔對(duì)象(document)(document)document文檔對(duì)象是瀏覽器對(duì)象的核心，主要作用就是把這些基本的元素（如links,anchor等）包裝起來(lái)，提供給編程人員使用。編程人員利用這些對(duì)象，可以對(duì)WWW瀏覽器環(huán)境中的事件進(jìn)行控制并作出處理。document對(duì)象對(duì)于實(shí)現(xiàn)Web頁(yè)面信息交互起關(guān)鍵作用。在JavaScript中提供了非常豐富的內(nèi)部方法和屬性，從而減輕了編程人員的工作，提高了編程效率46第二部分

37、第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM3.3. HTML DOMHTML DOM的主要對(duì)象的主要對(duì)象文檔對(duì)象文檔對(duì)象(document)(document)document對(duì)象所包含的屬性、方法、事件、對(duì)象如圖所示。應(yīng)用示例47第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM4.4. HTML DOMHTML DOM樹簡(jiǎn)介樹簡(jiǎn)介HTML DOM是一種結(jié)構(gòu)化的對(duì)象模型，采用DOM技術(shù)訪問(wèn)和更新HTML頁(yè)面內(nèi)容時(shí)，首先依據(jù)HTML源代碼，建立頁(yè)面的樹形結(jié)構(gòu)模型，然后按照樹形結(jié)構(gòu)的層次關(guān)系來(lái)操縱Web頁(yè)面，一個(gè)Web頁(yè)文件可看成對(duì)應(yīng)了一棵DOM節(jié)點(diǎn)樹，如下圖所示： 48第二部分第二部分

38、 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM4.4. HTML DOMHTML DOM樹簡(jiǎn)介樹簡(jiǎn)介49第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM4.4. HTML DOMHTML DOM樹簡(jiǎn)介樹簡(jiǎn)介在DOM樹形結(jié)構(gòu)中，每個(gè)節(jié)點(diǎn)都是一個(gè)對(duì)象，各節(jié)點(diǎn)對(duì)象都有屬性和方法。 DOM有兩個(gè)對(duì)象集合：attributes和chileNodes。attributes是節(jié)點(diǎn)屬性的對(duì)象集合。chileNodes是子節(jié)點(diǎn)的對(duì)象集合，使用從0開始的索引值進(jìn)行訪問(wèn)。DOM樹形結(jié)構(gòu)節(jié)點(diǎn)有只讀屬性和讀寫屬性兩類。通過(guò)只讀屬性可以瀏覽節(jié)點(diǎn)，并可獲得節(jié)點(diǎn)的類型及名稱等信息；通過(guò)讀寫屬性可以訪問(wèn)文字節(jié)點(diǎn)的內(nèi)容。50第二部

39、分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM4.4. HTML DOMHTML DOM樹簡(jiǎn)介樹簡(jiǎn)介DOM樹節(jié)點(diǎn)屬性如下表： 51第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)DHTML之之DOM4.4. HTML DOMHTML DOM樹簡(jiǎn)介樹簡(jiǎn)介DOM樹的常用方法如下表： 52第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)Web開發(fā)平臺(tái)簡(jiǎn)介53在.NET平臺(tái)下開發(fā)的應(yīng)用程序運(yùn)行于.NET Framework之上。 .NET Framework目前已從最初的1.0版本發(fā)展到4.0版本。微軟公司推出的一種軟件開發(fā)平臺(tái)，支持多種語(yǔ)言編程，允許開發(fā)人員分別用自己最精通的.NET語(yǔ)言來(lái)編寫代碼協(xié)作完成同一軟件項(xiàng)目。.NE

40、T平臺(tái)支持的編程語(yǔ)言主要有C#、VB.Net、C+.Net和J#。與Web應(yīng)用程序開發(fā)相關(guān)的技術(shù)主要有ASP.NET和ADO.NET。最著名的開發(fā)工具是Visual Studio .NET。1.NET1.NET開發(fā)平臺(tái)開發(fā)平臺(tái)第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)Web開發(fā)平臺(tái)簡(jiǎn)介2.2. Java EEJava EE開發(fā)平臺(tái)開發(fā)平臺(tái) Java EE的三大核心技術(shù)室是Servlet、JSP和EJB。Java EE(Java Enterprise Edition)是SUN公司推出的一種純粹基于Java的軟件開發(fā)解決方案，其最初簡(jiǎn)稱是J2EE。相比.NET平臺(tái)而言，在Java EE平臺(tái)下開發(fā)的軟件具有

41、更好的跨平臺(tái)運(yùn)行能力，而且有許多開源的免費(fèi)軟件支撐；但學(xué)習(xí)難度比.NET平臺(tái)大。54第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言55C#是由C和C+發(fā)展而來(lái)的面向?qū)ο蠛皖愋桶踩木幊陶Z(yǔ)言。C#讀作C Sharp。一個(gè)簡(jiǎn)單C#程序如下例所示：1.1. C#C#程序基本結(jié)構(gòu)程序基本結(jié)構(gòu) using System;using System;namespace ExampleAppnamespace ExampleApp class Hello class Hello static void Main() static void Main() Console.WriteLine(Hello, wor

42、ld); Console.WriteLine(Hello, world); 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言56下面對(duì)這個(gè)程序進(jìn)行一些說(shuō)明：1) C#程序的源代存儲(chǔ)在擴(kuò)展名為.cs的文件中；2）using System 申明引用的名稱空間。名稱空間由Microsoft.NET類庫(kù)提供。使用using命令后，就可以直接調(diào)用名稱空間中的各種類成員。3）Main方法是類Hello中的一個(gè)成員，它有static的說(shuō)明符，所以它是類Hello中的一個(gè)方法而不是此類中的實(shí)例。 Main方法是應(yīng)用程序的主入口點(diǎn)，也稱作開始執(zhí)行應(yīng)用程序的方法。1.1. C#C#程序基本結(jié)構(gòu)程序基本結(jié)構(gòu) 第二部分

43、第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言574）C#語(yǔ)言編譯器CSC.EXE只是將程序員編寫的代碼編譯成 MSIL(Microsoft Intermediate Language)中間語(yǔ)言。中間語(yǔ)言在安裝時(shí)被運(yùn)行庫(kù)編譯成本機(jī)代碼或者首次運(yùn)行時(shí)被實(shí)時(shí)編譯。1.1. C#C#程序基本結(jié)構(gòu)程序基本結(jié)構(gòu) 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言58C#支持兩種數(shù)據(jù)類型：值類型（如char、int、float等）和引用類型（如interface、delegate、object等）。值類型和引用類型的區(qū)別在于，值類型變量直接包含它們的數(shù)據(jù)，而引用類型變量是存儲(chǔ)對(duì)于對(duì)象的引用。對(duì)于引用類型，有可能兩個(gè)變

44、量引用相同的對(duì)象，因而可能出現(xiàn)對(duì)一個(gè)變量的操作影響到其他變量所引用對(duì)象的情況。對(duì)于值類型，每個(gè)變量都有它們自己對(duì)數(shù)據(jù)的拷貝，所以不太可能因?yàn)閷?duì)一個(gè)進(jìn)行操作而影響到其他變量。2.2. C#C#的數(shù)據(jù)類型的數(shù)據(jù)類型 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言59C#有7種變量類型，如下表所示：3.3. C#C#的變量類型的變量類型 變量類型變量類型說(shuō)明說(shuō)明靜態(tài)變量 用static修飾符聲明的變量，如static double=1.0。當(dāng)靜態(tài)變量所屬的類被加載后，靜態(tài)變量就一直存在，并且所有屬于這個(gè)類的實(shí)例都共用同一個(gè)變量。 實(shí)例變量 未用static修飾的變量。它們屬于類的實(shí)例。當(dāng)創(chuàng)建該類的新

45、實(shí)例時(shí)，實(shí)例變量開始存在；當(dāng)所有對(duì)該實(shí)力的引用結(jié)束后，該實(shí)例變量終止。引用參數(shù) 用ref修飾符聲明的參數(shù)。引用參數(shù)的值與被引用的基礎(chǔ)變量相同，所以引用參數(shù)不占用、不創(chuàng)建新的存儲(chǔ)位置。 輸出參數(shù) 用out修飾符聲明的參數(shù)。它表示函數(shù)調(diào)用中的基礎(chǔ)變量，不創(chuàng)建新的存儲(chǔ)位置。 值參數(shù) 未用ref或out修飾符聲明的參數(shù)。在調(diào)用參數(shù)所屬的函數(shù)成員時(shí)開始存在，當(dāng)返回該函數(shù)成員時(shí)值參數(shù)終止。 局部變量 在某個(gè)獨(dú)立的程序塊中聲明的變量。作用域僅限于此程序塊。如for、switch語(yǔ)句等。 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言60C#的表達(dá)式大致分為算術(shù)表達(dá)式、賦值表達(dá)式、關(guān)系表達(dá)式和邏輯表達(dá)式。4.

46、4. C#C#的表達(dá)式的表達(dá)式 （1）算術(shù)表達(dá)式 用算術(shù)操作符把數(shù)值連接在一起的、符合C#語(yǔ)法的表達(dá)式稱為算術(shù)表達(dá)式。算術(shù)操作符包括+、-、*、/、%、+、-第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言614.4. C#C#的表達(dá)式的表達(dá)式 (2)賦值表達(dá)式 用賦值操作符為變量、屬性等賦新值。賦值操作符的運(yùn)算規(guī)則如下表所示：操作符操作符 名稱名稱 運(yùn)算對(duì)象運(yùn)算對(duì)象 運(yùn)算結(jié)果運(yùn)算結(jié)果 = 賦值 任意類型 任意類型+=、-=、*=、/= 加、減、乘、除賦值 數(shù)值型(整型、實(shí)型等) 數(shù)值型(整型、實(shí)型等) %= 模賦值 整型 整型 &=、!=、 =、=、= 位與、位或、右移、左移、異或賦值 整型或

47、字符型 整型或字符型 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言624.4. C#C#的表達(dá)式的表達(dá)式 (3)關(guān)系表達(dá)式 =、!=、=等操作符稱為關(guān)系操作符。用關(guān)系操作符把運(yùn)算對(duì)象連接起來(lái)并符合C#語(yǔ)法的式子稱為關(guān)系表達(dá)式。關(guān)系表達(dá)式要么返回true要么返回false。 (4)邏輯表達(dá)式 &（and）、|(or)和!(not)操作符稱為邏輯操作符。用邏輯操作符把運(yùn)算對(duì)象連接起來(lái)并符合C#語(yǔ)法的式子稱為邏輯表達(dá)式。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言631）三元運(yùn)算符，例如: a=(b5)?100:10表示b5時(shí)a=100,否則a=10；5.5. C#C#的控制語(yǔ)句的控制語(yǔ)句 2）

48、if、switch、for、while、foreach、do while語(yǔ)句，其語(yǔ)法規(guī)則如下表所示3）try-catch-finally語(yǔ)句，可用來(lái)捕捉異常。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言645.5. C#C#的控制語(yǔ)句的控制語(yǔ)句 If Switch For while foreach do while if() else switch(控制表達(dá)式) case 測(cè)試值1:語(yǔ)句1break;case測(cè)試值2:語(yǔ)句2break;default: 默認(rèn)語(yǔ)句break; for(int i=0;i10;i+) int i=0;while(i10) i+; char person=new

49、 char0,1,2,3;foreach(char i in person) if(i=1) else if(i=2) else do 內(nèi)嵌語(yǔ)句 while(循環(huán)控制條件) 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言656.6. C#C#的類聲明的類聲明 類是一種將數(shù)據(jù)成員、函數(shù)成員和嵌套類型等進(jìn)行封裝的數(shù)據(jù)結(jié)構(gòu)。數(shù)據(jù)成員可以是常量或域，函數(shù)成員可以是方法、屬性、索引、事件、操作符或靜態(tài)構(gòu)造函數(shù)和析構(gòu)函數(shù)。構(gòu)造函數(shù)在創(chuàng)建對(duì)象時(shí)被自動(dòng)調(diào)用，用來(lái)執(zhí)行對(duì)象的初始化操作，其函數(shù)名總是與類名相同。析構(gòu)函數(shù)在釋放對(duì)象時(shí)被調(diào)用，用來(lái)刪除對(duì)象前做一些清理工作。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)C#語(yǔ)言語(yǔ)言

50、666.6. C#C#的類聲明的類聲明 在C#中，類有五種訪問(wèn)修飾符，如下表所示：序號(hào)序號(hào) 形式形式 直觀意義直觀意義 1public 訪問(wèn)不受限制 2protected 訪問(wèn)只限于此程序或類中包含的類型 3internal 訪問(wèn)只限于此程序 4protected internal 訪問(wèn)只限于此程序或類中包含的類型 5private 訪問(wèn)只限于所包含的類型 第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET67ASP.NET既不是一種程序語(yǔ)言，也不是一種開發(fā)工具，而是微軟推出的一種實(shí)現(xiàn)動(dòng)態(tài)Web服務(wù)器頁(yè)面的技術(shù)框架。ASP.NET提供基于組件、事件驅(qū)動(dòng)的可編程Web窗體。利用其內(nèi)置的服務(wù)器端控件

51、，用戶可快速開發(fā)實(shí)現(xiàn)具有動(dòng)態(tài)交互功能的Web頁(yè)面。1.1. ASP.NETASP.NET概念概念 Web頁(yè)面中的控件分為客戶端控件和服務(wù)器端控件兩大類。服務(wù)器端控件都需由Web服務(wù)器轉(zhuǎn)換為客戶端控件后，才傳送到客戶端瀏覽器對(duì)其進(jìn)行處理。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET68APS.NET提供的控件主要有8類，如下表所示：1.1. ASP.NETASP.NET是什么是什么 序號(hào) 控件分類 功能描述 1Web標(biāo)準(zhǔn)控件 和界面設(shè)計(jì)制作有關(guān)的控件 2數(shù)據(jù)控件 數(shù)據(jù)訪問(wèn)、操作以及數(shù)據(jù)可視化方面控件 3驗(yàn)證控件 對(duì)用戶輸入的內(nèi)容進(jìn)行驗(yàn)證的控件4導(dǎo)航控件提供站點(diǎn)導(dǎo)航、動(dòng)態(tài)菜單、樹型菜單的控件5

52、登錄控件用戶登錄界面的設(shè)計(jì)制作控件6Web PARTS控件Web門戶定制控件。用戶可以拖動(dòng)某一區(qū)域在屏幕上重新布局7HTML控件HTML中的常規(guī)控件8CRYSTALREPORTS控件提供Web頁(yè)面上的報(bào)表處理第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET692.2. WebWeb標(biāo)準(zhǔn)控件標(biāo)準(zhǔn)控件 (1) Label(1) Label和和LiteralLiteral控件控件 Label控件用于在網(wǎng)頁(yè)的設(shè)置位置上顯示文本，可以通過(guò) Text屬性自定義顯示文本。Text屬性中可以包含其他HTML元素。 Literal 控件和Label控件類似，但它不向文本中添加任何HTML元素。因此，Litera

53、l 控件不支持包括位置屬性在內(nèi)的任何樣式屬性。轉(zhuǎn)換成客戶端HTML代碼后，Literal則是什么標(biāo)記都不帶，但Literal 控件允許指定是否對(duì)內(nèi)容進(jìn)行編碼。通常情況下，當(dāng)希望文本和控件直接呈現(xiàn)在頁(yè)面中而不使用任何附加標(biāo)記時(shí)，可使用Literal 控件。(2) TextBox(2) TextBox文本框控件文本框控件 該控件用于獲取用戶輸入的文本或顯示文本。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET702.2. WebWeb標(biāo)準(zhǔn)控件標(biāo)準(zhǔn)控件 (3)Image(3)Image控件控件 該控件是用來(lái)插入圖片。(4)BUTTON(4)BUTTON、LINKBUTTONLINKBUTTON、IM

54、AGEBUTTONIMAGEBUTTON控件控件 這三個(gè)控件分別表示普通按鈕、超鏈接形式的按鈕和圖像按鈕。每當(dāng)用戶單擊按鈕時(shí)，即調(diào)用CLICK事件處理程序。(5)HyperLink(5)HyperLink控件控件 該控件用于制作文本或圖片超級(jí)鏈接。(6)RadioButton(6)RadioButton單選按鈕單選按鈕 該控件為用戶提供由兩個(gè)或多個(gè)互斥選項(xiàng)組成的選項(xiàng)集。當(dāng)用戶選擇某單選按鈕時(shí)，同一組中的其他單選按鈕不能同時(shí)被選定。當(dāng)單擊RadionButton按鈕時(shí)，其Checked屬性設(shè)置為true，并且調(diào)用Click事件處理程序。當(dāng)Checked屬性的值更改時(shí)，將引發(fā)CheckedChan

55、ged事件。用戶可以通過(guò)用Text屬性設(shè)置控件內(nèi)顯示的文本。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET712.2. WebWeb標(biāo)準(zhǔn)控件標(biāo)準(zhǔn)控件 (7)CheckBox(7)CheckBox復(fù)選框復(fù)選框 該控件通常是成組使用來(lái)完成多重選項(xiàng)的目的(8)DropDownList(8)DropDownList控件控件 該控件使用戶可以從下拉列表框中進(jìn)行選擇。(9)ListBox(9)ListBox列表框列表框 該控件通過(guò)顯示多個(gè)選項(xiàng)供用戶選擇達(dá)到與用戶對(duì)話的目的。(10)FileUpload(10)FileUpload文件上載控件文件上載控件 該控件可實(shí)現(xiàn)讓用戶在客戶端選擇一個(gè)文件,然后放到W

56、eb服務(wù)器的某個(gè)指定的文件夾下。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET722.2. WebWeb標(biāo)準(zhǔn)控件標(biāo)準(zhǔn)控件 (11) Panel(11) Panel和和PlaceholderPlaceholder控件控件 Panel和Placeholder控件都屬于容器控件。容器控件是指該控件可以動(dòng)態(tài)容納其他控件或HTML元素。要在運(yùn)行時(shí)刻向Web頁(yè)面中動(dòng)態(tài)添加內(nèi)容，利用容器控件即可實(shí)現(xiàn)動(dòng)態(tài)添加內(nèi)容到Web頁(yè)中。 Panel 和 Placeholder控件(占位控件)轉(zhuǎn)換成客戶端HTML代碼后，呈現(xiàn)為 div 元素。 Placeholder控件可以將空的容器控件放置到頁(yè)內(nèi)，然后在運(yùn)行時(shí)動(dòng)態(tài)添加

57、、刪除子元素等。該控件只呈現(xiàn)其子元素，不具有自己的基于 HTML的輸出。 Panel控件最終在客戶端呈現(xiàn)為div元素，但在Web開發(fā)時(shí)允許用戶在該控件中添加其他控件，而且在運(yùn)行過(guò)程中也允許動(dòng)態(tài)添加控件。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET733.3. 數(shù)據(jù)控件數(shù)據(jù)控件 數(shù)據(jù)控件根據(jù)所實(shí)現(xiàn)的功能分為兩大類：數(shù)據(jù)源控件和數(shù)據(jù)綁定控件。數(shù)據(jù)源控件可實(shí)現(xiàn)對(duì)不同數(shù)據(jù)源的數(shù)據(jù)訪問(wèn)，數(shù)據(jù)綁定控件主要用于以 多種方式顯示數(shù)據(jù)?？丶Q控件名稱說(shuō)明說(shuō)明數(shù)據(jù)源控件 SqlDataSource用于連接SQL數(shù)據(jù)庫(kù)，可以用來(lái)從任何OLEDB 或者符合ODBC的數(shù)據(jù)源中檢索數(shù)據(jù)，能夠訪問(wèn)目前主流的數(shù)據(jù)庫(kù)系統(tǒng)

58、。AccessDataSource用于連接Access數(shù)據(jù)庫(kù)，允許以聲明方式將Access數(shù)據(jù)庫(kù)中的數(shù)據(jù)綁定到指定對(duì)象中。ObjectDataSource用于連接自定義對(duì)象，允許以聲明方式將對(duì)象綁定到自定義對(duì)象公開的數(shù)據(jù)，以用于多層Web應(yīng)用結(jié)構(gòu)。XmlDataSource該控件可裝載XML文件作為數(shù)據(jù)源，并將其綁定到指定的對(duì)象中。SiteMapDataSource該控件裝載一個(gè)預(yù)先定義好的站點(diǎn)布局文件作為數(shù)據(jù)源，Web服務(wù)器控件和其他控件可通過(guò)該控件綁定到分層站點(diǎn)地圖數(shù)據(jù)，以便制作站點(diǎn)的頁(yè)面導(dǎo)航功能。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ASP.NET743.3. 數(shù)據(jù)控件數(shù)據(jù)控件 數(shù)據(jù)綁定控件

59、 Repeater自由地控制數(shù)據(jù)的顯示。即可以使用非表格的形式來(lái)顯示數(shù)據(jù)，從而能夠更靈活地定義其顯示的風(fēng)格。GridView中強(qiáng)大功能的數(shù)據(jù)控件，不需要編寫代碼就可實(shí)現(xiàn)數(shù)據(jù)的連接、綁定、編輯、刪除、增加等功能。DataList通過(guò)定義模板或樣式來(lái)靈活地顯示數(shù)據(jù)。DetailsView用于顯示表中數(shù)據(jù)源的單個(gè)記錄，其中每個(gè)數(shù)據(jù)行表示記錄中的一個(gè)字段。該控件通常與 GridView 控件組合使用，構(gòu)成主-從方案。FormView用于顯示表中數(shù)據(jù)源的單個(gè)記錄。使用 FormView 控件時(shí)，由您指定模板以顯示和編輯綁定值。模板中包含用于創(chuàng)建窗體的格式、控件和綁定表達(dá)式。FormView 控件通常與

60、GridView 控件一起用于主控/詳細(xì)信息方案。ReportViewer用于顯示報(bào)表、工具欄和文檔結(jié)構(gòu)圖的視圖區(qū)域。工具欄是可配置的，它提供了運(yùn)行時(shí)功能以支持多頁(yè)報(bào)表中的導(dǎo)航、縮放、搜索、打印和導(dǎo)出功能。提供編程接口，以便可以自定義控件、配置控件，以及通過(guò)代碼與控件進(jìn)行交互，包括更改在運(yùn)行時(shí) ReportViewer 使用的數(shù)據(jù)源。第二部分第二部分 開發(fā)技術(shù)開發(fā)技術(shù)ADO.NET75ADO.NET是一種基于消息機(jī)制的數(shù)據(jù)訪問(wèn)方式。它支持客戶端應(yīng)用程序通過(guò)ODBC、OLEDB、SQLClient三種方式來(lái)訪問(wèn)和操作數(shù)據(jù)庫(kù)服務(wù)器中的數(shù)據(jù)。1.1. ADO.NETADO.NET概念概念 ADO.N