ASPNET基本程序設(shè)計(上課用)_第1頁
ASPNET基本程序設(shè)計(上課用)_第2頁
ASPNET基本程序設(shè)計(上課用)_第3頁
ASPNET基本程序設(shè)計(上課用)_第4頁
ASPNET基本程序設(shè)計(上課用)_第5頁
已閱讀5頁，還剩98頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

《Web技術(shù)與應(yīng)用》科學(xué)出版社第5章ASP.NET根本程序設(shè)計第5章ASP.NET根本程序設(shè)計5.1.NETFramework體系結(jié)構(gòu)5.2ASP.NETWeb簡介5.3創(chuàng)立ASP.NET應(yīng)用程序5.4ASP.NET程序結(jié)構(gòu)5.5Web效勞器控件簡介5.6Web標(biāo)準(zhǔn)效勞器控件5.7驗證控件5.1.NETFramework體系結(jié)構(gòu).NETFramework也常稱作.NET框架，它是由微軟公司開發(fā)的一套具有跨平臺性、適用于快速應(yīng)用開發(fā)的軟件開發(fā)平臺。它提供了極為豐富的可應(yīng)用于Internet及Intranet高效開發(fā)的技術(shù)。.NETFramework的體系結(jié)構(gòu)主要包括兩大核心組件：公共語言運行時，也譯為公共語言運行庫(CommonLanguageRuntime,CLR)和.NETFramework類庫(FrameworkClassLibrary,FCL)。5.1.NETFramework體系結(jié)構(gòu).NETFramework體系結(jié)構(gòu)公共語言運行時(CLR)公共語言運行時(CLR)是所有.NET應(yīng)用程序的運行環(huán)境它提供對內(nèi)存、線程、對象生存期、代碼訪問平安性、異常處理等方面的管理和效勞。5.1.2.NET類庫(FCL)在CLR之上的是.NETFramework類庫(FCL)，它是是一套功能極為豐富的、面向?qū)ο蟮目芍赜妙愋图咸峁┰S多類與接口，包括ADO.NET、XML、IO、網(wǎng)絡(luò)、調(diào)試、平安和多線程等。.NETFramework類庫是以命名空間方式來組織的，命名空間與類庫的關(guān)系就象文件系統(tǒng)中的目錄與文件的關(guān)系一樣，使得繁雜的類庫變得結(jié)構(gòu)清晰。5.2ASP.NETWeb簡介ASP.NET是.NETFramework的一局部。當(dāng)建立ASP.NETWeb頁面時，可以使用ASP.NET效勞器端控件創(chuàng)立功能豐富而強(qiáng)大的各種Web元素(如文本輸入框、下拉列表框以及日歷控件等)，并對這些控件采用面向?qū)ο蟮木幊谭椒?，完成期望的開發(fā)任務(wù)。運用ASP.NET技術(shù)以及VisualStudio開發(fā)平臺可以提升Web程序開發(fā)人員的工作效率。5.2ASP.NETWeb簡介當(dāng)用戶通過瀏覽器輸入網(wǎng)址或點擊某個ASP.NET頁面的鏈接后，瀏覽器將消息發(fā)送到ASP.NETWeb應(yīng)用效勞器，即IIS。Web應(yīng)用效勞器對ASP.NETWebForm的處理過程主要包括如下圖的幾個階段。5.3創(chuàng)立ASP.NET應(yīng)用程序開發(fā)ASP.NET應(yīng)用程序主要有兩種方法：一種是直接通過文本編輯器編輯源程序，然后在瀏覽器中測試程序運行結(jié)果。另一種使用支持ASP.NET的應(yīng)用開發(fā)工具，如VisualStudio2023。用開發(fā)工具進(jìn)行應(yīng)用程序開發(fā)和管理具有高效、易于管理等優(yōu)點，應(yīng)用廣泛。5.3創(chuàng)立ASP.NET應(yīng)用程序使用VisualStudio2023創(chuàng)立Web應(yīng)用程序的步驟主要如下：(1)創(chuàng)立一個新站點選擇如下的菜單結(jié)構(gòu)：“文件〞→“新建〞→“網(wǎng)站〞。VisualStudio將顯示一個“新建網(wǎng)站〞的對話框。5.3創(chuàng)立ASP.NET應(yīng)用程序

圖5.3新建網(wǎng)站對話框圖5.4添加新項對話框

新建網(wǎng)站對話框

添加新項對話框5.3創(chuàng)立ASP.NET應(yīng)用程序(2)選擇開發(fā)語言根據(jù)VisualStudio安裝時所選擇的語言種類，當(dāng)前可選擇的語言項將會有所不同。如果VisualStudio安裝時選擇的是完整安裝，那么當(dāng)前可以選擇的語言有VisualBasic.NET、C#和J#等。5.3創(chuàng)立ASP.NET應(yīng)用程序(3)添加一個Web頁面在“解決方案資源管理器〞中右擊當(dāng)前網(wǎng)站路徑，選擇“添加新項…〞，將彈出“添加新項〞對話框。該對話框列表中包涵了多種類型的Web站點文件模板。選擇“WebForm〞，然后在命名文本框中輸入“Main.aspx〞，單擊“添加…〞按鈕，VisualStudio將為Main.aspx頁面生成一局部必須的ASP.NET代碼。5.3創(chuàng)立ASP.NET應(yīng)用程序(4)熟悉VisualStudio開發(fā)環(huán)境

VisualStudio開發(fā)環(huán)境模式標(biāo)簽解決方案資源管理器屬性5.3創(chuàng)立ASP.NET應(yīng)用程序(5)熟悉VisualStudio開發(fā)環(huán)境使用效勞器控件的方法有兩種。一是直接在“源〞模式下源代碼編輯窗口編寫代碼；另一是在“設(shè)計〞模式下將左側(cè)工具欄中的效勞器控件拖放到主編輯區(qū)域。本例如從工具欄窗口“標(biāo)準(zhǔn)〞控件中分別拖放一個Label控件、一個TextBox控件和一個Button控件。然后，單擊Label控件，在右側(cè)的屬性窗口，設(shè)置該控件的ID為“LTest〞，Text為“您輸入的內(nèi)容〞；再單擊TextBox控件，在右側(cè)的屬性窗口，設(shè)置該控件的ID為“TBTest〞；再單擊Button控件，在右側(cè)的屬性窗口，設(shè)置該控件的ID為“BtnSubmit〞，Text為“提交〞。5.3創(chuàng)立ASP.NET應(yīng)用程序(6)編寫代碼雙擊Button控件，VisualStudio會切換到后臺代碼編輯窗口。此時，VisualStudio已經(jīng)為Button控件自動生成了一個名為“BtnSubmit_Click〞的方法。在該方法中輸入如下一行代碼：LTest.Text="您輸入的內(nèi)容是："+TBTest.Text;5.3創(chuàng)立ASP.NET應(yīng)用程序(7)編譯并運行該Web站點在“解決方案資源管理器〞中找到Main.aspx并右擊，選擇“設(shè)為起始頁〞。要編譯運行該應(yīng)用程序，可從主菜單中選擇“調(diào)試〞→“啟動調(diào)試〞或者按下快捷鍵【F5】。如果源代碼有錯誤，它們將出現(xiàn)在窗口底部的錯誤窗口中。如果代碼無誤，將啟動一個默認(rèn)瀏覽器窗口并顯示當(dāng)前頁面。5.4ASP.NET程序結(jié)構(gòu)ASP.NET應(yīng)用程序由界面和程序代碼兩大局部：(1)界面局部，也可稱為“可視化組件〞(VisualComponent)，主要由HTML標(biāo)記和控件標(biāo)記構(gòu)成，從<html>標(biāo)記開始，至</html>結(jié)束。5.4ASP.NET程序結(jié)構(gòu)(2)程序代碼局部也稱為“用戶接口邏輯〞(UserInterfaceLogic)，由高級語言程序代碼組成，由腳本程序標(biāo)記<ScriptLanguage="高級語言名稱"Runat="Server">和</Scipt>將程序包含起來。5.4ASP.NET程序結(jié)構(gòu)ASP.NET為構(gòu)造其頁面的代碼提供了兩條途徑。一種是內(nèi)聯(lián)編碼模型。這個模型對ASP、JSP開發(fā)人員來說很熟悉，因為所有的代碼都包含在一個.aspx頁面中。另一種是使用ASP.NET的隱藏代碼模型。允許把頁面的業(yè)務(wù)邏輯代碼與其顯示邏輯代碼分開。在隱藏代碼模型中，頁面的顯示邏輯存儲在.aspx頁面中，業(yè)務(wù)邏輯存儲在單獨的類文件.aspx.cs中。5.5Web效勞器控件簡介ASP.NET提供了一組使用方便、功能強(qiáng)大的效勞器控件，控件就是一個可重用的組件或者對象，是ASP.NET頁面上能被效勞器代碼訪問和操作的頁面元素。ASP.NET效勞器控件可分為以下三種類型：(1)HTML效勞器控件(2)Web效勞器控件(3)用戶自定義效勞器控件5.5Web效勞器控件簡介(1)HTML效勞器控件HTML效勞器控件是效勞器可理解的HTML標(biāo)簽，它封裝了標(biāo)準(zhǔn)的HTML元素。默認(rèn)HTML元素是作為文本來進(jìn)行處理的，要想使這些元素可編程，就需要向這些HTML元素添加runat=“server〞屬性，如：<inputid=“Button1〞type=“button〞runat=“server〞value=“提交〞/>其中，runat=“server〞表示該元素是一個效勞器控件。5.5Web效勞器控件簡介(2)Web效勞器控件Web效勞器控件也是在效勞器端執(zhí)行的控件，比HTML效勞器控件功能更為強(qiáng)大，具有更多內(nèi)置功能。Web控件不只包括對應(yīng)HTML的表單(Form)類型的控件，例如：按鈕和文本框等，而且還包括特殊用途的控件，如日歷控件、DataGrid控件等，它們提供了更為豐富的用戶界面和事件處理。5.5Web效勞器控件簡介Web效勞器控件又分為：標(biāo)準(zhǔn)效勞器控件驗證控件導(dǎo)航控件數(shù)據(jù)控件登錄控件5.5Web效勞器控件簡介(3)用戶自定義效勞器控件自定義控件可由用戶根據(jù)需要定義自己的控件，從而擴(kuò)充系統(tǒng)的能力。自定義控件被定義在命名空間中，它存放在擴(kuò)展名為.ascx的文件中，使用時只需將其引入到ASP.NET應(yīng)用程序中。5.6Web標(biāo)準(zhǔn)效勞器控件Web效勞器控件的根本語法如下：<asp:控件名id="控件名稱"runat="server"屬性1="屬性值1"…></asp:控件名>或者<asp:控件名id="控件名稱"runat="server"屬性1="屬性值1"…/>5.6.1Web效勞器控件根本語法5.6.2Web效勞器控件的常用屬性和事件屬性名說明Attributes屬性控件屬性集合。該屬性只能在編程時指定。BackColor屬性控件的背景顏色。Enabled屬性控件能否被用戶訪問。Font-Name屬性控件上的文本字體。此外，還有以下屬性指定控件上字體的顯示特性ForeColor屬性控件上文本的顏色。Height屬性控件的高度，以像素點為單位。Width屬性控件的寬度，以像素點為單位。ToolTip屬性設(shè)置當(dāng)鼠標(biāo)指針懸停在Web服務(wù)器控件上時顯示的文本。Visible屬性控件是否可見。Command事件當(dāng)Web服務(wù)器控件被按下時會觸發(fā)該事件。Button、ImageButton等控件具有該事件。Click事件當(dāng)Web服務(wù)器控件被按下時會觸發(fā)該事件。Button、ImageButton等控件具有該事件。TextChanged事件當(dāng)Web服務(wù)器控件上文本發(fā)生變化時會觸發(fā)該事件。TextBox等控件具有該事件。CheckChanged事件當(dāng)Web服務(wù)器控件的選項發(fā)生變化時會觸發(fā)該事件。CheckBox、RadioButton等控件具有該事件。SelectIndexChanged事件當(dāng)Web服務(wù)器控件的列表選項發(fā)生變化時會觸發(fā)該事件。列表類控件CheckBoxList、DropDownList、ListBox和RadioButtonList等控件具有該事件。5.6.3Button控件Button控件用于在Web頁面上創(chuàng)立一個按鈕，通過它的Text屬性設(shè)置按鈕在頁面上顯示的名稱，如“確定〞、“取消〞或“提交〞等。通常，Button控件可以創(chuàng)立兩種類型的按鈕：提交按鈕(submit)或命令按鈕(command)。提交按鈕的根本語法如下：<asp:ButtonID="BtnSubmit"runat="server"Text="提交"onclick="BtnSubmit_Click"/>屬性或事件名說明Text屬性獲取或設(shè)置按鈕上的文本。CausesValidation屬性獲取或設(shè)置當(dāng)按下按鈕時，是否執(zhí)行驗證控件，默認(rèn)為True。CommandName屬性獲取或設(shè)置Button控件的命令名，當(dāng)發(fā)生Command事件時，該屬性將會與CommandArgument屬性值一起發(fā)送到服務(wù)器作為事件處理的參數(shù)。CommandArgument屬性獲取或設(shè)置命令參數(shù)，當(dāng)發(fā)生Command事件時，該屬性將會與CommandName屬性值一起發(fā)送到服務(wù)器作為事件處理的參數(shù)。Click事件在單擊按鈕時將觸發(fā)該事件。它用于提交按鈕。Command事件在單擊按鈕時將觸發(fā)該事件。它用于命令按鈕，要求所使用的按鈕必須定義CommandName和CommandArgument屬性。參數(shù)為CommandEventArgs該參數(shù)具有CommandName和CommandArgument兩個屬性。Button控件的常用屬性和事件

5.6.4Label控件Label控件提供了一種在ASP.NET網(wǎng)頁中顯示文本的方法。與Button控件相似，使用Label控件也可以在Web程序運行時，動態(tài)地改變Label控件在頁面上顯示的文本，還可以將Label控件的Text屬性綁定到數(shù)據(jù)源，以在頁面上顯示數(shù)據(jù)庫信息等。Label控件的根本語法如下：<asp:LabelID="Label_1"runat="server"Text="星期一"></asp:Label>上述代碼表示Label_1控件將會在頁面上顯示“星期一〞，也可以通過在代碼里動態(tài)設(shè)置它的Text屬性來改變其內(nèi)容。5.6.5Literal控件Literal控件也可在Web頁面上顯示靜態(tài)文本，該控件除了生成預(yù)期的文本(即Text屬性設(shè)置的值)外，不會在HTML源碼中生成其他HTML元素。Literal控件的根本語法與Label控件相似：<asp:LiteralID="Literal_1"runat="server"Text="星期三"></asp:Literal>可通過Text屬性來設(shè)置它輸出的文檔內(nèi)容，如下面的代碼所示：Literal1.Text="星期四";5.6.6TextBox控件TextBox控件用于在Web頁面中創(chuàng)立用戶可輸入文本的文本框，創(chuàng)立的文本框可是單行文本、多行文本框和密碼輸入文本框。TextBox控件的根本語法如下：<asp:TextBoxID="TextBox_1"runat="server"></asp:TextBox>TextBox控件的常用屬性和事件

屬性或事件名說明AutoPostBack屬性獲取或設(shè)置當(dāng)TextBox控件上的內(nèi)容發(fā)生改變后是否自動上傳窗體數(shù)據(jù)，默認(rèn)為False。該屬性要與OnTextChanged事件配合使用。Columns屬性獲取或設(shè)置TextBox控件的寬度(以字符為單位)。Rows屬性獲取或設(shè)置TextBox控件的高度。僅當(dāng)TextMode屬性設(shè)置為MultiLine時，此屬性才適用。MaxLength屬性獲取或設(shè)置文本框中最多允許的字符數(shù)。當(dāng)TextMode屬性設(shè)置為MultiLine時，此屬性不適用。ReadOnly屬性獲取或設(shè)置TextBox控件是否為只讀。將該屬性設(shè)置為True將禁止用戶輸入值或更改現(xiàn)有值。默認(rèn)值為False。Text屬性獲取或設(shè)置文本框的文本內(nèi)容。Wrap屬性獲取或設(shè)置是否允許文本框上的內(nèi)容換行。若允許換行，該屬性為True；否則為False。默認(rèn)為true。僅當(dāng)TextMode屬性設(shè)置為MultiLine時，此屬性才適用。TextMode屬性獲取或設(shè)置文本框的類型。TextMode的有3種取值。Height屬性獲取或設(shè)置TextBox控件的高度(以像素為單位)。Width屬性獲取或設(shè)置TextBox控件的寬度(以像素為單位)。OnTextChanged事件當(dāng)Text屬性的值改變時會觸發(fā)此事件。注意，當(dāng)AutoPostBack屬性設(shè)置為True，在TextBox控件中輸入文本，當(dāng)按下Tab鍵時，將觸發(fā)TextBox控件的OnTextChanged事件。HTML局部如下：<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="WebApplication._Default"%><htmlxmlns=":///1999/xhtml"><headrunat="server"><title>用戶登錄</title></head><bodyrunat="server"><formrunat="server"><tablestyle="width:320px;"id="TableLogon"><tr><tdwidth="100px"> 用戶名：</td><td> <asp:TextBoxID="TBName"runat="server"Width="180px"></asp:TextBox></td></tr><tr><tdwidth="100px"> 密   碼：</td><td> <asp:TextBoxID="TBPassword"runat="server"TextMode="Password"Width="180px"></asp:TextBox></td></tr><tr><tdwidth="100px"> 登錄狀態(tài)：</td><td> <asp:LabelID="LBLogon"runat="server"Text="未登錄"></asp:Label></td></tr><tr><tdcolspan="2"style="text-align:center"><asp:ButtonID="BtnLogon"runat="server"Text="登錄"onclick="BtnLogon_Click"/></td></tr></table></form></body></html>【例5.1】用戶登錄頁面例如。本例通過一個常見的用戶登錄頁面，說明上述Button控件、Label控件和TextBox控件使用。C#代碼局部如下：usingSystem;usingSystem.Web;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Drawing;namespaceWebApplication{protectedvoidBtnLogon_Click(objectsender,EventArgse){if(TBName.Text.Equals("user")&&TBPassword.Text.Equals("123456")){LBLogon.Text="登錄成功";LBLogon.ForeColor=Color.Green;}else{LBLogon.Text="登錄失敗";LBLogon.ForeColor=Color.Red;}}}}【例5.1】(續(xù))5.6.7CheckBox控件CheckBox控件可創(chuàng)立一個復(fù)選框，該復(fù)選框允許用戶在true和false狀態(tài)之間切換。通過設(shè)置Text屬性，可指定要在該控件中顯示的文字信息，還可通過設(shè)置TextAlign屬性指定文字顯示在哪一側(cè)。CheckBox控件的根本語法如下：<asp:CheckBoxID="CheckBox1"runat="server"Text="工程1"/>CheckBox控件的常用屬性和事件

屬性或事件名說明Checked屬性獲取或設(shè)置復(fù)選框是否處于選中狀態(tài)。如果復(fù)選框處于選中狀態(tài)，則為True；否則為False。默認(rèn)值為False。Text屬性獲取或設(shè)置CheckBox控件的文本內(nèi)容。TextAlign屬性獲取或設(shè)置文本的對齊方式。Right為右對齊，Left為左對齊，默認(rèn)為Right。AutoPostBack屬性獲取或設(shè)置當(dāng)改變CheckBox控件的選擇狀態(tài)時，是否自動上傳窗體數(shù)據(jù)到服務(wù)器。為True，則回發(fā)；為False，不回發(fā)。默認(rèn)為False。OnCheckedChanged事件當(dāng)Checked屬性的值改變時會觸發(fā)此事件。HTML局部如下：<headrunat="server"><title>喜歡的菜系</title></head><bodyrunat="server"><formrunat="server"><div><p><asp:LabelID="LBFavorites"runat="server"Text="您喜歡的菜系有："></asp:Label></p><p><asp:CheckBoxID="CB1"runat="server"Text="川菜"OnCheckedChanged="CheckBox_Click"AutoPostBack="True"/> <asp:CheckBoxID="CB2"runat="server"Text="湘菜"OnCheckedChanged="CheckBox_Click"AutoPostBack="True"/> <asp:CheckBoxID="CB3"runat="server"Text="粵菜"OnCheckedChanged="CheckBox_Click"AutoPostBack="True"/> <asp:CheckBoxID="CB4"runat="server"Text="魯菜"OnCheckedChanged="CheckBox_Click"AutoPostBack="True"/></p></div></form></body></html>【例5.2】CheckBox例如。C#代碼局部如下：{protectedvoidCheckBox_Click(objectsender,EventArgse){stringstrFavorites="";if(CB1.Checked)strFavorites+="川菜";if(CB2.Checked)strFavorites+="湘菜";if(CB3.Checked)strFavorites+="粵菜";if(CB4.Checked)strFavorites+="魯菜";LBFavorites.Text="您喜歡的菜系有："+strFavorites;}}【例5.2】(續(xù))5.6.8CheckBoxList控件CheckBoxList控件是一個CheckBox控件組，當(dāng)要顯示多個CheckBox控件，并且對多個CheckBox控件都有大致相同的處理方式時，使用CheckBoxList控件十分方便。CheckBoxList控件的根本語法如下：<asp:CheckBoxListID="CheckBoxList1"runat="server"><asp:ListItem>工程1</asp:ListItem><asp:ListItem>工程2</asp:ListItem></asp:CheckBoxList>屬性或事件名說明AutoPostBack屬性獲取或設(shè)置當(dāng)改變CheckBox控件的選擇狀態(tài)時，是否自動上傳窗體數(shù)據(jù)到服務(wù)器。默認(rèn)為False。RepeatColumns屬性獲取或設(shè)置在CheckBoxList控件中顯示項的列數(shù)。默認(rèn)為0。RepeatDirection屬性使用該屬性指定CheckBoxList控件的顯示方向。若該屬性設(shè)置為Vertical，則列表項以垂直方式排列；若該屬性設(shè)置為Horizontal，則列表項以水平方式排列。默認(rèn)為Vertical。RepeatLayout屬性獲取或設(shè)置CheckBoxList控件的配置方式（表格方式、非表格方式）。如果該屬性設(shè)置為Table，則在表中顯示列表項；如果該屬性設(shè)置為Flow，則不以表結(jié)構(gòu)的形式顯示列表項。默認(rèn)為Table。DataSource屬性獲取或設(shè)置連接到CheckBoxList控件的數(shù)據(jù)源。Items集合中的項從DataTextField和DataValueField初始化。DataTextField屬性獲取或設(shè)置數(shù)據(jù)源的哪個字段將成為復(fù)選框的文本標(biāo)簽（即Text屬性）。DataValueField屬性獲取或設(shè)置數(shù)據(jù)源的哪個字段將成為復(fù)選框的值（即Value屬性）。Items屬性該屬性用于表示各個選項的集合。例如CheckBoxList1.Items[i]表示訪問CheckBoxList1的第i個選項，i從0開始。SelectedIndex屬性獲取目前選擇項的下標(biāo)。如果有多個選擇，則返回的是多個選擇項中的最小下標(biāo)。SelectedItem屬性獲取目前的選擇項（ListItem對象）。如果有多個選擇，則返回的是多個選擇項中的最小下標(biāo)項。TextAlign屬性獲取或設(shè)置文本標(biāo)簽與CheckBox控件的對齊方式。如果該屬性設(shè)置為Right，則文本顯示在復(fù)選框的右邊；如果該屬性設(shè)置為Left，則文本顯示在復(fù)選框的左邊。OnSelectedIndexChanged事件當(dāng)選擇的項改變時會觸發(fā)此事件。與TextBox控件類似，該事件要與AutoPostBack屬性配合使用，其使用與TextBox控件相似。CheckBoxList控件的常用屬性和事件

CheckBoxList控件的每個選項，即ListItem對象都有以下3個根本屬性：①Text：表示每個選項的文本。②Value：表示每個選項的選項值。③Selected：表示該選項是否選中。ListItem的屬性HTML局部如下：<headrunat="server"><title>用戶登錄</title></head><bodyrunat="server"><formrunat="server"><div><p><asp:LabelID="LBFavorites"runat="server"Text="您喜歡的菜系有："></asp:Label></p><p><asp:CheckBoxListID="CBL_1"runat="server"AutoPostBack="True"OnSelectedIndexChanged="CheckBox_Click"><asp:ListItem>川菜</asp:ListItem><asp:ListItem>湘菜</asp:ListItem><asp:ListItem>粵菜</asp:ListItem><asp:ListItem>魯菜</asp:ListItem></asp:CheckBoxList></p></div></form></body></html>【例5.3】CheckBoxList例如。C#代碼局部如下：{protectedvoidCheckBox_Click(objectsender,EventArgse){stringstrFavorites="";for(inti=0;i<CBL_1.Items.Count;i++){if(CBL_1.Items[i].Selected)strFavorites+=CBL_1.Items[i].Value+"";}LBFavorites.Text="您喜歡的菜系有："+strFavorites;}}【例5.3】(續(xù))5.6.9RadioButton控件RadioButton控件可在Web頁面上創(chuàng)立一個單項選擇按鈕。RadioButton控件繼承自CheckBox控件，它有CheckBox控件的所有屬性和事件。新增GroupName屬性。將GroupName相同的多個單項選擇按鈕分為一組，同一組按鈕互相排斥。RadioButton控件的根本語法如下：<asp:RadioButtonID="RadioButton1"runat="server"Text="工程1"/>HTML局部如下：<headrunat="server"><title>您的最高學(xué)歷</title></head><bodyrunat="server"><formrunat="server"><p>請選擇您的最高學(xué)歷：<asp:LabelID="LB1"runat="server"Text=""></asp:Label></p><p><asp:RadioButtonID="RB_1"runat="server"Text="大學(xué)?？?GroupName="AB"AutoPostBack="true"OnCheckedChanged="CB_Changed"/><asp:RadioButtonID="RB_2"runat="server"Text="大學(xué)本科"GroupName="AB"AutoPostBack="true"OnCheckedChanged="CB_Changed"/><asp:RadioButtonID="RB_3"runat="server"Text="碩士研究生"GroupName="AB"AutoPostBack="true"OnCheckedChanged="CB_Changed"/><asp:RadioButtonID="RB_4"runat="server"Text="博士研究生"GroupName="AB"AutoPostBack="true"OnCheckedChanged="CB_Changed"/></p></form></body></html>【例5.4】RadioButton例如。網(wǎng)工10.10C#代碼局部如下：{protectedvoidCB_Changed(objectsender,EventArgse){if(RB_1.Checked)LB1.Text="大學(xué)專科";elseif(RB_2.Checked)LB1.Text="大學(xué)本科";elseif(RB_3.Checked)LB1.Text="碩士研究生";elseif(RB_4.Checked)LB1.Text="博士研究生";elseLB1.Text="未知";}}【例5.4】(續(xù))5.6.10RadioButtonList控件RadioButtonList控件將多個單項選擇按鈕組織起來，便于處理，也可將一組按鈕綁定到數(shù)據(jù)源。RadioButtonList控件的根本語法如下：<asp:RadioButtonListID="RadioButtonList1"runat="server"><asp:ListItem>工程1</asp:ListItem><asp:ListItem>工程2</asp:ListItem></asp:RadioButtonList>RadioButtonList控件屬性和事件與CheckBoxList控件相同。HTML局部如下：<headrunat="server"><title>請選擇一個月份</title></head><bodyrunat="server"><formrunat="server"><p>請選擇一個月份：<asp:LabelID="LB1"runat="server"Text=""></asp:Label></p><p><asp:RadioButtonListID="RBL_1"OnSelectedIndexChanged="RBL_Changed"runat="server"AutoPostBack="True"><asp:ListItemValue="1">一月</asp:ListItem><asp:ListItemValue="2">二月</asp:ListItem><asp:ListItemValue="3">三月</asp:ListItem><asp:ListItemValue="4">四月</asp:ListItem></asp:RadioButtonList></p></form></body></html>【例5.5】本例說明了RadioButtonList控件中ListItem的Text屬性和Value屬性的區(qū)別和用途。C#代碼局部如下：{protectedvoidRBL_Changed(objectsender,EventArgse){switch(Int32.Parse(RBL_1.SelectedValue)){case1:LB1.Text="您選擇的是一月";break;case2:LB1.Text="您選擇的是二月";break;case3:LB1.Text="您選擇的是三月";break;case5:LB1.Text="您選擇的是四月";break;default:break;}}}【例5.5】(續(xù))5.6.11DropDownList控件DropDownList控件在Web頁面上創(chuàng)立一個下拉列表框，允許用戶從預(yù)定義下拉列表中選擇一項。DropDownList控件的根本語法例如如下：<asp:DropDownListID="DropDownList1"runat="server"><asp:ListItemValue="1">工程一</asp:ListItem><asp:ListItemValue="2">工程二</asp:ListItem>……</asp:DropDownList><asp:DropDownListID="DropDownList1"runat="server"><asp:ListItemValue="1">第一季度</asp:ListItem><asp:ListItemValue="2">第二季度</asp:ListItem><asp:ListItemValue="3">第三季度</asp:ListItem><asp:ListItemValue="4">第四季度</asp:ListItem></asp:DropDownList>

例如：5.6.12ListBox控件ListBox控件可創(chuàng)立一個單項選擇或多項選擇的列表框。該控件與CheckBoxList相似，可提供用戶選擇多項條目的功能；與RadioButtonList相似，也可提供用戶僅能選擇一項條目的功能。ListBox控件的根本語法例如如下：<asp:ListBoxID="ListBox1"runat="server"><asp:ListItemValue="1">工程一</asp:ListItem><asp:ListItemValue="2">工程二</asp:ListItem>……</asp:ListBox><asp:ListBoxID="ListBox1"runat="server"><asp:ListItemValue="1">第一季度</asp:ListItem><asp:ListItemValue="2">第二季度</asp:ListItem><asp:ListItemValue="3">第三季度</asp:ListItem><asp:ListItemValue="4">第四季度</asp:ListItem></asp:ListBox>

例如：DropDownList與ListBox控件的區(qū)別ListBox控件的各選項是一個展開的列表，而DropDownList控件只能顯示一個選擇項，其他選擇項要通過點擊控件右側(cè)的箭頭才能展開。ListBox控件允許選擇多項，而DropDownList控件只允許單項選擇。5.6.13Image控件Image控件可頁面上顯示圖片，它對應(yīng)于HTML中的<img/>標(biāo)簽。在Image控件中，可通過設(shè)置它的ImageUrl屬性來指定所顯示圖像的路徑；設(shè)置AlternateText屬性來指定圖像不可用時代替圖像顯示的文本；設(shè)置ImageAlign屬性指定圖像相對于頁面上其他元素的對齊方式。Image控件的根本語法如下：<asp:ImageID="Image1"runat="server"ImageUrl="images/image1.jpg"/>HTML局部如下：<headrunat="server"><title>請選擇的圖像</title></head><bodyrunat="server"><formrunat="server"><asp:ListBoxID="ListBox1"runat="server"AutoPostBack="True"Height="80px"><asp:ListItemValue="images/image(1).png">圖像1</asp:ListItem><asp:ListItemValue="images/image(2).png">圖像2</asp:ListItem><asp:ListItemValue="images/image(3).png">圖像3</asp:ListItem><asp:ListItemValue="images/image(4).png">圖像4</asp:ListItem></asp:ListBox> <asp:ImageID="Image_1"runat="server"Width="80px"Height="80px"/></form></body></html>C#代碼局部如下：{protectedvoidPage_Load(objectsender,EventArgse){Image_1.ImageUrl=ListBox1.SelectedValue;}}【例5.6】Image控件例如。5.6.14ImageButton控件ImageButton與Button控件的功能根本相同。ImageButton控件可通過設(shè)置ImageUrl屬性來指定在該控件中顯示的圖像，即生成一個圖像按鈕。ImageButton控件的根本語法如下：<asp:ImageButtonID="ImageButton1"runat="server"ImageUrl="images/image(2).png"OnClick="ImageButton1_Click"/>HTML局部如下：<headrunat="server"><title>請選擇的圖像</title></head><bodyrunat="server"><formrunat="server"><asp:ImageButtonID="ImageButton1"runat="server"ImageUrl="images/image(2).png"OnClick="ImageButton1_Click"/><p><asp:LiteralID="Literal1"runat="server"></asp:Literal></p></form></body></html>C#代碼局部如下：{protectedvoidImageButton1_Click(objectsender,ImageClickEventArgse){Literal1.Text="您單擊按鈕時，圖像的坐標(biāo)為：(x:"+e.X+",y:"+e.Y+")";}}【例5.7】ImageButton控件例如。5.6.15HyperLink控件HyperLink控件在Web頁面上創(chuàng)立文本或圖片超鏈接。使用HyperLink控件可以在代碼中靈活地設(shè)置鏈接屬性。HyperLink控件的根本語法如下：<asp:HyperLinkID="HyperLink1"runat="server"NavigateUrl="main.html">文字說明...</asp:HyperLink>屬性名說明ImageUrl屬性獲取或設(shè)置HyperLink控件鏈接的圖片來源。NavigateUrl屬性獲取或設(shè)置HyperLink控件所鏈接到的URL。Target屬性獲取或設(shè)置點擊HyperLink控件時，其鏈接到的網(wǎng)頁在哪個框架或窗口打開。其取值必須以a到z的字母(不區(qū)分大小寫)開頭。Text屬性獲取或設(shè)置HyperLink控件的超連接文本。若同時設(shè)置了ImageURL和Text屬性，則ImageUrl屬性優(yōu)先。如果ImageUrl屬性指定的圖像不可用，則顯示Text屬性中的文本。HyperLink控件的常用屬性

5.6.16LinkButton控件LinkButton控件是HyperLink與Button控件的綜合體，具有HyperLink控件的外觀和Button控件的功能，用于在網(wǎng)頁上創(chuàng)立超級鏈接樣式的按鈕。與Button控件一樣，LinkButton控件也分為提交按鈕和命令按鈕兩種，用法也與Button控件一致。LinkButton控件的根本語法如下：<asp:LinkButtonID="LinkButton1"runat="server">文字說明…</asp:LinkButton>HTML局部如下：<headrunat="server"><title>請選擇的圖像</title></head><bodyrunat="server"><formrunat="server"><asp:LinkButtonID="LinkButton1"runat="server"onclick="LinkButton1_Click">baidu</asp:LinkButton><br/><asp:HyperLinkID="HyperLink1"runat="server"NavigateUrl="://baidu">baidu</asp:HyperLink></form></body></html>C#代碼局部如下：{protectedvoidLinkButton1_Click(objectsender,EventArgse){Response.Redirect("://baidu");}}【例5.8】本例說明了LinkButton與HyperLink控件的區(qū)別。LinkButton與HyperLink控件的區(qū)別LinkButton控件與HyperLink控件的區(qū)別在于，LinkButton控件僅僅有與HyperLink控件相似的外觀，但它沒有超鏈接能力。使用Hyperlink控件、LinkButton控件及其OnClick事件處理都可實現(xiàn)超鏈接，其區(qū)別是：使用Hyperlink控件實現(xiàn)的超鏈接，當(dāng)鼠標(biāo)處于熱區(qū)時，將在狀態(tài)欄上顯示出目標(biāo)URL；以LinkButton控件實現(xiàn)的超鏈接，當(dāng)鼠標(biāo)處于熱區(qū)時，在狀態(tài)欄上顯示的不是目標(biāo)URL，而是“javascript:__doPostBack('LinkButton1','')〞。5.6.17Calendar控件Calendar控件可以在Web頁面上創(chuàng)立一個日歷，用戶可通過該日歷導(dǎo)航到任意一年的任意一天。當(dāng)ASP.NET網(wǎng)頁運行時，Calendar控件以HTML表格的形式呈現(xiàn)。Calendar控件的根本語法如下：<asp:CalendarID="Calendar1"runat="server"></asp:Calendar>屬性或事件名說明DayHeaderStype屬性月歷中顯示一周中每一天的名稱和部分的樣式。DayStyle屬性所顯示的月份中各天的樣式。OtherMonthDayStyle屬性上一個月和下一個月的樣式。SelectedDayStyle屬性選定日期的樣式。SelectorStyle屬性位于月歷控件左側(cè)，包含用于選擇一周或整個月的連接的列樣式。ShowDayHeader屬性顯示或隱藏一周中的每一天的部分。ShowGridLines屬性顯示或隱藏一個月中的每一天之間的網(wǎng)格線。ShowNextPrevMonth屬性顯示或隱藏到下一個月或上一個月的導(dǎo)航控件。ShowTitle屬性顯示或隱藏標(biāo)題部分。TitleStyle屬性位于月歷頂部，包含月份名稱和月導(dǎo)航連接的標(biāo)題欄樣式。TodayDayStyle屬性當(dāng)前日期的樣式。WeekendDayStyle屬性周末日期的樣式。DayRender事件當(dāng)日期被顯示時觸發(fā)該事件。NextPrevStyle屬性標(biāo)題欄左右兩端的月導(dǎo)航所在部分的樣式。SelectionChanged事件當(dāng)用戶選擇日期時觸發(fā)該事件。Calendar控件的常用屬性和事件

HTML局部如下：<headrunat="server"><title>日歷控件說明</title></head><bodyrunat="server"><formrunat="server"><asp:CalendarID="Calendar1"runat="server"onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar><br/><asp:LiteralID="Literal1"runat="server"></asp:Literal></form></body></html>C#代碼局部如下：{protectedvoidCalendar1_SelectionChanged(objectsender,EventArgse){Literal1.Text=Calendar1.SelectedDate.Date.ToShortDateString()+"是當(dāng)年的第"+Calendar1.SelectedDate.DayOfYear.ToString()+"天";}}【例5.9】利用OnSelectionChanged事件，顯示用戶所選擇的日歷上的某一天，是當(dāng)年的第幾天

。5.6.18Panel控件Panel控件為Web頁面內(nèi)提供了一種容器控件，可以作為其他控件的容器。此控件作為HTML<div>元素在Web頁面上呈現(xiàn)，可以將它用做靜態(tài)文本和其他控件的父級。為了頁面能夠靈活控制，還可以編程方式生成控件以及顯示和隱藏控件組。Panel控件的根本語法如下：<asp:PanelID="Panel1"runat="server"></asp:Panel>屬性名說明BackImageURL屬性獲取或設(shè)置Panel控件背景圖片的位置。HorizontalAlign屬性獲取或設(shè)置Panel控件內(nèi)部的控件的水平對齊方式。該屬性的取值及其含義為：Center（居中）；Justify（左右對齊）；Left（左對齊）；Right（右對齊）；NotSet（無設(shè)置）。Wrap屬性獲取或設(shè)置Panel控件內(nèi)容是否自動換行。ScrollBars規(guī)定Panel中滾動欄的位置和可見性。GroupingText規(guī)定Panel中控件組的標(biāo)題。HorizontalAlign規(guī)定內(nèi)容的水平對齊方式。Panel控件的常用屬性

Panel控件的主要用途在頁面里對控件和標(biāo)記進(jìn)行分組。定義具有默認(rèn)按鈕的窗體。向其他控件添加滾動條。頁面上自定義區(qū)域。5.6.19FileUpload控件FileUpload控件創(chuàng)立一個專用于客戶端上傳文件到效勞器的控件，它顯示為一個文本框控件和一個瀏覽按鈕?？梢酝ㄟ^在該控件的文本框中輸入要上傳的文件在本地計算機(jī)上的完整路徑，或者通過單擊“瀏覽〞按鈕，然后在“選擇文件〞對話框中指定要上傳的文件。FileUpload控件的根本語法如下：<asp:FileUploadID="FileUpload1"runat="server"/>HTML局部如下：<headrunat="server"><title>上傳控件說明</title></head><bodyrunat="server"><formrunat="server"><asp:FileUploadID="FileUpload1"runat="server"></asp:FileUpload> <asp:ButtonID="UploadButton"Text="上傳文件"OnClick="UploadButton_Click"runat="server"></asp:Button><p><asp:LiteralID="LUploadStatus"runat="server"></asp:Literal></p></form></body></html>C#代碼局部如下：{protectedvoidCalendar1_SelectionChanged(objectsender,EventArgse){Literal1.Text=Calendar1.SelectedDate.Date.ToShortDateString()+"是當(dāng)年的第"+Calendar1.SelectedDate.DayOfYear.ToString()+"天";}}【例5.10】利用FileUpload控件上傳文件到效勞器。C#代碼局部如下：namespaceWebApplication{stringstrSavePath=@"d:\Web\Upload\";protectedvoidUploadButton_Click(objectsender,EventArgse){if(!Directory.Exists(strSavePath)){Directory.CreateDirectory(strSavePath);}if(FileUpload1.HasFile){stringstrFileName=FileUpload1.FileName;strSavePath+=strFileName;FileUpload1.SaveAs(strSavePath);LUploadStatus.Text="文件已經(jīng)上傳";}else{LUploadStatus.Text="請指定要上傳的文件";}}}}【例5.10】(續(xù))5.7驗證控件許多Web應(yīng)用程序都需要對用戶輸入的數(shù)據(jù)進(jìn)行各種有效性的驗證，例如，電子郵件的格式是否正確，必須的字段是否都輸入了數(shù)據(jù)，輸入的數(shù)據(jù)是否在合理的范圍內(nèi)等。在以往的Web開發(fā)技術(shù)中，往往需要花費精力編寫驗證代碼。ASP.NET中提供了6個驗證控件，能自動處理常見的數(shù)據(jù)有效性驗證情況，程序設(shè)計者可以使用這些控件，無須編寫代碼即可實現(xiàn)驗證功能，從而可以簡化程序設(shè)計，提高效率。ASP.NET的驗證控件控件名功能CompareValidator將輸入控件的值同常數(shù)值或其他輸入控件的值相比較，以確定這兩個值是否與由比較運算符(小于、等于、大于等)指定的關(guān)系相匹配。RangeValidator檢查用戶的輸入是否在一個特定的范圍內(nèi)。RegularExpressionValidator檢查用戶的輸入是否與正則表達(dá)式所定義的模式匹配。RequiredFieldValidator檢查用戶是否在輸入控件中輸入了數(shù)據(jù)。CustomValidator通過用戶自定義函數(shù)判定輸入的數(shù)據(jù)是否有效。ValidationSummary顯示頁面上所有驗證控件所搜索到的驗證錯誤。屬性名說明ControlToValidate指定需要驗證的控件名。Enabled指示是否啟用驗證控件。默認(rèn)為True(啟用)。ErrorMessage當(dāng)驗證失敗時在ValidationSummary控件中顯示的錯誤信息。ForeColor指定當(dāng)驗證失敗時用于顯示內(nèi)聯(lián)消息的顏色。IsValid返回ControlToValidate屬性所指定的輸入控件是否通過驗證，通過為True，不通過為False。該屬性只能在編程時使用。Text若設(shè)置該屬性，則驗證失敗時會在驗證控件中顯示Text屬性定義的消息。如果未設(shè)置此屬性，則在控件中顯示ErrorMessage屬性中指定的文本。驗證控件共有的主要屬性

5.7.1RequiredFieldValidator控件如果要求用戶必須填寫網(wǎng)頁上的某個表單輸入元素，那么可使用RequiredFieldValidator控件。該控件檢查其初始值與被驗證控件包含的值是否相同，如果相同，那么驗證失?。环衲敲打炞C通過。RequiredFieldValidator控件的根本語法如下：<asp:RequiredFieldValidatorrunat="Server"ID="RequiredFieldValidator1"ControlToValidate=""InitalValue=""Text=""ErrorMessage=""></asp:RequiredFieldValidator><headid="Head1"runat="server"><title>用戶登錄</title></head><bodyid="Body1"runat="server"><formid="Form1"runat="server"><p>用戶名：

<asp:TextBoxID="TBName"runat="server"Width="180px"Text="UserName"></asp:TextBox> <asp:RequiredFieldValidatorID="RFVName"runat="Server"ControlToValidate="TBName"ErrorMessage="請輸入用戶名"InitialValue="UserName"/><br/>

密

碼：

<asp:TextBoxID="TBPassword"runat="server"TextMode="Password"Width="180px"></asp:TextBox><asp:RequiredFieldValidatorID="RFVPassword"runat="Server"ControlToValidate="TBPassword"ErrorMessage="請輸入密碼"/><br/></p><p>登錄狀態(tài)：

<asp:LabelID="LBLogon"runat="server"Text="未登錄"></asp:Label><br/></p><p><asp:ButtonID="BtnLogon"runat="server"Text="登錄"OnClick="BtnLogon_Click"/></p></form></body></html>

【例5.11】RequiredFieldValidator驗證控件例如。網(wǎng)頁啟動后顯示如以下圖A所示的數(shù)據(jù)輸入界面，假設(shè)在“用戶名〞和“密碼〞框中不輸入字符，那么給出相應(yīng)的驗證出錯提示，如以下圖B所示?！纠?.11】〔續(xù)〕圖A圖B5.7.2CompareValidator控件CompareValidator驗證控件用于將輸入控件的值與指定值相比較，以確定這兩個值是否與由比較運算符指定的關(guān)系相匹配。CompareValidator控件的語法格式如下：<asp:CompareValidatorrunat="Server"ID="CompareValidator1"ControlToValidate=""ControlToCompare=""Type="{Currency,Date,Double,Integer,String}"Oprator="{Equal,NotEqual,GreaterThan,GreaterThanEqual,LessThan,LessThanEqual,DataTypeCheck}"Text=""ErrorMessage=""></asp:CompareValidator>屬性名說明ValueToCompare屬性獲取或設(shè)置用來比較的常量。ControlToCompare屬性獲取或設(shè)置與ControlToValidate屬性所指定的控件進(jìn)行比較的控件的標(biāo)識。注意：通常不同時設(shè)置ControlToCompare屬性和ValueToCompare屬性；如果同時設(shè)置了這兩個屬性，則ControlToCompare屬性優(yōu)先。Type屬性獲取或設(shè)置用來比較的數(shù)據(jù)的類型（貨幣、日期、雙精度浮點型、整型、字符串），默認(rèn)為String。在進(jìn)行比較之前，用戶輸入的數(shù)據(jù)將先被轉(zhuǎn)換為指定的類型。Operator屬性獲取或設(shè)置比較運算符（等于、不等于、大于、大于等于、小于、小于等于、數(shù)據(jù)類型檢查），默認(rèn)值為Equal。CompareValidator控件特有的屬性比較操作的種類操作說明Equal所驗證的輸入控件的值與其他控件的值或常數(shù)值之間的相等比較。NotEqual所驗證的輸入控件的值與其他控件的值或常數(shù)值之間的不相等比較。GreaterThan所驗證的輸入控件的值與其他控件的值或常數(shù)值之間的大于比較。GreaterThanEqual所驗證的輸入控件的值與其他控件的值或常數(shù)值之間的大于或等于比較。LessThan所驗證的輸入控件的值與其他控件的值或常數(shù)值之間的小于比較。LessThanEqual所驗證的輸入控件的值與其他控件的值或常數(shù)值之間的小于或等于比較。DataTypeCheck輸入到所驗證的輸入控件的值與BaseCompareValidator.Type屬性指定的數(shù)據(jù)類型之間的數(shù)據(jù)類型比較。如果無法將該值轉(zhuǎn)換為指定的數(shù)據(jù)類型，則驗證失敗。<headrunat="server"><title>員工收入登記</title></head><bodyrunat="server"><formrunat="server">

用戶名：<asp:TextBoxrunat="Server"ID="TBUserName"Text="輸入用戶名"/><br/>

年齡：<asp:TextBoxrunat="Ser

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論