第5講 基本W(wǎng)EB服務(wù)器控件,Click to edit Master text styles,Second level,Third level,第,4,講 基本,WEB,服務(wù)器控件,Web程序設(shè)計案例教程,基本,Web,服務(wù)器控件,網(wǎng)頁可視化效果制作,網(wǎng)頁可視化效果制作,網(wǎng)頁可視化效果制作,第4講 Web服務(wù)器控件,Web,服務(wù)器控件概述,Web,服務(wù)器控件使用方法詳解,Web服務(wù)器控件概述,Web,服務(wù)器控件的類型,Web,服務(wù)器控件可以采用,XML,語法來聲明，基本語法如下：,大部分服務(wù)器控件也可以寫成以下形式：,其中“,asp:,控件類型”是,Web,服務(wù)器控件的開始標(biāo)記，此標(biāo)記要連寫，不能包含空格。,Web服務(wù)器控件概述,事件參數(shù),Sender,引發(fā)事件的源，即事件的發(fā)送方。,e,事件（消息）的數(shù)據(jù)。,Web服務(wù)器控件使用方法詳解,Label,控件用于在頁面上動態(tài)顯示文本,Label,控件,聲明,Label,控件的語法如下：,使用,Label,控件的,Text,屬性可以獲取或設(shè)置,Label,控件的文本內(nèi)容。,Web服務(wù)器控件使用方法詳解,Label,控件的主要成員,Text,屬性,Font,屬性,ForeColor,屬性,BackColor,屬性,BorderStyle,、,BorderWidth,屬性,Width、Height,屬性,CssClass,屬性,Web服務(wù)器控件使用方法詳解,TextBox,控件,例子,使用,TextBox Web,服務(wù)器控件可以在,Web,頁上創(chuàng)建單行和多行文本框。聲明,TextBox,控件的語法如下：,Web服務(wù)器控件使用方法詳解,TextBox,控件,:,用來輸入文本,TextBox,控件的主要成員,AutoPostBack,屬性,Text,屬性,TextMode,屬性,ReadOnly,屬性,Wrap,屬性,Enabled,屬性,Visible,屬性,TextChanged,事件,Web服務(wù)器控件使用方法詳解,Button,控件,具有,CLICK,與,Command,事件,.,前者是在單擊時將表單提交給服務(wù)器,后者是單擊時發(fā)生但是,commandname,commandargument,屬性的值與該事件一起被傳遞,聲明,Button,控件的語法,Web服務(wù)器控件使用方法詳解,Button,控件,Button,控件的常用屬性和事件,Enabled,屬性,AccessKey,屬性,Text,屬性,ToolTip,屬性,Click,事件,Web服務(wù)器控件使用方法詳解,LinkButton,控件,聲明,LinkButton,控件的語法如下：,文本,Web服務(wù)器控件使用方法詳解,LinkButton,控件,LinkButton,控件的常用屬性和事件,Text,屬性,Click,事件,Web服務(wù)器控件使用方法詳解,HyperLink,控件,例子,HyperLink Web,服務(wù)器控件用于在頁上創(chuàng)建一個鏈接，通過單擊它可以轉(zhuǎn)到其他頁或其他位置。聲明,HyperLink,控件的語法如下：,文本,Web服務(wù)器控件使用方法詳解,HyperLink,控件,HyperLink,控件的常用屬性,Text,NavigateUrl,ImageUrl,Target,Web服務(wù)器控件使用方法詳解,Image,控件,使用,Image,控件可以在,Web,窗體上顯示圖像。聲明,Image,控件的語法如下：,Web服務(wù)器控件使用方法詳解,Image,控件,Image,控件的常用屬性,ImageUrl,AlternateText,ImageAlign,Web服務(wù)器控件使用方法詳解,RadioButton,控件,使用,RadioButton,控件可以在,Web,窗體上創(chuàng)建一個單選按鈕，通過將多個單選按鈕分為一組可以提供一組互相排斥的選項。,聲明,RadioButton,控件的語法如下：,Web服務(wù)器控件使用方法詳解,RadioButton,控件,RadioButton,控件的常用屬性和事件,AutoPostBack,屬性,Checked,屬性,Enabled,屬性,GroupName,屬性,Text,屬性,TextAlign,屬性,ToolTip,屬性,CheckedChanged,事件,Web服務(wù)器控件使用方法詳解,CheckBox,控件,使用,CheckBox,控件可以在,Web,頁上創(chuàng)建一個復(fù)選框控件，該控件允許用戶在,True,或,False,狀態(tài)之間切換。,聲明,CheckBox,控件的語法如下：,Web服務(wù)器控件使用方法詳解,CheckBox,控件,CheckBox,控件的常用屬性和事件,AutoPostBack,屬性,Checked,屬性,Enabled,屬性,Text,屬性,TextAlign,屬性,CheckedChanged,事件,Web服務(wù)器控件使用方法詳解,DropDownList,控件,使用,DropDownList,控件可以在,Web,窗體上創(chuàng)建下拉列表框，允許用戶從中進行單一選擇。聲明,DropDownList,控件的語法如下：,asp:DropDownList id=,編程標(biāo)識符,runat=server,DataSource=“”,DataTextField=,數(shù)據(jù)源字段,DataValueField=,數(shù)據(jù)源字段,AutoPostBack=True|False,文本,Web服務(wù)器控件使用方法詳解,DropDownList,控件,DropDownList,控件的常用成員,Items,屬性,SelectedItem,屬性,Web服務(wù)器控件使用方法詳解,ListBox,控件,使用,ListBox,控件可以在,Web,窗體上創(chuàng)建單選或多選列表框。聲明,ListBox,控件的語法如下：,asp:ListBox id=“,編程標(biāo)識符”,DataSource=“”,DataTextField=,數(shù)據(jù)源字段,DataValueField=,數(shù)據(jù)源字段,AutoPostBack=True|False Rows=,列數(shù),SelectionMode=Single|Multiple runat=server,文本,Web服務(wù)器控件使用方法詳解,ListBox,控件,ListBox,控件的常用成員,Items,屬性,SelectedItem,屬性,SelectionMode,屬性,Web服務(wù)器控件使用方法詳解,驗證控件,設(shè)計,Web,窗體時，如何對用戶輸入的數(shù)據(jù)進行有效性驗證是開發(fā)人員需要解決的一個重要問題。例如，必填字段是否輸入了內(nèi)容，電子郵件地址格式是否正確，所輸入的數(shù)據(jù)是否在指定的范圍內(nèi)。,驗證控件可以很方便地在,Web,窗體上完成數(shù)據(jù)的有效性驗證并為用戶顯示相關(guān)的錯誤信息。,Web服務(wù)器控件使用方法詳解,RequiredFieldValidator,控件,RequiredFieldValidator,控件驗證用戶是否在選擇列表控件或,TextBox,控件中輸入了數(shù)據(jù)值。,聲明,RequiredFieldValidator,控件的語法如下：,Web服務(wù)器控件使用方法詳解,RequiredFieldValidator,控件,RequiredFieldValidator,控件的常用成員,ControlToValidate,屬性,ErrorMessage,屬性,Web服務(wù)器控件使用方法詳解,CompareValidator,控件,CompareValidator,控件能夠?qū)⒂脩糨斎氲揭粋€輸入控件（如,TextBox,控件）中的值與輸入到另一輸入控件的值或某個常數(shù)值進行比較。,聲明,CompareValidator,控件的語法如下：,Web服務(wù)器控件使用方法詳解,CompareValidator,控件,CompareValidator,控件的常用成員,ControlToValidate,屬性,ControlToCompare,屬性,ValueToCompare,屬性,Operator,屬性,ErrorMessage,屬性,Type,屬性,Web服務(wù)器控件使用方法詳解,RangeValidator,控件,RangeValidator,控件可以檢查用戶的輸入是否在指定的上限與下限之間?？梢詸z查數(shù)字對、字母對和日期對限定的范圍。邊界表示為常數(shù)。,聲明,RangeValidator,控件的語法如下：,Web服務(wù)器控件使用方法詳解,RangeValidator,控件,RangeValidator,控件的常用成員,ControlToValidate,屬性,ErrorMessage,屬性,MaximumValue,屬性,MinimunValue,屬性,Type,屬性,Web服務(wù)器控件使用方法詳解,RegularExpressionValidator,控件,RegularExpressionValidator,根據(jù)正則表達式來驗證輸入的數(shù)據(jù)的正確性。,聲明,RegularExpressionValidator,控件的語法如下：,Web服務(wù)器控件使用方法詳解,RegularExpressionValidator,控件,RegularExpressionValidator,控件的常用成員,ControlToValidate,屬性,ErrorMessage,屬性,ValidationExpression,屬性,Web服務(wù)器控件使用方法詳解,在,ValidationExpression,中，不同的占位符表示不同的含義：,“,.,”表示單個任意字符；“,*,”表示前面的0次或多次表達式；“,A-Z,”,表示任意大寫字母；“,d,”,表示一個數(shù)字字符；,例如：,d,.*,A-Z,表示數(shù)字開頭的任意字符組合其后接一個大寫字母。,課堂練習(xí),仿照例題“個人信息注冊”的設(shè)計方法，設(shè)計完成“高校學(xué)生基本信息注冊,”,的,Web,應(yīng)用程序，頁面中要求：1.包含,Label、Button、TextBox、HyperLink、RadioButton、CheckBox、DropDownList、ListBox,以及四個驗證控件的使用。,2.學(xué)生的基本信息不得少于10項。,3.,學(xué)生的注冊信息要在頁面中顯示出來（輸出的信息應(yīng)明確、清楚,）。,Thank you very much!,