第5章 Web服务器控件.ppt
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《第5章 Web服务器控件.ppt》由会员分享,可在线阅读,更多相关《第5章 Web服务器控件.ppt(72页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、ASP.NET 2.0 实用案例教程实用案例教程ASP.NET 2.0 实用案例教程实用案例教程5.1.1 什么是控件什么是控件l 所谓控件,就是一个可以重用的组件或者对象,这个控件所谓控件,就是一个可以重用的组件或者对象,这个控件不但有自己的外观、还有自己的属性和方法,大部分控件不但有自己的外观、还有自己的属性和方法,大部分控件还具有相应的事件。还具有相应的事件。ASP.NET 2.0 实用案例教程实用案例教程5.1.2 控件的声明、属性、事件和方法控件的声明、属性、事件和方法【例例5-1】 控件的属性、事件和方法示例控件的属性、事件和方法示例。要求:要求:在文本框内输入姓名文本,单击【确定
2、】按钮后,姓在文本框内输入姓名文本,单击【确定】按钮后,姓名文本通过标签显示出来名文本通过标签显示出来。ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类l ASP.NET服务器控件可以分为两大类:服务器控件可以分为两大类:HTML服务器控服务器控件和件和Web服务器控件。服务器控件。1. HTML服务器控件l 在在ASP.NET中引入中引入HTML服务器控件的原因是,服务器服务器控件的原因是,服务器无法直接控制无法直接控制HTML元素,在将元素,在将HTML元素转换为服务器元素转换为服务器控件后,服务器就可以动态控制这些元素了。控件后,服务器就可以动态控
3、制这些元素了。HTML服务服务器控件是由器控件是由System.Web.UI.HtmlControls类实现的,类实现的,实际上就是实际上就是HTML元素的可编程版本,基本上与元素的可编程版本,基本上与HTML元元素保持着对应关系。素保持着对应关系。ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类l 将普通的将普通的HTML元素转换为元素转换为HTML服务器控件的方法比较服务器控件的方法比较简单,一般通过以下两步即可完成转换:简单,一般通过以下两步即可完成转换: 在普通在普通HTML元素中添加元素中添加Runat=”Server”属性,表示该属性,表示该
4、元素在服务器端运行。元素在服务器端运行。 设置设置ID属性,标识服务器控件的身份,方便编程时使用属性,标识服务器控件的身份,方便编程时使用该控件。该控件。l 例如:例如: l 普通普通HTML元素:元素:l 转换为转换为HTML服务器控件:服务器控件: ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类2. Web服务器控件服务器控件l Web服务器控件是由是服务器控件是由是System.Web.UI.WebControls类实现类实现的,它是的,它是.NET针对针对Web编程开发的一套全新的解决方案编程开发的一套全新的解决方案,它具有更加强大的功能,能够
5、更好地与编程进行融合。,它具有更加强大的功能,能够更好地与编程进行融合。Web服务器控件并不与服务器控件并不与HTML元素一一对应,它们的属元素一一对应,它们的属性也有所不同。性也有所不同。l Web服务器控件的格式如下:服务器控件的格式如下:ASP.NET 2.0 实用案例教程实用案例教程5.1.3 服务器控件分类服务器控件分类l 两种服务器控件的采用原则:两种服务器控件的采用原则: 当不需要交互时,就不用采用服务器控件,使用普通的当不需要交互时,就不用采用服务器控件,使用普通的HTML元素就可以达到技术要求,而且还可以节省服务元素就可以达到技术要求,而且还可以节省服务器资源。器资源。 当将
6、原先开发的当将原先开发的ASP程序转换为程序转换为ASP.NET程序时,可以程序时,可以使用使用HTML控件,只要在标签内添加控件,只要在标签内添加runat=”server”即即可,比较方便。可,比较方便。 如果是新建如果是新建ASP.NET程序时,最好直接使用程序时,最好直接使用Web服务器服务器控件,它是微软最新技术并具有更加强大的功能,符合控件,它是微软最新技术并具有更加强大的功能,符合未来发展方向。未来发展方向。ASP.NET 2.0 实用案例教程实用案例教程l 文本控件主要作用是将用户的输入信息提交给程文本控件主要作用是将用户的输入信息提交给程序进行处理或者将程序员设计的信息显示出
7、来。序进行处理或者将程序员设计的信息显示出来。主要有两种类型的文本控件。主要有两种类型的文本控件。ASP.NET 2.0 实用案例教程实用案例教程5.2.1 Label控件(标签控件)控件(标签控件)l Label控件是一个标签控件,主要用于在网页上显示提示控件是一个标签控件,主要用于在网页上显示提示信息。信息。l 语法如下:语法如下:ASP.NET 2.0 实用案例教程实用案例教程5.2.2 TextBox控件(文本框控件)控件(文本框控件)l TextBox控件是一个可以输入单行文本、密码和多行文本控件是一个可以输入单行文本、密码和多行文本的控件。语法如下:的控件。语法如下:ASP.NET
8、 2.0 实用案例教程实用案例教程【例例5-2】 演示演示TextBox控件的控件的AutoPostBack属性属性。 要求:要求:在文本框内输入姓名文本,回车,姓名文本通过标签在文本框内输入姓名文本,回车,姓名文本通过标签显示显示。ASP.NET 2.0 实用案例教程实用案例教程l 控制权转移控件主要作用是将当前页面的控制权控制权转移控件主要作用是将当前页面的控制权转移到其它页面或者将信息提交回服务器。主要转移到其它页面或者将信息提交回服务器。主要有四种类型的控制权转移控件。有四种类型的控制权转移控件。ASP.NET 2.0 实用案例教程实用案例教程5.3.1 Button控件(按钮控件)控
9、件(按钮控件)l Button控件是一个普通按钮控件,在控件是一个普通按钮控件,在Web网页上网页上显示为一个按钮,一般用来提交表单。显示为一个按钮,一般用来提交表单。l 语法如下:语法如下:ASP.NET 2.0 实用案例教程实用案例教程5.3.2 ImageButton控件(图像按钮控件)控件(图像按钮控件)l ImageButton控件是一个图像按钮控件,在控件是一个图像按钮控件,在Web网页上显示为一个可以单击的图像,功能上与网页上显示为一个可以单击的图像,功能上与Button控件是一样的,一般用来提交表单。控件是一样的,一般用来提交表单。l 语法如下:语法如下:ASP.NET 2.0
10、 实用案例教程实用案例教程5.3.3 LinkButton控件(超链接按钮控件)控件(超链接按钮控件)l LinkButton控件是一个在网页上显示超链接样式控件是一个在网页上显示超链接样式的按钮控件。的按钮控件。 l 语法如下:语法如下:文本ASP.NET 2.0 实用案例教程实用案例教程5.3.4 HyperLink控件(超链接控件)控件(超链接控件)l HyperLink控件可以创建超链接。控件可以创建超链接。 l 语法如下:语法如下:文本ASP.NET 2.0 实用案例教程实用案例教程【例例5-3】控制权转移控件示例控制权转移控件示例。ASP.NET 2.0 实用案例教程实用案例教程l
11、 选择控件就是能够将被选择数据项显示在控件选择控件就是能够将被选择数据项显示在控件上,可以被用户单项或多项选择的控件。有六种上,可以被用户单项或多项选择的控件。有六种类型的选择控件。类型的选择控件。ASP.NET 2.0 实用案例教程实用案例教程5.4.1 RadioButton控件(单选按钮)控件(单选按钮) l RadioButton是一个单选框控件,在是一个单选框控件,在Web网页上显示为网页上显示为一个单选按钮。一个单选按钮。ASP.NET 2.0 实用案例教程实用案例教程5.4.2 RadioButtonList控件(单选列表框)控件(单选列表框) l RadioButtonList
12、是一个单选框列表控件,它可以设置是一个单选框列表控件,它可以设置一组单选框,语法如下:一组单选框,语法如下: 选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程5.4.3 CheckBox控件(复选框)控件(复选框)l CheckBox控件是一个复选框控件,它在控件是一个复选框控件,它在Web页面上显页面上显示一个复选框,语法如下:示一个复选框,语法如下:ASP.NET 2.0 实用案例教程实用案例教程5.4.4 CheckBoxList控件(复选列表框)控件(复选列表框)l CheckBoxList是一个复选框列表控件,它可以设置一组是一个复选框列表控件,它可以设置一组
13、复选框,语法如下:复选框,语法如下:选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程5.4.5 DropDownList控件(下拉列表框)控件(下拉列表框)l DropDownList是一个下拉列表框控件,可以在是一个下拉列表框控件,可以在Web页面页面上创建单选和多选两种样式的列表框,语法如下:上创建单选和多选两种样式的列表框,语法如下: 选项文字0 选项文字1 ASP.NET 2.0 实用案例教程实用案例教程5.4.6 ListBox控件(列表框)控件(列表框)l ListBox是一个单选或多选的列表框,语法如下:是一个单选或多选的列表框,语法如下:选项文字0 选项
14、文字1 ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-4】 选择控件综合示例。选择控件综合示例。ASP.NET 2.0 实用案例教程实用案例教程l 瓶子可以装水,瓶子就是水的一种容器。瓶子可以装水,瓶子就是水的一种容器。l 所谓容器控件就是像容器一样可以存放别的控件所谓容器控件就是像容器一样可以存放别的控件的控件,有两种类型的容器控件。的控件,有两种类型的容器控件。ASP.NET 2.0 实用案例教程实用案例教程5.5.1 Panel控件(容器控件)控件(容器控件)l Panel控件是一个容器,可以放置其它控件。控件是一个容器,可以放置其它控件。 其它的控件ASP.NET 2.
15、0 实用案例教程实用案例教程l 【例例5-5】 选择控件综合示例选择控件综合示例。ASP.NET 2.0 实用案例教程实用案例教程5.5.2 Placeholder控件(动态添加控件)控件(动态添加控件) l PlaceHolder控件通常用于在页面内动态加载其它控件,控件通常用于在页面内动态加载其它控件,不具有基于不具有基于 HTML 的输出,仅用于在页面执行期间向该的输出,仅用于在页面执行期间向该控件的控件的Controls集合中添加其它控件。语法如下:集合中添加其它控件。语法如下:ASP.NET 2.0 实用案例教程实用案例教程l PlaceHolder控件与控件与Panel控件的主要区
16、别是:控件的主要区别是: Panel控件有输出客户端脚本,而控件有输出客户端脚本,而placeholder控件仅仅在控件仅仅在服务器端起分组的作用。所以在页面中的控件进行分组的服务器端起分组的作用。所以在页面中的控件进行分组的情况下,客户端的脚本需要对分组进行简单的显示情况下,客户端的脚本需要对分组进行简单的显示/隐藏隐藏、改变颜色等操作,则应该使用、改变颜色等操作,则应该使用panel控件,否则应该使控件,否则应该使用用placeholder控件。控件。 Panel控件可以在设计模式拖入其它控件,控件可以在设计模式拖入其它控件,PlaceHolder控件只能在后台用程序动态添加。控件只能在后
17、台用程序动态添加。ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-6】 PlaceHolder控件示例。控件示例。 ASP.NET 2.0 实用案例教程实用案例教程l 除了前面介绍的控件外,还有一些没有明确分类除了前面介绍的控件外,还有一些没有明确分类但也比较常见的控件。但也比较常见的控件。ASP.NET 2.0 实用案例教程实用案例教程5.6.1 Image控件(图像控件)控件(图像控件)l Image控件是一个图像控件,用于在控件是一个图像控件,用于在Web页面上显示图像页面上显示图像,语法如下:,语法如下:ASP.NET 2.0 实用案例教程实用案例教程5.6.2 Tabl
18、e控件(表格控件)控件(表格控件) l Table控件用于在控件用于在Web页面上制作表格。该控件包含了页面上制作表格。该控件包含了Rows集合集合和和Cells集合,通过编程的方式向集合,通过编程的方式向Rows集合中添加集合中添加TableRow控件和控件和向向Cells集合中添加集合中添加TableCell控件来生成表格,即控件来生成表格,即TableRow控件控件用于创建表格行,用于创建表格行,TableCell控件用于创建单元格。控件用于创建单元格。Table控件的控件的语法如下:语法如下: 单元格1 单元格2ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-7】 Tab
19、le控件示例。控件示例。ASP.NET 2.0 实用案例教程实用案例教程l 【例例5-8】 通过通过Table控件动态生成表格。控件动态生成表格。 ASP.NET 2.0 实用案例教程实用案例教程5.6. 3 AdRotator控件(广告控件)控件(广告控件)l AdRotator控件是一个广告条控件,用于在控件是一个广告条控件,用于在Web页面上页面上显示一个带有超链接的广告条样式的图像,单击图像可以显示一个带有超链接的广告条样式的图像,单击图像可以连接到对应的网站,连接到对应的网站,AdRotator控件语法如下:控件语法如下:ASP.NET 2.0 实用案例教程实用案例教程5.6. 3
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第5章 Web服务器控件 Web 服务器 控件
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内