第五章-控件技術(shù)與組件開發(fā)ppt課件

1、李華,清華大學(xué)出版社,2/2/2021,第1章 ASP.NET概述,ASP.NET 4.0 是微軟公司為迎接網(wǎng)絡(luò)時(shí)代的來臨而設(shè)計(jì)提出的一個(gè)Web開發(fā)模型，它是建立在公共語言運(yùn)行庫上的編程框架?；?NET Framework 4.0，微軟發(fā)布了ASP.NET 4.0比較以前版本，它提供了新的功能，擴(kuò)展了ASP.NET AJAX、LINQ數(shù)據(jù)源控件等等。 本章主要內(nèi)容有： ASP.NET和.NET框架簡介 Visual Studio 2010開發(fā)環(huán)境 建立一個(gè)簡單應(yīng)用程序,2/2/2021,1.1ASP.NET 簡介,Microsoft Active Server Pages（ASP），譯為“活

2、動(dòng)服務(wù)器頁面”。它是服務(wù)器端腳本編寫環(huán)境，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的 Web 服務(wù)器應(yīng)用程序。使用 ASP 可以組合 HTML 頁、腳本命令和 ActiveX 組件以創(chuàng)建交互的 Web 頁和基于 Web 的功能強(qiáng)大的應(yīng)用程序。但由于ASP程序和網(wǎng)頁的HTML混合在一起，這就使得程序看上去比較混亂，在開發(fā)過程中容易產(chǎn)生問題。同時(shí)，ASP頁面是由腳本語言解釋執(zhí)行的，使得其速度受到影響,2/2/2021,1.1.1區(qū)分ASP.NET和C,ASP.NET：用于創(chuàng)建動(dòng)態(tài)Web頁面的服務(wù)器技術(shù)，它允許使用由.NET支持的任何一種功能完善的編程語言； C#：本書選用的編程語言，用于在ASP.NET中編

3、寫代碼。 ASP.NET是一門技術(shù)而不是一種語言，ASP.NET頁面可以通過許多編程語言訪問，將利用C#創(chuàng)建Web頁面，利用ASP.NET來驅(qū)動(dòng)它?？傊?，ASP.NET是服務(wù)器端技術(shù)，它允許用戶利用功能完善的編程語言創(chuàng)建自己的Web頁面。 之所以選擇C#，是因?yàn)樗鼘?duì)于初學(xué)者來說是最為簡單的，而且它可以完成其他.NET語言能夠完成的大多數(shù)功能,2/2/2021,1.1.2 ASP.NET工作原理,在多數(shù)場合下，可以將ASP.NET頁面簡單地看成一般的HTML頁面，頁面包含標(biāo)記有特殊處理方式的一些代碼段。當(dāng)安裝.NET時(shí)，本地的IIS Web服務(wù)器自動(dòng)配置成查找擴(kuò)展名為.aspx的文件，且用ASP

4、.NET模塊(名為aspnet_isapi.dll的文件)處理這些文件。 從技術(shù)上講，ASP.NET模塊分析ASPX文件的內(nèi)容，并將文件內(nèi)容分解成單獨(dú)的命令以建立代碼的整體結(jié)構(gòu)。完成此工作后，ASP.NET模塊將各命令放置到預(yù)定義的類定義中(不需要放在一起，也不需要按編寫順序放置)。然后使用這個(gè)類定義一個(gè)特殊的ASP.NET對(duì)象Page,2/2/2021,2/2/2021,2/2/2021,李華,李華,李華,李華,李華,李華,李華,李華,李華,李華,李華,李華,李華,李華,信息檢索,5.4,5.2,5.1,服務(wù)器控件,常用控件介紹,其他控件的簡介,5.4其他控件的簡介,5,5,2/2/2021

5、,李華,李華,李華,李華,公司名稱,ASP.NET控件技術(shù)與組件開發(fā),ASP.NET是一種完全面向?qū)ο蟮某绦蛟O(shè)計(jì)方法，它將頁面中所有元素都看成一個(gè)對(duì)象，而Web窗體就是承載這些對(duì)象的一個(gè)容器。 所謂控件是一種可重用的組件或?qū)ο?，這個(gè)組件有自己的外觀、屬性和方法，大部分控件可以響應(yīng)系統(tǒng)或用戶事件。在VisualStudio中系統(tǒng)內(nèi)置了大量的控件，顯示在工具箱中,5.1 服務(wù)器控件,ASP.NET服務(wù)器控件，一種服務(wù)器端組件，封裝了用戶界面及其相關(guān)的功能組件。包含用于為Web提供結(jié)構(gòu)化程序更高的編程模型的內(nèi)置的服務(wù)器控件和能夠創(chuàng)建用戶控件和自定義控件。 服務(wù)器控件有三種： 1、Web服務(wù)器控件新的

6、ASP.NET標(biāo)簽； 2、HTML服務(wù)器控件傳統(tǒng)的HTML標(biāo)簽； 3、驗(yàn)證服務(wù)器控件用來驗(yàn)證輸入有效性,5.2 ASP.NET常用控件介紹,5.2.1 標(biāo)簽控件Label 5.2.2 文本框控件TextBox 5.2.3 Button控件 5.2.4 單選按鈕控件RadioButton 5.2.5 復(fù)選框CheckBox 5.2.6 組框控件Panel 5.2.7 列表框ListBox控件 5.2.8 列表框CheckedBoxList控件,5.2.9 超鏈接控件HyperLink 5.2.10 文件上傳控件FileUpload 5.2.11 DropDownList控件 5.2.12 Tab

7、le控件 5.2.13 Image控件 5.2.14 ImageButton控件 5.2.15 ImageMap控件,5.2.1 標(biāo)簽控件Label,1功能 Label控件又稱標(biāo)簽控件，主要用于在頁面上顯示用戶提示信息或用于說明某個(gè)控件的用途，其屬性設(shè)置如圖51所示。 2屬性 （1）ID屬性 （2）Text屬性 （3）Visible屬性 3Label控件實(shí)例 新建一個(gè)網(wǎng)站，默認(rèn)主頁為Default.aspx，在Default.aspx的設(shè)計(jì)視圖中，添加Label控件,5.2.2 文本框控件TextBox,1功能 TextBox控件又稱文本框控件，用于輸入并顯示一行文字。 2屬性 （1）Text

8、Mode屬性 （2）ReadOnly屬性 3.事件,5.2.3 Button控件,1功能 使用“Button”控件，可讓用戶指示已完成表單或要執(zhí)行特定的命令。 2屬性 （1）CausesValidation 屬性 （2）OnClientClick屬性 （3）AccessKey屬性,5.2.4 單選按鈕控件RadioButton,1功能 RadioButton控件是一組互斥的選項(xiàng)，同一組按鈕中同一時(shí)間只能有一個(gè)按鈕處于選中狀態(tài)，可使用分組框來實(shí)現(xiàn)分組，也可以使用GroupName屬性分組。 2屬性 （1）GroupName屬性 （2）Checked屬性 3. RadioButton控件實(shí)例,5.

9、2.5 復(fù)選框CheckBox,1功能 與單選按鈕相比，每個(gè)復(fù)選框都是獨(dú)立的，長城成組使用，若單擊它則顯示表示選中。 2屬性 （1）AutoPostBack屬性 3事件 4. CheckBox控件實(shí)例,5.2.6 組框控件Panel,1功能 Panel控件主要用于為其他控件提供可識(shí)別的分組。開發(fā)Windows應(yīng)用程序時(shí)，通常使用Panel控件按功能細(xì)分窗體。在窗體設(shè)計(jì)時(shí)，所有控件都可以自由移動(dòng)，而當(dāng)移動(dòng)Panel控件時(shí)，它包含的所有控件也將隨著移動(dòng)。 2屬性 （1）Directory屬性 （2）DefaultButton屬性 3Panel控件實(shí)例,5.2.7列表框ListBox控件,1功能 列

10、表框控件用于在一個(gè)矩形框中以列表的方式顯示多行文本，供用戶來選擇。如果列表項(xiàng)的總數(shù)超出矩形框，將自動(dòng)添加滾動(dòng)條。 2屬性 3事件 SelectedIndexChanged 4ListBox列表框添加的3方法,5.2.8 列表框CheckedBoxList控件,1功能 CheckedListBox控件擴(kuò)展了ListBox控件，它幾乎能完成列表框可以完成的所有任務(wù)，并且還可以在列表中的項(xiàng)旁邊顯示復(fù)選標(biāo)記。CheckedListBox控件與ListBox控件的主要差異在于復(fù)選列表框只能有一項(xiàng)選中或未選中任何項(xiàng)。注意，選定的項(xiàng)在窗體上突出顯示，與已選中的項(xiàng)不同。 2屬性 （1）CheckedItems

11、屬性 3將 CheckBoxList 控件綁定到數(shù)據(jù)源,5.2.9 超鏈接控件HyperLink,1功能 HyperLink控件又稱超鏈接控件，可在網(wǎng)頁上創(chuàng)建鏈接，使用戶可以在應(yīng)用程序中的頁間移動(dòng)。 2屬性 （1）NavigateUrl屬性 （2）Target屬 （3）ImageUrl屬性：要顯示的圖像的URL。 3HyperLink控件實(shí)例,5.2.10 文件上傳控件FileUpload,1功能 FileUpload控件使用戶能夠上載圖片、文本文件或其他文件，存儲(chǔ)在服務(wù)器上的特定位置，在存儲(chǔ)上載的文件之前檢查其屬性，限制可上載的文件的大小。當(dāng)用戶已選定要上載的文件并提交頁時(shí)，該文件將作為請(qǐng)求

12、的一部分上載。文件將被完整地緩存在服務(wù)器內(nèi)存中。文件完成上載后，頁代碼開始運(yùn)行。 2屬性 （1）FileName屬性 （2）MaxRequestLength屬性 （3）HasFile 屬性 （4）PostedFile屬性 3FileUpload控件實(shí)例,5.2.11 DropDownList控件,1功能 DropDownList控件又稱下拉菜單，用來創(chuàng)建下拉列表框，為單選列表框，且框中只顯示被選中的列表項(xiàng)，其項(xiàng)列表在用戶單擊下拉按鈕之前一直保持隱藏狀態(tài)。 2屬性 （1）Selected屬性：指示當(dāng)前是否已選定此項(xiàng)。 3將 DropDownList 控件綁定到數(shù)據(jù)源,5.2.12 Table控件

13、,1功能 Table服務(wù)器控件使您能夠在 ASP.NET 頁上創(chuàng)建服務(wù)器可編程的表這是一種 Web 控件，它允許您使用與其他 Web 控件一致的對(duì)象模型來創(chuàng)建和操作表。 2向 Table 控件中添加行 3向 Table 控件的行中添加單元格,5.2.13 Image控件,1功能 使用Image控件，可以在 ASP.NET 網(wǎng)頁上顯示圖像，并用自己的代碼管理這些圖像。 2屬性 （1） ImageUrl屬性 3Image控件實(shí)例,5.2.14 ImageButton控件,1功能 使用ImageButton控件將圖片呈現(xiàn)為可單擊的控件。當(dāng)用戶單擊“ImageButton”控件時(shí)，將向控件的“Clic

14、k”事件的事件處理程序傳遞包含指示用戶單擊位置坐標(biāo)的參數(shù)。 2屬性 (1) AlternateText屬性：圖像無法顯示時(shí)顯示的文本。 3Image控件實(shí)例,5.2.15 ImageMap控件,1功能 ImageMap 控件可以創(chuàng)建一個(gè)圖像，使其包含許多可由用戶單擊的區(qū)域，這些區(qū)域稱為“熱點(diǎn)”。每一個(gè)熱點(diǎn)都可以是一個(gè)單獨(dú)的超鏈接或回發(fā)事件。 2屬性 （1）HotSpotMode屬性 （2）HotSpots屬性 （3）Target屬性,5.3 數(shù)據(jù)驗(yàn)證控件,5.3.1 必須驗(yàn)證控件RequiredFieldValidator,1功能 RegularExpressionValidator控件的功能

15、是用于判斷用戶是否完成指定的數(shù)據(jù)輸入。一般情況下，頁面中不顯示驗(yàn)證控件，只有在出現(xiàn)輸入錯(cuò)誤時(shí)，才在控件中顯示出錯(cuò)提示信息。如用戶注冊(cè)時(shí)，在沒有填寫用戶姓名的情況下，驗(yàn)證控件將顯示錯(cuò)誤提示“姓名不能為空,5.3.2 比較驗(yàn)證控件CompareValidator,1功能 CompareValidator控件的功能是驗(yàn)證輸入控件的輸入信息是否滿足設(shè)定的常數(shù)值，或與其他輸入控件的輸入信息進(jìn)行比較，以確定這兩個(gè)值是否與比較運(yùn)算符（小于、等于、大于等等）指定的關(guān)系相匹配。如注冊(cè)某網(wǎng)站，在填寫密碼時(shí)，往往需要用戶輸入兩次密碼，并驗(yàn)證密碼輸入相同與否。 2屬性 （1）ControlToCompare屬性 （2

16、）Operator屬性 （3）Type屬性 （4）ValueToCompare屬性,5.3.3 范圍驗(yàn)證控件RangeValidator,1功能 RangeValidator控件的功能是用于檢查輸入數(shù)據(jù)是否在指定范圍。如用戶注冊(cè)時(shí)，用戶年齡輸入時(shí)，輸入數(shù)據(jù)可以限制在0到200之間。 2屬性 （1）MaximumValue屬性：設(shè)置比較數(shù)據(jù)范圍上限。 （2）MinimumValue屬性：設(shè)置比較數(shù)據(jù)范圍下限,5.3.4 正則表達(dá)式驗(yàn)證控件RegularExpressionValidator,1功能 RegularExpressionValidator控件的功能是用于檢查檢測項(xiàng)與正則表達(dá)式定義的模

17、式之間的匹配。如用戶注冊(cè)時(shí)，輸入電子郵件的格式。 2屬性 （1）ValidationExpression屬性,5.3.5 自定義驗(yàn)證控件CustomValidator,1功能 CustomValidator控件的功能是調(diào)用程序員在服務(wù)器端編寫的自定義驗(yàn)證函數(shù)，并通過該控件的服務(wù)器端事件綁定到相應(yīng)的控件。如用戶注冊(cè)時(shí)，對(duì)于用戶賬戶輸入數(shù)據(jù)的檢查，可禁止某些用戶賬戶的注冊(cè)。 2屬性 （1）ValidationEmptyText屬性 （2）ClientValidationFunction屬性 （3）EnableClientScript屬性 3、事件,3、事件,5.3.6 驗(yàn)證匯總控件ValidatorSummary,1功能 CustomValidator控件的功能是調(diào)用程序員在服務(wù)器端編寫的自定義驗(yàn)證函數(shù)，并通過該控件的服務(wù)器端事件綁定到相應(yīng)的控件。如用戶注冊(cè)時(shí)，對(duì)于用戶賬戶輸入數(shù)據(jù)的檢查，可禁止某些用戶賬戶的注冊(cè)。 2屬性 （1）ValidationEmptyText屬性 （2）ClientValidationFunction屬性 （3）EnableClientScript屬性 3、事件,