ASP.NET4.5网站开发与应用实践教程第三章Web服务器控件
合集下载
《ASP .NET基础教程》第三章:HTML服务器控件
InnerText属性 InnerText属性
该属性用于设置或获取HTML服务器控件的开始 服务器控件的开始 该属性用于设置或获取 标记和结束标记之间的文本,其语法如下: 标记和结束标记之间的文本,其语法如下:
HTML控件 控件.InnerText="文本 文本" 控件 文本
与InnerHtml属性不同的是,当InnerText属性的值包含有 HTML标记时,将不会按照HTML标记来进行解释,而仅仅 只是将其作为一个字符串显示出来。例如, Span1.InnerText= "<b>字体是粗体</b>",此时在浏览器中显 示出来的是以默认字体显示出来的文本“<b>字体是粗体 </b>”。
返回
/webnew/
InnerHtml属性 InnerHtml属性
该属性用于设置或获取HTML服务器控件的开始标记 服务器控件的开始标记 该属性用于设置或获取 和结束标记之间的HTML文本,其语法如下: 文本, 和结束标记之间的 文本 其语法如下: HTML控件 控件.InnerHtml="HTML文本 文本" 控件 文本
/webnew/
3.1 HTML服务器控件概述 HTML服务器控件概述
◇ASP .NET为动态网页程序设计带来了很多新的技术,这些技术其中之一就是 将所有的HTML标记对象化,可以通过程序来直接控制它们,这就是HTML服 务器控件。 ◇对于ASP动态网页来说,也没有办法直接通过程序来控制,而只能在HTML标 记后加入相应的ASP程序代码。这就使得以前的ASP程序代码非常冗余杂乱, 导致程序代码在维护上的困难。而在ASP .NET中,HTML服务器控件可以通 过程序来直接控制HTML标记的属性,从而使程序变得非常简捷 ◇在代码的表现形式上,HTML服务器控件比HTML标记多了两个属性:Id和 Runat。Id属性是HTML服务器控件在程序中的惟一标识,且不可重复; Runat属性表示这个对象是在服务器端执行的。对于所有的HTML服务器控件 来说,Runat属性是必须具备的,其值只能为Server。事实上,当ASP .NET 网页在编译执行时,对于HTML标记首先会检查是否有Runat属性。如果没有 设置这个属性,那么该标记会被视为字符串而传送到客户端的浏览器进行编 译执行;如果设置了Runat属性,那么ASP .NET便会将其视为HTML服务器 控件,并产生相应的对象,依据程序对其进行处理。在程序执行完毕后,再 将HTML服务器控件的执行结果转换为HTML标记,传送到客户端的浏览器中。
推荐-ASPnet课件第三章 Web 服务器控件 精品
• Page.IsPostback 属性用于检查页面是否为首次 加载
• ViewState是中用来保存WEB控件回传 时状态值的页面隐藏控件
2
• 代码隐藏文件使开发人员可以在 C# 或 ©2007 iSoftStone Holdings Ltd. All Rights Reserved.
ImageButton 的属性和事件
属性名称 Text ImageURL
事件名称
Click
说明 获取/设置按钮上显示的文本 指定按钮图像的 URL
说明
单击按钮时会引发该事件,且包含该按 钮的窗体会提交给服务器
12
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
14
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
使用控制权转移控件
private void btnTenNews_Click(object sender, System.EventArgs e)
{ // 处理按钮 Click 事件 lblStatus.Text="已单击按钮!";
LinkButton 的属性和事件
属性名称 Text ImageURL
事件名称 Click
说明 获取/设置按钮上显示的文本 指定按钮图像的 URL
说明 单击按钮时会引发该事件,且包含该按 钮的窗体会提交给服务器
13
©2007 iSoftStone Holdings Ltd. All Rights Reserved.
第三章
Web 服务器控件
回顾
• 页文件是含有将在 Web 服务器上执行 代码的文件。其扩展名是 .aspx 或 .ascx
第3章 基本Web服务器控件
n图像按钮控件
ImageButton控件与Button控件功能相似,只是 ImageButton控件可以在按钮上添加图片。ImageButton用 ImageUrl来指定图片的位置。按钮不再有名称,而是一副图 像,而Button按钮显示的是通过Text属性设置的文字。
CheckBox控件用于在Web窗体页上创建复选框,该复 选框允许用户在True或False状态之间切换。通过设置Text 属性,可以指定在控件中显示的标题,标题可显示在复选 框的右侧或左侧。设置TextAlign属性以指定标题显示在哪 一侧。
3.4
使用FileUpload控件实现文件上传
在常见的Web应用系统中,文件上传是经常会用到的。以 前整个上传过程都得靠开发人员编程实现。在.NET中,提供了 上传文件控件FileUpload,可以很方便地实现文件的上传。
3.2
按钮控件
Web服务器控件包括3种类型的按钮:标准命令按钮 (Button控件)、图形化按钮(ImageButton控件)和超级 链接样式按钮(LinkButton控件)。这3种按钮具有相同的 提交或链接功能,但具有不同的外观。
当用户单击按钮时,3种类型的按钮都会将窗体提交 给服务器。这些按钮还可引发自己的Click事件,可以为这 些事件编写事件处理程序。
基本web服务器控件aspnet提供了一系列服务器控件这些控件不仅增强了aspnet的功能同时将以往由开发人员完成的许多重复工作都交由控件去完成大大提高了开发人员的工作效率
第3章
基本Web服务器控件
提供了一系列服务器控件,这些控件不仅增强了 的功能,同时将以往由开发人员完成的许多重复工作都交由控件去完成, 大大提高了开发人员的工作效率。创建Web页面时,可使用的服务器控件 类型有HTML服务器控件、Web服务器控件和用户控件3种。其中,Web服 务器控件是的精华所在。Web服务器控件功能全面,极大地简化 和方便了开发人员的开发工作。本章将主要介绍Web服务器控件中的常用 控件。 本章学习的内容有: • • • 输入和输出的控件 按钮控件 单选按钮和复选框
ImageButton控件与Button控件功能相似,只是 ImageButton控件可以在按钮上添加图片。ImageButton用 ImageUrl来指定图片的位置。按钮不再有名称,而是一副图 像,而Button按钮显示的是通过Text属性设置的文字。
CheckBox控件用于在Web窗体页上创建复选框,该复 选框允许用户在True或False状态之间切换。通过设置Text 属性,可以指定在控件中显示的标题,标题可显示在复选 框的右侧或左侧。设置TextAlign属性以指定标题显示在哪 一侧。
3.4
使用FileUpload控件实现文件上传
在常见的Web应用系统中,文件上传是经常会用到的。以 前整个上传过程都得靠开发人员编程实现。在.NET中,提供了 上传文件控件FileUpload,可以很方便地实现文件的上传。
3.2
按钮控件
Web服务器控件包括3种类型的按钮:标准命令按钮 (Button控件)、图形化按钮(ImageButton控件)和超级 链接样式按钮(LinkButton控件)。这3种按钮具有相同的 提交或链接功能,但具有不同的外观。
当用户单击按钮时,3种类型的按钮都会将窗体提交 给服务器。这些按钮还可引发自己的Click事件,可以为这 些事件编写事件处理程序。
基本web服务器控件aspnet提供了一系列服务器控件这些控件不仅增强了aspnet的功能同时将以往由开发人员完成的许多重复工作都交由控件去完成大大提高了开发人员的工作效率
第3章
基本Web服务器控件
提供了一系列服务器控件,这些控件不仅增强了 的功能,同时将以往由开发人员完成的许多重复工作都交由控件去完成, 大大提高了开发人员的工作效率。创建Web页面时,可使用的服务器控件 类型有HTML服务器控件、Web服务器控件和用户控件3种。其中,Web服 务器控件是的精华所在。Web服务器控件功能全面,极大地简化 和方便了开发人员的开发工作。本章将主要介绍Web服务器控件中的常用 控件。 本章学习的内容有: • • • 输入和输出的控件 按钮控件 单选按钮和复选框
基于ASP NET的Web应用开发单元3web服务器控件(1)
(3)浏览页面,并观察结果 (4)说明:ImagButton的用法与Button类似,只是多 设置一个ImageUrl属性
三、任务1(续)
7. HyperLink控件 作用:在页面实现超链接,以文本或图片的形式呈现超链接。
属性名称 Text Target 链接的文本标签 说明
链接的目标窗口或框架。可能的值为 _top、 _self、 _parent、_search 或 _blank
LinkButton:提交本页表单 HyperLink:直接导致网页的跳转
补充内容:html控件转化成服务器端的控件使用的方法
案例3:将文本框中输入的内容显示在页面 (1)页面设计:在页面增加一个html标记的text,和一个web服 务器控件Button,id为btnGetText (2)将文本转化为服务器端的控件 (3)编写代码:单击按钮,在页面显示文本框中输入的内容。
1.HTML标签都是静态的, 服务器端的C#代码无法得到这些 元素,也不能动态地为这些元素添加或修改属性。 2.服务器控件就是页面上能够被服务器端代码访问和操作 的任何控件,它们都具有runat=“server”属性,id属
性是服务器端代码的访问操作控件的唯一标识。
服务器控件都是页面上的对象,采用事件驱 动的编程模型,控件的事件处理发生在服务器而不是客
用来指定要进行链接的图片Url,若和性同时存在 ,则ImageUrl优先,Text显示为<img>标签的alt属性
NavigateURL 单击链接时所链接到的页面的 URL ImageURL
练习1:将任务1中的注册改成HyperLink来实现
注意:LinkBotton与HyperLink的区别:
TextBox
第三章 Web服务器控件
28
第3章
Web服务器控件
例:创建RadioButtonList,实现“测试文本”背景 颜色改变的效果。
29
第3章
Web服务器控件
三、CheckBox和CheckBoxList 控件
实现多重可能性可以同时被选择。
1、属性与事件:
Checked:控件的选中状态 AutoPostBack:是否回传服务器 RepeatDirection: CheckBoxList中项目排列方向 CheckBox可以更好地控制单选按钮的布局,单选按钮 列表CheckBoxList利于绑定数据源 SelectedIndexChanged:改变选项后触发的事件过程
21
第3章
Web服务器控件
5、ImageButton(图像按钮)控件
是一个图片形式的按钮,功能与Button相同,该控件
是以图片的形式显示的,其外观与Image相似。
1、属性与事件:
ImageUrl:获取或设置控件中显示的图片位置
Click: 单击按钮
22
第3章
Web服务器控件
6、HyperLink (超级链接)控件
说明:HTML控件是属于浏览器端控件与DW中的控件是一 样的。标准控件是最常用的控件,默认情况标准控件都是服务 器控件。
12
第3章
三、服务器控件
Web服务器控件
服务器控件:即可编程的服务器端对象,典型情况下表现为页 面中的UI元素,服务器控件参与页面的执行过程,并在客户端生成 自己的标记呈现内容。
25
例题讲解
例:设置圆形热点链接定位另一张图片,并设置替 代文本
26
第3章
Web服务器控件
二、RadioButton和RadioButtonList 控件
ASP.NET4.5网站开发与应用实践教程附录
二、选择题
1.C 2.A 3.A 4.B 5.A 6.A
三、简答题
略
附 录
395
4.5 网站开发与应用实践教程
第 16 章 WCF 入门
第 17 章 配置和部署 网站
396
一、填空题
1..NET Framework 3.0 2.Host 3.地址 4.ServiceContract 5.IHttpHandler
略
第 14 章 Silverlight 入门
一、填空题
1.XAP 2.System.Windows.Windows.
UserControl 3.xmlns
思考与练习答案
4.System.Windows.Browser 5.HtmlPage.Document 6.System.Windows.Threading
二、选择题
1.A 2.C 3.B 4.B
393
394
4.5 网站开发与应用实践教程
5.D 6.D
三、简答题
略
第 9 章 进行数据库编程
一、填空题
1.DataSet 2.CreateCommand() 3.ExecuteNonQuery() 4.ParameterName 5.Read() 6.Fill()
二、选择题
1.A 2.C 3.D 4.C 5.A
三、简答题
略
第 12 章 高级技术应用
一、填空题
1.Eval() 2.SiteMapDataSource 3.RepeatColumns 4.AllowSorting
二、选择题
1.D
一、填空题
1.FileUpload 2.File 3.Extension 4.Exists
1.C 2.A 3.A 4.B 5.A 6.A
三、简答题
略
附 录
395
4.5 网站开发与应用实践教程
第 16 章 WCF 入门
第 17 章 配置和部署 网站
396
一、填空题
1..NET Framework 3.0 2.Host 3.地址 4.ServiceContract 5.IHttpHandler
略
第 14 章 Silverlight 入门
一、填空题
1.XAP 2.System.Windows.Windows.
UserControl 3.xmlns
思考与练习答案
4.System.Windows.Browser 5.HtmlPage.Document 6.System.Windows.Threading
二、选择题
1.A 2.C 3.B 4.B
393
394
4.5 网站开发与应用实践教程
5.D 6.D
三、简答题
略
第 9 章 进行数据库编程
一、填空题
1.DataSet 2.CreateCommand() 3.ExecuteNonQuery() 4.ParameterName 5.Read() 6.Fill()
二、选择题
1.A 2.C 3.D 4.C 5.A
三、简答题
略
第 12 章 高级技术应用
一、填空题
1.Eval() 2.SiteMapDataSource 3.RepeatColumns 4.AllowSorting
二、选择题
1.D
一、填空题
1.FileUpload 2.File 3.Extension 4.Exists
Web应用设计第3章 服务器控件的基本知识
6
3.1 服务器控件的基本知识
提供了两大类服务器控件:HTML服务器控件和 Web服务器控件。 HTML服务器控件与HTML标记一一对应,在每一个
HTML标记属性中添加runat=”server”属性就变成了 HTML服务器控件。 Web服务器控件不与HTML标记对应, 2.0提 供了丰富的Web服务器控件包括标准控件、验证控件、 导航控件、登录控件等类型。
第3章
服务器控件的基本 知识
本章内容
了解和使用各种服务器控件 深入体会服务器控件带来的软件编程思想 使用验证控件确保输入数据的正确性 使用导航控件方便地创建导航系统 使用用户控件减少代码提高程序的重用性
2
本章重点
2.0中的各种服务器控件 验证控件 导航控件 用户控件
3
本章学习目标
服务器处理事件
的某些服务控件会自动生成一部分客户端代码, 用来响应客户端的浏览器处理事件。为了减少事件处理过程 中的信息往返次数,如文本框中的文本以及下拉列表框、单 选按钮、复选按钮中的选项发生改变时,这种信息的改变并 不及时发送到服务器,而是先将事件的信息保存到客户端的 缓冲区中,等到下一次向服务器发送信息时,再和其它信息 一起发送到浏览器。
7
3.2 服务器控件的事件模型
ASP.ENT除了的页面事件以外,还有HTML事 件、服务器控件事件等。这些事件中,有的只能由服务器 处理,而在浏览器端发生的事件,有些可以由浏览器处理 也可以由服务器处理。因此也可以将这两种事件称为浏览 器处理事件和服务器处理事件。 浏览器处理事件 服务器处理事件
8
3.2 服务器控件的事件模型
浏览器处理事件
浏览器处理事件在客户端浏览器上触发,也由浏览器响应。 内置于浏览器的解释器会执行该事件的处理程序,不会将该 事件传至服务器,这样就可以减轻服务器的负担,处理效率 也会更高。
3.1 服务器控件的基本知识
提供了两大类服务器控件:HTML服务器控件和 Web服务器控件。 HTML服务器控件与HTML标记一一对应,在每一个
HTML标记属性中添加runat=”server”属性就变成了 HTML服务器控件。 Web服务器控件不与HTML标记对应, 2.0提 供了丰富的Web服务器控件包括标准控件、验证控件、 导航控件、登录控件等类型。
第3章
服务器控件的基本 知识
本章内容
了解和使用各种服务器控件 深入体会服务器控件带来的软件编程思想 使用验证控件确保输入数据的正确性 使用导航控件方便地创建导航系统 使用用户控件减少代码提高程序的重用性
2
本章重点
2.0中的各种服务器控件 验证控件 导航控件 用户控件
3
本章学习目标
服务器处理事件
的某些服务控件会自动生成一部分客户端代码, 用来响应客户端的浏览器处理事件。为了减少事件处理过程 中的信息往返次数,如文本框中的文本以及下拉列表框、单 选按钮、复选按钮中的选项发生改变时,这种信息的改变并 不及时发送到服务器,而是先将事件的信息保存到客户端的 缓冲区中,等到下一次向服务器发送信息时,再和其它信息 一起发送到浏览器。
7
3.2 服务器控件的事件模型
ASP.ENT除了的页面事件以外,还有HTML事 件、服务器控件事件等。这些事件中,有的只能由服务器 处理,而在浏览器端发生的事件,有些可以由浏览器处理 也可以由服务器处理。因此也可以将这两种事件称为浏览 器处理事件和服务器处理事件。 浏览器处理事件 服务器处理事件
8
3.2 服务器控件的事件模型
浏览器处理事件
浏览器处理事件在客户端浏览器上触发,也由浏览器响应。 内置于浏览器的解释器会执行该事件的处理程序,不会将该 事件传至服务器,这样就可以减轻服务器的负担,处理效率 也会更高。
第3章 Web窗体与服务器控件(10)
3
教程(C#版)
第三章 Web窗体与服务器控件
授课提纲:
一、 2.0登录控件功能演示 二、 2.0登录控件介绍 三、登录控件综合实例
5
教程(C#版)
一、 2.0登录控件功能演示
1、 2.0登录控件基本功能特点
2.0提供的一套登录控件几乎不需要写代 码就能实现一个相对完备的用户登录验证功能。
(2)操作提示
测试角色(三种) 未登录用户:匿名帐户
登录来宾用户:guest1
角色成员用户:member1 操作步骤(P192-195) (1)-(4)用户、角色和权限设置管理——菜单“网站” / “ASPNET配置” 。 (5)-(7)使用系统登录控件设计不同权限的5个访问页面。 (8)测试角色。
19
教程(C#版)
小结
本讲介绍 2.0登录控件。在给大家 演示了 2.0登录控件的一个综合示例后, 对 2.0七个登录控件逐一介绍,最后说 明角色登录应用。概括起来应把握以下几点: 1、学会常用的登录用户控件创建和使用 2、分清七个 2.0登录控件的功用,灵活 应用。
14
教程(C#版)
三、登录控件综合实例
2、Xml文档说明
(3)示例:描述书信息的xml文件mybook.xml
<?xml version="1.0" encoding="GB2312" standalone="no" ?> <!--这是有关书籍的XML文档--> <!DOCTYPE mybooklist SYSTEM "mybooklist.dtd"> <mybook> <title>20程序设计案例教程</title> <author age=“40”>马瑞新</author> <chapter>第1章 20基础 <section>1.1 静态网页与动态网页</section> <section>1.2 网页工作原理</section> </chapter> <chapter>第2章 内置对象 <section>2.1 页面传值对象</section> <section>2.2 获取客户端数据</section> </chapter> </mybook>
教程(C#版)
第三章 Web窗体与服务器控件
授课提纲:
一、 2.0登录控件功能演示 二、 2.0登录控件介绍 三、登录控件综合实例
5
教程(C#版)
一、 2.0登录控件功能演示
1、 2.0登录控件基本功能特点
2.0提供的一套登录控件几乎不需要写代 码就能实现一个相对完备的用户登录验证功能。
(2)操作提示
测试角色(三种) 未登录用户:匿名帐户
登录来宾用户:guest1
角色成员用户:member1 操作步骤(P192-195) (1)-(4)用户、角色和权限设置管理——菜单“网站” / “ASPNET配置” 。 (5)-(7)使用系统登录控件设计不同权限的5个访问页面。 (8)测试角色。
19
教程(C#版)
小结
本讲介绍 2.0登录控件。在给大家 演示了 2.0登录控件的一个综合示例后, 对 2.0七个登录控件逐一介绍,最后说 明角色登录应用。概括起来应把握以下几点: 1、学会常用的登录用户控件创建和使用 2、分清七个 2.0登录控件的功用,灵活 应用。
14
教程(C#版)
三、登录控件综合实例
2、Xml文档说明
(3)示例:描述书信息的xml文件mybook.xml
<?xml version="1.0" encoding="GB2312" standalone="no" ?> <!--这是有关书籍的XML文档--> <!DOCTYPE mybooklist SYSTEM "mybooklist.dtd"> <mybook> <title>20程序设计案例教程</title> <author age=“40”>马瑞新</author> <chapter>第1章 20基础 <section>1.1 静态网页与动态网页</section> <section>1.2 网页工作原理</section> </chapter> <chapter>第2章 内置对象 <section>2.1 页面传值对象</section> <section>2.2 获取客户端数据</section> </chapter> </mybook>
ASPNET开发与应用教程第三章 服务器控件
3.4 用户自定义控件
• 用户自定义控件的引入是为了重用html代 码。通过设置用户自定义控件的属性来对 html代码进行控制,从而更好的实现代码 复用。基本用户自定义控件的使用方法与 aspx页面相同,但是用户自定义控件不可 以通过url来访问,只能在页面或者其它用 户控件中访问。
• 主要用于验证被验证控件的输入数据是否 符合一定的模式,如通常在注册表单中要 求输入正确的身份证号码或电子邮件格式 ,此时即可使用该控件来完成验证。
3.3.4比较验证控件
• 比较验证控件通常可用于比较两个控件中 输入的数据,如表单注册中常见的“输入 密码”与“再次输入密码”,也可将一个 控件中输入的数据和一个固定值进行比较 ,或者还可以比较一个控件中输入数据的 格式。
第三章
服务器控件
3.1服务器控件概述
• • • •
HTML控件 HTML服务器控件 web服务器控件 web用户控件
2
3.2标准服务器控件
• TextBox控件 • Label控件 • Button控件
3
• HyperLink控件 • LinkButton控件
4
• Image控件 • ImageButton控件 • ImageMap控件
5
• ListBox控件 • DropDownList控件
• RadioButton控件 • RadioButtonList控件
7
• CheckBox控件 • CheckBoxList控件
8
• Table控件• • • • • 必需项验证控件 范围验证控件 正则表达式验证控件 比较验证控件 自定义验证控件 摘要验证控件
10
3.3.1必需项验证控件
• 必需项验证控件通常用于一些表单元素的 验证,比如在登录或注册时使用的用户名 一般不允许为空,这时可以使用该控件完 成验证。
基于ASPNET的Web应用开发单元3web服务器控件(2)
(3)分别设置两个控件的GroupName为sex
浏览页面,观察结果
二、基本知识与技能—服务器控件
13. RadioButtonList控件 作用:用来在页面上生成一组单选按钮
属性名称 Items RepeatDirection 说明 获取设置列表项的集合 控件是垂直显示还是水平显示
RepeatColumn
2.DropDownList控件的事件:与AutoPostBack属性结合使用
实例4:将在DropDownList控件中选择的内容填充到文本框中。 (1)页面设计:在页面添加一个DropDownList控件和一个TextBox控件 (2)编写代码 protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { TextBox1.Text = DropDownList1.SelectedValue; } (3)直接运行,观察结果 (4)将AutoPostBack属性设为true,再运行观察结果(注意观察浏览器 的状态栏) 练习2:为学校的首页加上友情链接,添加几个友情院校的名称 ,然后可以通过选择学校的名称,链接到所选学校网站的首页。
二、基本知识与技能—服务器控件
9. ListBox服务器控件 和DropDownList控件使用基本类似,只是ListBox允 许选择多项(按Ctrl键或Shift键)
属性名称 说明
Rows
Selection, Muliple 可选择多项
练习3 :对照DropDownList的操作给ListBox绑定数据并取值。
CheckedChanged
CheckBox被选中时
实例5:利用CheckBox控件实现爱好的选择。
ASP.NET 4.5基础教程(C#2012篇)第3章ASP.NET服务器控件(48页)
将信息转换成代码中的方法调用 ,事件消息与特定方法之间的绑定是
通过事件委托来实现的 。在页面中 , 如果控件是以声明的方
把页一
t n的控,件 C就li 事需件要绑
为对Bu委tt c
方码法。, 代 码 如 下 :
<asp:button id= ”Button1” runat=”server” text=”按钮 ” onclick=” Buttonclick”/>
二、Web控件类
1、基本属性
(3)颜色
在.NET框架中 ,命名空间System.Drawing提供了一个Color对象 ,使用该对象可 以设置控件的颜色属性 。创建颜色对象的方式有如下几种: • 使用ARGB(alpha ,red ,green ,blue)颜色值:可以为每个值指定一个从0
到255的整数 。其中alpha表示颜色的透明度 , 当alpha的值为255时表明完 全不透明;red表示红色 , 当red的值为255时表示颜色为纯红色; green表 示绿色 , 当green 的值为255时表示颜色为纯绿色;blue表示蓝色 , 当blue 的值为255时表示颜色为纯蓝色。 • 使用颜色的枚举值 ,可供挑选的颜色名有140个。 • 使用HTML颜色名 ,可以使用类ColorTranslator把字符串转换成颜色值。
示例 : int alpha = 255,red = 0;green = 255,blue = 0;
textBox1.BackColor = Color.FromArgb(alpha,red,green,blue) ; textBox1.BackColor = Color.Red ; textBox1 . BackColor = ColorTranslator. FromHtml( “ Blue ” ) ;
ASPNET简明教程 第3章 HTML控件和Web服务器控件
例子
Label控件
• Label控件主要用于文本的显示,几乎在前面的每个
例子中都使用了label控件。 • Label控件的写法是: –<asp:label options1>text</asp:label> –或者 –<asp:label options2/> • 这个控件的所有属性都写在上面两种方法的options1 或options2之中。options1和options2的惟一区别是: options1中不包含text属性,因为这个属性的值可以 写在后面的text所在的位置;而options2中可以包含 text属性。
• HTML表单
– HTML表单是用<form>标记定义的。这个标记是
一个容器控件,它不显示任何信息,只表示在 <form>标记和</form>标记之间定义的控件中输 入的数据是可以返回到Web服务器中相应的程序 进行处理的。如果不定义表单,就不能实现用户 输入数据的提交。
Web表单
• Web表单通常用下面的方式表示:
例子
DropDownList控件
• DropDownList 是一个可以用下拉框方式显示选项的
控件。 • DropDownList控件的写法如下: – <asp:dropdownlist options1> – <asp:listitem options2/> – …… – </asp:dropdownlist> • 其中 options1 所在的位置就是写 DropDownList 控件 的属性和事件的位置,而每个控件条目的属性则写 在options2所在的位置。
例子
例子
RadioButtonList控件
(ASP[1].net课件)第三章_Web_服务器控件
3
使用内置服务器控件
利用内置的服务器控件加速开发过程。
Web服务器控件的事件处理
Web服务 器控件的事件模型
了解事件模型,如何触发和 响应事件。
事件处理程序的定 义
学习如何定义和实现事件处 理程序。
事件处理程序的绑 定
掌握将事件处理程序与Web 服务器控件绑定的方法。
Web服务器控件的常见属性
共享属性和事件
特定于某一控件的属性和事件
深入了解常见的共享属性和事件,如何使用它们。 了解每个控件独有的属性和事件,如何定制控件。
Web服务器控件的高级特性
控件的控制台
探索使用控制台扩展Web 服务器控件功能。
控件模板
了解如何使用控件模板创 建自定义布局。
控件的皮肤和外观
学习如何为控件应用个性 化的皮肤和外观。
总结
1
Web服务器控件的优势
总结Web服务器控件相对于其他技术的优点。
2
掌握Web服务器控。
3
Web服务器控件的应用实例
深入研究Web服务器控件的实际应用示例。
了解什么是Web服务器控件及其作用。
Web服务器控件的特点
探索Web服务器控件相比其他技术的优势。
Web服务器控件的分类
了解各种类型的Web服务器控件。
Web服务器控件的使用
1
服务器控件的特点
了解使用服务器控件的优点。
2
使用基础控件
掌握使用基础控件创建交互性的Web应用程序。
(ASP[1].net课件)第三章 _Web_服务器控件
在本章中,我们将深入研究Web服务器控件。了解其定义、特点和分类,掌 握使用方法、事件处理和常见属性,以及高级特性如控制台、模板、皮肤和 外观。我们将分享应用实例,并总结Web服务器控件的优势和应用方法。
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第 3 章 Web 服务器控件
控件是一种具有特殊作用的对象,在 中,一切都由对象组成。Web 页面就 是一个对象的容器,而控件是 Web 页面的元素之一。常见的控件有按钮、复选框、下拉 框、图片等,直接在页面中展示给用户。 了解这些控件的属性、方法和事件对以后的学习尤其重要。本章详细介绍服务器控 件的类型、共有属性及控件和页面的综合应用。 本章学习要点: “ “ “ “ “ “ “ “ 了解服务器控件的特点 理解服务器控件的公共属性 掌握文本控件的使用 掌握按钮控件的使用 掌握复选框的使用 掌握列表控件的使用 掌握容器控件的使用 掌握控件与页面的结合
3.1.3 32
服务器控件公共属性
服务器控件有多种类型,但这些控件有着它们共同的特点和属性。每一个 Web 服务器控件都有一个<asp:>的前缀,该前缀表示此控件为 Web 服务器控件。其语法 格式如下。
<asp:Control id="name" runat="server" />
31
4.5 网站开发与应用实践教程 4.导航控件 导航控件与网站用户的关系,相当于导游和旅行者的关系。导航控件能够将大型的 网站系统结构化,列出网页之间的逻辑关系,使用和能够方便快捷地找到所需的页面进 行访问。导航控件通常和站点地图等列举页面逻辑的文件结合使用,在第 6 章中将详细 介绍。 5.登录控件 用户登录通常需要输入用户名、 密码, 并由网站对用户名和密码的合法性进行验证, 在验证无误的情况下提交信息。 由于登录功能是网站的常用功能,因此 将登录常用的控件定义为一个组 合,可直接从工具箱拉入页面使用。 登录控件通常包含【用户名】文本框、 【密码】文本框等关于登录的常见控件。登录 控件的使用减轻了开发人员的工作。
Web 服务器控件 HTML 控件,并且自动调整成适合浏览器的输出。服务器控件支持数据绑定技术,可以 和数据源进行连接,用来显示或修改数据源数据。其优点如下所示。 (1)使制造商和开发人员能够生成容易的工具或者自动生成用户的应用程序接口。 (2)简化创建交互式 Web 窗体的过程。 将服务器控件添加到 Web 窗体中非常简单,最常用的方法有三种,如下所示。 (1)从工具箱中拖动控件到窗体上或直接双击控件进行添加。 (2)在资源视图中,直接添加控件的声明代码。 (3)以编程方式动态创建 Web 服务器控件。
上述语法中,id 表示控件的唯一标识,runat 属性指示该控件为服务器控件,这两个 属性的含义与 HTML 控件中相应的属性的含义一致。 例如, 下面的代码表示在 页面中添加一个 Label 控件。
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
第 3 章
注 意
所有的 控件必须定义在.aspx( 页面文件)文件中,如果是采用代码 隐藏技术设计的程序,其事件程序一般定义在代码文件(如.cs 或.vb)中。
3.1.2
ห้องสมุดไป่ตู้
服务器控件分类
服务器控件种类繁多,根据控件所实现的作用可将控件分为标准控件、数据控件、 验证控件、导航控件和登录控件,对其介绍如下。 1.标准控件 标准控件是所有控件中最为常用的,有按钮控件、文本控件、复选框控件和容器控 件等。而仅文本相关的控件就有文本输入框、文本显示标签和链接文本等控件。根据控 件的样式可以将标准控件分为文本控件、按钮控件、选择控件、列表控件和容器控件。 2.数据控件 数据控件主要用于数据的处理,包括数据的绑定和显示。 页面中的数据通 常是动态数据,需要不断变化。这些数据被存放在数据源文件中,数据显示控件在绑定 了数据源之后,所显示的数据会随着数据源数据的变化而变化。 页面通常与数据库结合, 除此之外, 数据控件也可以操作数据源中的数据。 以数据库作为数据源来存储数据。数据控件的使用将在第 10 章中介绍。 3.验证控件 网站通常是需要与用户“交流”的,如用户在登录时需要提供用户名和密码、在查 询时需要提供查询关键字、在注册的时候需要提交基本信息等。 用户与网站之间的“交流”表现在信息的输入输出方面,但是在大多情况下,网站 对用户的输入格式会有限制, 如用户注册时的邮箱地址不合法, 将直接影响用户的注册。 为了确保用户输入的格式符合网站需求,服务器控件中提供了验证控件对用户的输入进 行验证,只有通过了验证的输入才能被网站接收处理。 验证控件通常与输入文本框进行绑定,以验证用户的输入是否有效。验证控件将在 第 8 章中介绍。
3.1
服务器控件基础
HTML 中也有控件的概念,并实现指定的应用。但服务器控件拥有更好的数据处理 方法和响应事件,实现更为复杂的功能。本节介绍服务器控件的基础知识,包括服务器 控件概述、分类和公共属性等。
3.1.1
服务器控件概述
服务器控件是需要在服务器端响应的控件。与 HTML 控件相比,服务器控件有着更 为便利的处理数据的方法和与用户交互的响应事件。 例如,服务器控件又有数据的回送功能,在页面刷新或关闭时回送数据,以确保重 要的数据被记录下来。除此之外,服务器控件还有以下几个特点。 (1)服务器控件可以触发服务器控件特有的事件。 (2)输入到服务器控件中的数据在请求之间可以维护(即具有状态管理功能) 。 (3)服务器控件可以自动检测浏览器并调整到恰当的显示。 (4)每个服务器控件都具有一组属性,可以在服务器端的代码中更改控件的外观和 行为。 服务器控件可以自动检测客户端浏览器的类型,产生一个或者多个适当的
中的服务器控件继承自 System.Web.UI.WebControls 类, 该类提供了大多数 Web 服务器控件的公共属性、方法和事件。如表 3-1 所示对服务器控件的最常用的一些 属性进行了说明。
表 3-1
服务器控件的常用属性 说明 获取或设置快速导航到控件的快捷键,可以指定这个属性的内容为数字或者是 英文字母 设置对象的背景颜色,其属性的值可以是颜色名称,也可以是#RRGGBB 格式 获取或设置一个值,该值指示是否启用 Web 服务器控件 指定控件是否可见 小提示。 在设置该属性时, 当使用者停留在 Web 控件上时就会出现提示的文字 所有控件的唯一标识列 获取或设置当前登录尝试失败时显示的文本
控件是一种具有特殊作用的对象,在 中,一切都由对象组成。Web 页面就 是一个对象的容器,而控件是 Web 页面的元素之一。常见的控件有按钮、复选框、下拉 框、图片等,直接在页面中展示给用户。 了解这些控件的属性、方法和事件对以后的学习尤其重要。本章详细介绍服务器控 件的类型、共有属性及控件和页面的综合应用。 本章学习要点: “ “ “ “ “ “ “ “ 了解服务器控件的特点 理解服务器控件的公共属性 掌握文本控件的使用 掌握按钮控件的使用 掌握复选框的使用 掌握列表控件的使用 掌握容器控件的使用 掌握控件与页面的结合
3.1.3 32
服务器控件公共属性
服务器控件有多种类型,但这些控件有着它们共同的特点和属性。每一个 Web 服务器控件都有一个<asp:>的前缀,该前缀表示此控件为 Web 服务器控件。其语法 格式如下。
<asp:Control id="name" runat="server" />
31
4.5 网站开发与应用实践教程 4.导航控件 导航控件与网站用户的关系,相当于导游和旅行者的关系。导航控件能够将大型的 网站系统结构化,列出网页之间的逻辑关系,使用和能够方便快捷地找到所需的页面进 行访问。导航控件通常和站点地图等列举页面逻辑的文件结合使用,在第 6 章中将详细 介绍。 5.登录控件 用户登录通常需要输入用户名、 密码, 并由网站对用户名和密码的合法性进行验证, 在验证无误的情况下提交信息。 由于登录功能是网站的常用功能,因此 将登录常用的控件定义为一个组 合,可直接从工具箱拉入页面使用。 登录控件通常包含【用户名】文本框、 【密码】文本框等关于登录的常见控件。登录 控件的使用减轻了开发人员的工作。
Web 服务器控件 HTML 控件,并且自动调整成适合浏览器的输出。服务器控件支持数据绑定技术,可以 和数据源进行连接,用来显示或修改数据源数据。其优点如下所示。 (1)使制造商和开发人员能够生成容易的工具或者自动生成用户的应用程序接口。 (2)简化创建交互式 Web 窗体的过程。 将服务器控件添加到 Web 窗体中非常简单,最常用的方法有三种,如下所示。 (1)从工具箱中拖动控件到窗体上或直接双击控件进行添加。 (2)在资源视图中,直接添加控件的声明代码。 (3)以编程方式动态创建 Web 服务器控件。
上述语法中,id 表示控件的唯一标识,runat 属性指示该控件为服务器控件,这两个 属性的含义与 HTML 控件中相应的属性的含义一致。 例如, 下面的代码表示在 页面中添加一个 Label 控件。
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
第 3 章
注 意
所有的 控件必须定义在.aspx( 页面文件)文件中,如果是采用代码 隐藏技术设计的程序,其事件程序一般定义在代码文件(如.cs 或.vb)中。
3.1.2
ห้องสมุดไป่ตู้
服务器控件分类
服务器控件种类繁多,根据控件所实现的作用可将控件分为标准控件、数据控件、 验证控件、导航控件和登录控件,对其介绍如下。 1.标准控件 标准控件是所有控件中最为常用的,有按钮控件、文本控件、复选框控件和容器控 件等。而仅文本相关的控件就有文本输入框、文本显示标签和链接文本等控件。根据控 件的样式可以将标准控件分为文本控件、按钮控件、选择控件、列表控件和容器控件。 2.数据控件 数据控件主要用于数据的处理,包括数据的绑定和显示。 页面中的数据通 常是动态数据,需要不断变化。这些数据被存放在数据源文件中,数据显示控件在绑定 了数据源之后,所显示的数据会随着数据源数据的变化而变化。 页面通常与数据库结合, 除此之外, 数据控件也可以操作数据源中的数据。 以数据库作为数据源来存储数据。数据控件的使用将在第 10 章中介绍。 3.验证控件 网站通常是需要与用户“交流”的,如用户在登录时需要提供用户名和密码、在查 询时需要提供查询关键字、在注册的时候需要提交基本信息等。 用户与网站之间的“交流”表现在信息的输入输出方面,但是在大多情况下,网站 对用户的输入格式会有限制, 如用户注册时的邮箱地址不合法, 将直接影响用户的注册。 为了确保用户输入的格式符合网站需求,服务器控件中提供了验证控件对用户的输入进 行验证,只有通过了验证的输入才能被网站接收处理。 验证控件通常与输入文本框进行绑定,以验证用户的输入是否有效。验证控件将在 第 8 章中介绍。
3.1
服务器控件基础
HTML 中也有控件的概念,并实现指定的应用。但服务器控件拥有更好的数据处理 方法和响应事件,实现更为复杂的功能。本节介绍服务器控件的基础知识,包括服务器 控件概述、分类和公共属性等。
3.1.1
服务器控件概述
服务器控件是需要在服务器端响应的控件。与 HTML 控件相比,服务器控件有着更 为便利的处理数据的方法和与用户交互的响应事件。 例如,服务器控件又有数据的回送功能,在页面刷新或关闭时回送数据,以确保重 要的数据被记录下来。除此之外,服务器控件还有以下几个特点。 (1)服务器控件可以触发服务器控件特有的事件。 (2)输入到服务器控件中的数据在请求之间可以维护(即具有状态管理功能) 。 (3)服务器控件可以自动检测浏览器并调整到恰当的显示。 (4)每个服务器控件都具有一组属性,可以在服务器端的代码中更改控件的外观和 行为。 服务器控件可以自动检测客户端浏览器的类型,产生一个或者多个适当的
中的服务器控件继承自 System.Web.UI.WebControls 类, 该类提供了大多数 Web 服务器控件的公共属性、方法和事件。如表 3-1 所示对服务器控件的最常用的一些 属性进行了说明。
表 3-1
服务器控件的常用属性 说明 获取或设置快速导航到控件的快捷键,可以指定这个属性的内容为数字或者是 英文字母 设置对象的背景颜色,其属性的值可以是颜色名称,也可以是#RRGGBB 格式 获取或设置一个值,该值指示是否启用 Web 服务器控件 指定控件是否可见 小提示。 在设置该属性时, 当使用者停留在 Web 控件上时就会出现提示的文字 所有控件的唯一标识列 获取或设置当前登录尝试失败时显示的文本