基本WEB服務器控件



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