《基本W(wǎng)EB服務(wù)器控件》由會(huì)員分享，可在線閱讀，更多相關(guān)《基本W(wǎng)EB服務(wù)器控件（36頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、第5講 基本W(wǎng)EB服務(wù)器控件,Click to edit Master text styles,Second level,Third level,第,4,講 基本,WEB,服務(wù)器控件,Web程序設(shè)計(jì)案例教程,基本,Web,服務(wù)器控件,網(wǎng)頁(yè)可視化效果制作,網(wǎng)頁(yè)可視化效果制作,網(wǎng)頁(yè)可視化效果制作,第4講 Web服務(wù)器控件,Web,服務(wù)器控件概述,Web,服務(wù)器控件使用方法詳解,Web服務(wù)器控件概述,Web,服務(wù)器控件的類(lèi)型,Web,服務(wù)器控件可以采用,XML,語(yǔ)法來(lái)聲明，基本語(yǔ)法如下：,大部分服務(wù)器控件也可以寫(xiě)成以下形式：,其中“,asp:,控件類(lèi)型”是,Web,服務(wù)器控件的開(kāi)始標(biāo)記，此標(biāo)記要連寫(xiě)

2、，不能包含空格。,Web服務(wù)器控件概述,事件參數(shù),Sender,引發(fā)事件的源，即事件的發(fā)送方。,e,事件（消息）的數(shù)據(jù)。,Web服務(wù)器控件使用方法詳解,Label,控件用于在頁(yè)面上動(dòng)態(tài)顯示文本,Label,控件,聲明,Label,控件的語(yǔ)法如下：,使用,Label,控件的,Text,屬性可以獲取或設(shè)置,Label,控件的文本內(nèi)容。,Web服務(wù)器控件使用方法詳解,Label,控件的主要成員,Text,屬性,Font,屬性,ForeColor,屬性,BackColor,屬性,BorderStyle,、,BorderWidth,屬性,Width、Height,屬性,CssClass,屬性,Web服務(wù)

3、器控件使用方法詳解,TextBox,控件,例子,使用,TextBox Web,服務(wù)器控件可以在,Web,頁(yè)上創(chuàng)建單行和多行文本框。聲明,TextBox,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,TextBox,控件,:,用來(lái)輸入文本,TextBox,控件的主要成員,AutoPostBack,屬性,Text,屬性,TextMode,屬性,ReadOnly,屬性,Wrap,屬性,Enabled,屬性,Visible,屬性,TextChanged,事件,Web服務(wù)器控件使用方法詳解,Button,控件,具有,CLICK,與,Command,事件,.,前者是在單擊時(shí)將表單提交給服務(wù)器,后者是單擊

4、時(shí)發(fā)生但是,commandname,commandargument,屬性的值與該事件一起被傳遞,聲明,Button,控件的語(yǔ)法,Web服務(wù)器控件使用方法詳解,Button,控件,Button,控件的常用屬性和事件,Enabled,屬性,AccessKey,屬性,Text,屬性,ToolTip,屬性,Click,事件,Web服務(wù)器控件使用方法詳解,LinkButton,控件,聲明,LinkButton,控件的語(yǔ)法如下：,文本,Web服務(wù)器控件使用方法詳解,LinkButton,控件,LinkButton,控件的常用屬性和事件,Text,屬性,Click,事件,Web服務(wù)器控件使用方法詳解,Hyp

5、erLink,控件,例子,HyperLink Web,服務(wù)器控件用于在頁(yè)上創(chuàng)建一個(gè)鏈接，通過(guò)單擊它可以轉(zhuǎn)到其他頁(yè)或其他位置。聲明,HyperLink,控件的語(yǔ)法如下：,文本,Web服務(wù)器控件使用方法詳解,HyperLink,控件,HyperLink,控件的常用屬性,Text,NavigateUrl,ImageUrl,Target,Web服務(wù)器控件使用方法詳解,Image,控件,使用,Image,控件可以在,Web,窗體上顯示圖像。聲明,Image,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,Image,控件,Image,控件的常用屬性,ImageUrl,AlternateText,Imag

6、eAlign,Web服務(wù)器控件使用方法詳解,RadioButton,控件,使用,RadioButton,控件可以在,Web,窗體上創(chuàng)建一個(gè)單選按鈕，通過(guò)將多個(gè)單選按鈕分為一組可以提供一組互相排斥的選項(xiàng)。,聲明,RadioButton,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,RadioButton,控件,RadioButton,控件的常用屬性和事件,AutoPostBack,屬性,Checked,屬性,Enabled,屬性,GroupName,屬性,Text,屬性,TextAlign,屬性,ToolTip,屬性,CheckedChanged,事件,Web服務(wù)器控件使用方法詳解,Check

7、Box,控件,使用,CheckBox,控件可以在,Web,頁(yè)上創(chuàng)建一個(gè)復(fù)選框控件，該控件允許用戶在,True,或,False,狀態(tài)之間切換。,聲明,CheckBox,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,CheckBox,控件,CheckBox,控件的常用屬性和事件,AutoPostBack,屬性,Checked,屬性,Enabled,屬性,Text,屬性,TextAlign,屬性,CheckedChanged,事件,Web服務(wù)器控件使用方法詳解,DropDownList,控件,使用,DropDownList,控件可以在,Web,窗體上創(chuàng)建下拉列表框，允許用戶從中進(jìn)行單一選擇。聲明,

8、DropDownList,控件的語(yǔ)法如下：,asp:DropDownList id=,編程標(biāo)識(shí)符,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,控件的語(yǔ)法

9、如下：,asp:ListBox id=“,編程標(biāo)識(shí)符”,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ù)器控件使用方法詳解,驗(yàn)證控件,設(shè)計(jì),Web,窗體時(shí)，如何對(duì)用戶輸入的數(shù)據(jù)進(jìn)行有效性驗(yàn)證是開(kāi)發(fā)人

10、員需要解決的一個(gè)重要問(wèn)題。例如，必填字段是否輸入了內(nèi)容，電子郵件地址格式是否正確，所輸入的數(shù)據(jù)是否在指定的范圍內(nèi)。,驗(yàn)證控件可以很方便地在,Web,窗體上完成數(shù)據(jù)的有效性驗(yàn)證并為用戶顯示相關(guān)的錯(cuò)誤信息。,Web服務(wù)器控件使用方法詳解,RequiredFieldValidator,控件,RequiredFieldValidator,控件驗(yàn)證用戶是否在選擇列表控件或,TextBox,控件中輸入了數(shù)據(jù)值。,聲明,RequiredFieldValidator,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,RequiredFieldValidator,控件,RequiredFieldValidator

11、,控件的常用成員,ControlToValidate,屬性,ErrorMessage,屬性,Web服務(wù)器控件使用方法詳解,CompareValidator,控件,CompareValidator,控件能夠?qū)⒂脩糨斎氲揭粋€(gè)輸入控件（如,TextBox,控件）中的值與輸入到另一輸入控件的值或某個(gè)常數(shù)值進(jìn)行比較。,聲明,CompareValidator,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,CompareValidator,控件,CompareValidator,控件的常用成員,ControlToValidate,屬性,ControlToCompare,屬性,ValueToCompare,

12、屬性,Operator,屬性,ErrorMessage,屬性,Type,屬性,Web服務(wù)器控件使用方法詳解,RangeValidator,控件,RangeValidator,控件可以檢查用戶的輸入是否在指定的上限與下限之間。可以檢查數(shù)字對(duì)、字母對(duì)和日期對(duì)限定的范圍。邊界表示為常數(shù)。,聲明,RangeValidator,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,RangeValidator,控件,RangeValidator,控件的常用成員,ControlToValidate,屬性,ErrorMessage,屬性,MaximumValue,屬性,MinimunValue,屬性,Type,屬

13、性,Web服務(wù)器控件使用方法詳解,RegularExpressionValidator,控件,RegularExpressionValidator,根據(jù)正則表達(dá)式來(lái)驗(yàn)證輸入的數(shù)據(jù)的正確性。,聲明,RegularExpressionValidator,控件的語(yǔ)法如下：,Web服務(wù)器控件使用方法詳解,RegularExpressionValidator,控件,RegularExpressionValidator,控件的常用成員,ControlToValidate,屬性,ErrorMessage,屬性,ValidationExpression,屬性,Web服務(wù)器控件使用方法詳解,在,Validati

14、onExpression,中，不同的占位符表示不同的含義：,“,.,”表示單個(gè)任意字符；“,*,”表示前面的0次或多次表達(dá)式；“,A-Z,”,表示任意大寫(xiě)字母；“,d,”,表示一個(gè)數(shù)字字符；,例如：,d,.*,A-Z,表示數(shù)字開(kāi)頭的任意字符組合其后接一個(gè)大寫(xiě)字母。,課堂練習(xí),仿照例題“個(gè)人信息注冊(cè)”的設(shè)計(jì)方法，設(shè)計(jì)完成“高校學(xué)生基本信息注冊(cè),”,的,Web,應(yīng)用程序，頁(yè)面中要求：1.包含,Label、Button、TextBox、HyperLink、RadioButton、CheckBox、DropDownList、ListBox,以及四個(gè)驗(yàn)證控件的使用。,2.學(xué)生的基本信息不得少于10項(xiàng)。,3.,學(xué)生的注冊(cè)信息要在頁(yè)面中顯示出來(lái)（輸出的信息應(yīng)明確、清楚,）。,Thank you very much!,