【asp源码栏目提醒】:网学会员asp源码为您提供ASPNET程序设计教案 - 计算机教材参考,解决您在ASPNET程序设计教案 - 计算机教材学习中工作中的难题,参考学习。
ASP.NET程序设计教案 5 HTMLWeb 课题 第5章 HTML控件和Web服务器控件 章节 5 课时 2 教学 目的 要求 本章学习目标 本章主要讲解可用于
ASP.NET网页的服务器端控件。
通过本章学习,读者 应掌握以下内容: ◎ Web Form的基本概念 ◎ 常用HTML Server控件和Web Server控件的使用方法 教学重点 HTML Server控件和Web Server控件的使用 教学难点 HTML Server控件和Web Server控件的区别和用法 教学环境 多媒体教室 板书设计 Web Form指用
ASP.NET开发的网页。
从设计的角度看,Web Form是一个包含HTML标记、服务器端控件以及相关程序的“大杂烩”。
对交互式网页而言,接收用户输入、启动相关的服务器端代码、显示各种处理结果等工作都是由Server控件来完成的。
这些控件是页面中的核心元素,
ASP.NET应用程序设计者必须熟练掌握这些控件的特性和使用方法。
Web Form由“可视化组件(Viaual Component)”和“用户接口逻辑(user interface logic)”组成。
其中,前者指包含HTML标记及Server控件声明的部分(也就是可在浏览器上看到的部分);后者则指用于实现服务器和用户交互的代码。
如果使用普通的文本编辑器进行设计,则上述两个部分共处同一文件中;如果使用Visual Studio.NET进行设计,则可视化组件与用户接口逻辑将分处不同的文件中。
在Web Form中使用的控件可以分为4类,它们分别是HTML服务器控件、Web服务器控件、Validation控件和用户自定义控件(本书重点介绍前3类控件)。
这些控件都可以称为Server控件,因为只有在服务器端环境下,这些控件才能正常工作,浏览器是不能识别这些控件的。
当用户请求包含这些控件的网页时,被请求网页将首先在服务器端执行,以生成HTML文档,并回送客户端,浏览器再将结果显示给用户。
此外,需要指出的是,Web Form的某些高级功能必须在特定的浏览器上方可正常运行。
例如,有些功能必须在IE 5及以上版本的浏览器中才能正常运行。
限于篇幅,本书不可能对各种Server控件的所有属性、事件和方法进行详细介绍,而只能介绍开发
ASP.NET网页时必须掌握的内容。
如果需要进一步了解其他信息,可查阅Visual.NET帮助文档或相关技术手册。
几乎所有的HTML标记都可转化为HTML Server控件,只需在标记中加入 “RunatServer”属性即可。
如果需要在代码中引用HTML Server控件,则应在控件标识中加入Id属性(如 IdsyrButton)。
仔细阅读下面的HTML Server控件声明范例,体会其与普通HTML标记的区别。
…… 因、、、标记难以归类,故
ASP.NET将之统称为 HtmlGenericControl控件,其声明格式如下: … HtmlForm控件的声明格式如下:?? 下面是HtmlForm控件的几个重要属性。
◎ Enctype:给出或设置将窗体数据发送到服务器时所采用的编码方式。
◎ Method:给出或设置发送数据给服务器的方式。
当上传数据量较小时,应采用“Get”方式,否则,应采用“Post”方式。
Method属性的默认值为“Post”。
◎ Target:给出或设置用于显示处理结果的目标框架或窗口。
需要指出的是,在一个Web Form中,只能存在一个HtmlForm控件。
并且除 HtmlGenericControl控件外,任何Html Server控件都必须放在HtmlForm控中。
HtmlButton控件用于创建按钮,其声明格式如下:文字或图 下面是HtmlButton控件的重要属性和事件。
◎ CausesValidation:给出或设置按钮被单击后,是否对窗体数据的有效性进行验证(验证规则由验证控件给出),其值可为“True”或“False”,默认为“True”。
◎ OnServerClick:设置按钮被单击后将执行过程的名称。
需要指出的是,HtmlButton控件运行时,所生成的标记是在HTML4.0中新定义的,需要IE4.0或NC6.0及以上版本才能正常工作。
因此,使用该控件时应考虑浏览器的支持能力。
HtmlInputButton控件与HTML的提交按钮标记、重新输入按钮标记及一般按钮标记对应。
其声明语法如下: 所有浏览器均支持与该控件对应的HTML标记。
HtmlInputImage控件与HTML的图片提交按钮标记对应。
用于实现基于图片的事件处理程序。
HtmlInputText控件与HTML的文本框标记、密码框标记对应。
其声明语法如下: 其中: ◎ MaxLength:获取或设置HtmlInputText控件可以输入的字符数。
◎ Size:获取或设置HtmlInputText控件的宽度,单位为字符。
◎ Value:获取或设置HtmlInputText控件的内容。
◎ OnServerChange:设置Value属性(即文本框内容)发生变化后将执行过程的名称。
需要指出的是,当文本框中的内容被发送到服务器端后,服务器将检查这些内容是否与最近一次上传的内容相同,如果不同,方触发OnServerChange事件。
HtmlInputCheckBox控件与HTML的复选框标记对应。
其声明语法如下: 其中Checked属性用于获取或设置HtmlInputCheckBox控件的选择状态。
HtmlInputRadioButton控件与HTML的单选钮标记对应。
其声明语法如下: 其中Name属性用于获取或设置HtmlInputRadioButton控件组名称。
HtmlSelect控件与HTML的下拉列表框标记对应。
其声明语法如下:列表项目 ……列表项目 其中Size属性用于获取或设置HtmlSelect控件预先显示项目的数目。
HtmlTextArea控件与HTML的多行文本框标记??对应。
其声明语法如下: …… 其中: ◎ Cols:给出或设置HtmlTextArea控件的宽度,单位为字符。
◎ Rows:给出或设置HtmlTextArea控件的高度,单位为字符。
HtmlTextArea控件的使用与HtmlInputText控件基本相同。
在此不再赘述。
HtmlInputFile控件与HTML的文件输入域标记对应。
其声明语法如下: 其中Size用于给出或设置文本框宽度,单位为字符。
HtmlInputHidden控件与HTML的隐藏域标记对应。
其声明语法如下: 在浏览器窗口中,HtmlInputHidden控件是不可见的,只有利用浏览器的查看网页的“源文件”功能,才可以看到该类控件。
HtmlAnchor控件与HTML的隐藏域标记??对应。
其声明语法如下: …… 其中: ◎ Href:给出或设置所链接文档的URL。
◎ Name:给出或设置网页书签。
◎ Target:给出或设置目标框架(或窗口)名称。
例如将Target设为“_blank”,可将所链接的文档显示在新窗口中。
◎ Title:给出或设置当鼠标指针指向超链接时所显示的提示文本。
HtmlImage控件与HTML的图片标记对应。
其声明语法如下: HTML Server控件由标准的HTML标记衍生而来,几乎与HTML标记有一一对应的关系。
与HTML标记的区别在于,HTML Server控件的功能更为强大且在服务器端运行。
Label控件用于显示文本。
可使用下列两种语法进行声明。
标签文本 Literal控件也是用于显示文本的,但与Label控件不同的是,Literal控件不能使用一般Web Server控件的共同属性Style,即不支持CSS。
可使用下列两种语法进行声明。
标签文本 HyperLink控件用于建立文本超链接或图片超链接。
可使用下列两种语法进行声明。
超链接文本其中: ◎ NavigateUrl:给出或设置所链接文档的URL。
◎ ImageUrl:给出或设置超链接锚点图片源。
◎ Text:给出或设置超链接锚点文本。
◎ Target:给出或设置目标框架(或窗口)名称。
例如将Target设为“_blank”,可将所链接的文档显示在新窗口中。
Image控件用于在网页中插入图片。
其声明语法如下: 其中AlternateText属性用于给出或设置替换文本。
Button控件用于创建提交或命令按钮。
这两种按钮的主要区别在于提交按钮不支持CommandName(命令名称)和CommandArgument(命令参数)两个属性。
提交按钮的声明语法如下: 命令按钮的声明语法如下: 其中: ◎ CausesValidation:给出或设置按钮被单击时,是否启动验证。
◎ Onclick:设置按钮被单击后所运行过程的名称。
◎ Text:给出或设置显示在按钮上的文本。
◎ CommandName:给出或设置Button控件的命令名称。
◎ CommandArgument:给出或设置Button控件的命令参数。
◎ OnCommand:设置按钮被单击后所运行过程的名称。
在功能上,LinkButton控件与Button控件完全相同,定义方法也相同。
两者之间唯一的区别是,LinkButton控件在外观上显示为超链接。
ImageButton控件主要用于响应单击图片的动作。
其声明语法如下: 在交互式网页应用中,TextBox是最常用的控件之一,它可用于建立单行、多行文本框以及密码输入框。
TextBox控件的声明语法如下: 其中: ◎ Text:给出或设置控件中的文本。
◎ TextMode:给出或设置控件的类型,其中Single为单行文本框,Multiline为多行文本框,Password为密码框。
该属性的默认值为Single。
◎ Rows:当TextMode属性为Multiline(多行文本框)时,Rows属性才有效。
用于给 出或设置控件的高度,单位为行。
◎ Columns:给出或设置控件的宽度,单位为字符。
◎ MaxLength:给出或设置控件最多可容纳的字符数。
Button控件的命令参数。
◎ ReadOnly:给出或设置控件内容的只读性。
◎ Wrap:给出或设置当控件内容超过控件宽度时,是否自动换行。
◎ AutoPostBack:给出或设置当控件失去焦点,且内容业已改变时,是否自动上传数据。
◎ OnTextChanged:指定控件中的内容与最近一次上传的内容不同时,所触发事件过程的名称。
CheckBox控件用于建立复选框。
其声明语法如下: 其中: ◎ AutoPostBack:给出或设置当用户改变控件的选择状态时,是否自动上传数据。
该属性的默认值为False。
◎ Checked:给出或设置控件的选择状态(True代表选择,False代表未选择)。
CheckBoxList控件的作用与CheckBox控件类似,但功能更为强大(如支持以数据连接方式建立列表等)。
其声明语法如下: 文本 ???? RadioButton控件用于创建单选钮。
其声明语法如下: 其中: ◎ AutoPostBack:给出或设置当用户改变控件的选择状态时,是否自动上传数据。
该属性的默认值为False。
◎ Checked:给出或设置控件的选择状态(True代表选择,False代表未选择)。
◎ GroupName:给出或设置控件所属组的名称。
在属于同一组的控件中,只能有一个处于选择状态。
◎ OnCheckedchanged:指定当控件中的选择状态与最近一次上传的选择状态不同时,所触发事件过程的名称。
RadioButtonList控件的作用与RadioButton控件类似,但功能更为强大(如支持以数据连接方式建立列表等)。
其声明语法如下: 文本 ???? ListBox控件用于建立可单选或多选的下拉列表。
其声明语法如下: 文本 ???? 其中SelectionMode用于给出或设置控件的选择模式(Single表示只允许进行单项选择,Multiple表示可进行多重选择),该属性的默认值为Single。
DropDownList控件的用途和使用方法与ListBox控件类似,但DropDownList控件只支持单项选择。
其声明语法如下: 文本 ???? Table、TableRow、TableCell控件用于建立动态表格。
其声明语法如下: 单元格内容 在Table控件中: ◎ BackImgeUrl:给出或设置控件背景图片的Url。
◎ CellSpacing:给出或设置单元格之间的距离,单位为像素。
◎ CellPadding:给出或设置单元格内容与边框之间的距离,单位为像素。
◎ GridLines:给出或设置表线类型(None为无表线,Horizontal为横向表线,Vertical垂直表线,Both横向和垂直表线)。
◎ HorizontalAlign:给出或设置控件的水平对齐方式(Center为居中,Justifly为两端对齐,Left为左对齐,Noset为无设置,Right为右对齐)。
在TableRow控件中: ◎ HorizontalAlign:给出或设置控件内容的水平对齐方式,默认值为NoSet。
◎ VerticalAlign:给出或设置控件内容的垂直对齐方式,默认值为NoSet。
在TableCell控件中: ◎ ColumnSpan:给出或设置单元格的横向跨度,单位为列。
◎ RowSpan:给出或设置单元格的纵向跨度,单位为行。
◎ HorizontalAlign:给出或设置控件内容的水平对齐方式,默认值为NoSet。
◎ VerticalAlign:给出或设置控件内容的垂直对齐方式,默认值为NoSet。
◎ Wrap:给出或设置单元格中的内容是否自动折行。
默认为自动折行(True)。
Panel控件是一个容器,通常用于显示或隐藏一组控件。
其声明语法如下: 其他控件,也可是HTML标记 PlaceHolder控件是一个容器,用于事先在页面中保留一个位置以便动态增加控件。
其声明语法如下: Xml控件用于直接或按XSL文档指定的格式显示XML文档。
其声明语法如下: 其中: ◎ DocumentSource:给出或设置所显示XML文档的Url。
◎ TransformSource:给出或设置XSL文档(内含格式设置)的Url。
AdRotator控件用于制作横幅广告(当进入或刷新页面时,可随机显示一个图片超链接)。
其声明语法如下: 其中: ◎ AdvertisementFile:给出或设置包含广告信息的广告调度文件的Url。
◎ KeyWordFilter:给出或设置用于筛选广告的关键字。
◎ OnAdCeated:AdvertisementFile控件建立后,网页在送交浏览器之前,该事件被触发。
需要指出的是,包含广告信息的广告调度文件是一个独立于AdvertisementFile控件的XML文档。
其格式如下: 广告图片的Url 单击广告时,将转向网页的Url 广告图片的替换文本 关键字 广告相对展示频度 自定义广告信息 …… 广告的展示概率取决于设置。
例如,若只有两条广告,展示概率为4:1,则应在与之间分别写入4和1。
Calendar控件用于建立万年历。
以显示或供用户选择日期。
其声明语法如下: Calendar控件属性和事件众多,不过大都可以望文生义,不必死记硬背。
在参考文献1中,有关于Calendar高级应用的实例,读者如果需要,可自行参考。
微软官方文件指出,就
ASP.NET网页应用而言,HTML Server控件足以满足要求。
但是,文件中也强调,Web Server控件提供了更为强大的功能,拥有类似XML的语法,且其使用规则与VB控件的使用规则类似。
控件功能对应的HTML标记 Label 用于显示文本 Litera 用于显示文本,功能与Label控件相似,但不支持CSS样式。
在服务器端执行后将被转换为纯文本。
HyperLink 用于建立文本超链接或图片超链接。
Image 用于插入图片 Button 用于建立提交按钮(Submit)或命令按钮 LinkButton 与Button的功能类似,外观与HyperLink类似 ImageButton 可响应鼠标单击图片的实践,也可支持地图功能 TextBox 用于建立单行文本框、多行文本框或密码框。
CheckBox 用于建立复选框 CheckBoxList 类似于CheckBox,但支持以数据连接方式建立列表 RadioButton 用于建立单选钮 RadioButtonList 类似于RadioButton,但支持以数据连接方式建立列表 ListBox 用于建立下拉列表框 DropDownList 类似于ListBox,只支持单选。
Table 用于表格的动态处理 TableRow 用于表格行的动态处理 TableCell 用于表格列的动态处理 Panel 提供可放置其他控件的容器,通常用于显示或隐藏一组控件 PlaceHolder 提供一个容器。
用于在网页中保留一个位置,以便利用代码 动态添加控件 Xml 用于显示XML或XSL文档 AdRotator 用于制作横幅(Banner)广告 及 Calendar 显示日历并允许用户选择日期、、及 Repeater 显示数据库中的数据 与控件的使用方式有关 DataList 显示数据库中的数据、及 DataGrid 显示数据库中的数据、及
上一篇:
Web应用程序的安全维护
下一篇:
论《论文写作》课程的课堂授课方法与实践