《ASP.NET 2.0程序设计教程 教学课件 ppt_ 第3章 ASP.NET控件 》由会员分享，可在线阅读，更多相关《ASP.NET 2.0程序设计教程 教学课件 ppt_ 第3章 ASP.NET控件 （81页珍藏版）》请在金锄头文库上搜索。
1、课件制作人：房大伟,第 3 章 ASP.NET控件,【学习目标】,服务器控件在ASP.NET框架中起着举足轻重的作用，是构建Web应用程序最关键、最重要的组成元素。对于一个优秀的程序员来说，掌握服务器控件的基础知识是非常重要的。通过学习本章内容，读者可以达到以下学习目的。 了解HTML服务器控件和Web服务器控件。 掌握常用服务器控件的知识与实例应用。 学习ASP.NET中的登录控件的应用。 掌握最普通的登录方式。,课件制作人：房大伟,【学习导航】,本章首先对ASP.NET控件进行概述，分别从HTML服务器控件和Web服务器控件两方面进行介绍，然后系统详细地介绍几个常用的Web服务器控件及其典
2、型的应用，最后通过对登录控件的学习来编写最普通的登录方式。本章内容在本书中的位置如图所示。,课件制作人：房大伟,【知识框架】,本章学习内容知识框架如图3-2所示。,课件制作人：房大伟,本章目录,3.1 ASP.NET控件概述 3.2 常用的ASP.NET服务器控件 3.3 登录控件 3.4 最普通的登录方式 3.5 课后习题,课件制作人：房大伟,3.1 ASP.NET控件概述,3.1.1 HTML服务器控件 3.1.2 Web服务器控件,课件制作人：房大伟,3.1.1 HTML服务器控件,默认情况下，ASP.NET文件中的HTML元素作为文本进行处理，页面开发人员无法在服务器端访问文件中的HT
3、ML元素。要使这些元素可以被服务器端访问，必须将HTML元素作为服务器控件进行分析和处理。这可以通过为HTML元素添加runat=“server”属性来完成。服务器端通过HTML元素的ID属性引用该控件。 语法格式如下。 ,课件制作人：房大伟,3.1.1 HTML服务器控件,例如：使用HTML服务器端控件创建一个简单的Web应用程序，单击“Red”按钮将Web页的背景改为红色。程序代码如下。 HTML服务器控件 function btnRed_onclick() form1.style.backgroundColor =“Red“; 运行效果如右图所示。,课件制作人：房大伟,3.1.1 HTM
4、L服务器控件,Web窗体的HTML控件与Web控件之间存在着以下差异。 声明的方式不同。 HTML控件中按钮控件支持的事件处理程序的属性名称为 onServerClick，而不是Button_Click。 HTML控件的值使用Value属性，而不是Text属性。 很多HTML控件都拥有InnerText属性，它们使用该属性来输出，而不像Web控件那样使用Text属性输出。 提示： HTML服务器控件必须位于具有runat=“server“属性的标记中。一个服务器端ID属性可展开成为一对HTML属性：Name和ID。这样做是因为浏览器的兼容性。但这决不意味着Name和ID在服务器上可以交替用来命
5、名控件的服务器实例名称。服务器控件实例的名称是由ID给出的。如果同时规定一个服务器标签的Name和ID，那么赋给Name的值将被自动重写。,课件制作人：房大伟,3.1.2 Web服务器控件,ASP.NET服务器控件比HTML服务器控件具有更多内置功能。Web服务器控件不仅包括窗体控件（例如按钮和文本框），而且还包括特殊用途的控件（例如日历、菜单和树视图控件）。Web服务器控件与HTML服务器控件相比更为抽象，因为其对象模型不一定反映HTML语法。 语法格式如下。 ,课件制作人：房大伟,3.1.2 Web服务器控件,举个示例，例如：使用服务器端控件的语法添加控件。程序代码如下。 服务器端控件 /
6、在页面初始化时显示按钮控件的文本 protected void Page_Load(object sender, EventArgs e) Response.Write(this.btnTest.Text); Web服务器控件举例的运行结果如图3-4所示。,课件制作人：房大伟,3.2 常用的ASP.NET服务器控件,3.2.1 文本框控件TextBox 3.2.2 按钮控件Button 3.2.3 单选按钮控件RadioButton 3.2.4 链接按钮控件LinkButton 3.2.5 列表框控件ListBox 3.2.6 复选框控件CheckBox 3.2.7 图像控件Image,课件制
7、作人：房大伟,3.2.1 文本框控件TextBox,1TextBox控件的概述 TextBox控件又称文本框控件，主要作用是为用户提供输入文本的区域。在程序开发中它是比较常用的服务器控件，应用程序利用TextBox控件使用户能够输入字符串。TextBox控件可以屏蔽密码的输入（如果用户的设备支持此行为），也可以通过设置其属性值，使其成为只读控件。图3-5所示为TextBox控件。TextBox控件的常用属性及说明如表3-1所示。,课件制作人：房大伟,3.2.1 文本框控件TextBox,下面主要介绍TextMode属性。TextMode属性主要用于控制TextBox控件的文本显示方式，该属性的
8、设置选项有以下3种。 单行（SingleLine）：用户只能在一行中输入信息，可以限制控件接收的字符数。 多行（MultiLine）：文本很长时，允许用户输入多行文本并执行换行。 密码（Password）：将用户输入的字符用黑点屏蔽，以隐藏这些信息。 例如：在验证用户登录密码时，可以将TextBox控件的TextMode属性设置为“Password”。在填写备注时，文字可能会很多，此时可将TextBox控件的TextMode属性设置为“MultiLine”。这两种应用的效果如图3-6所示。,课件制作人：房大伟,3.2.1 文本框控件TextBox,2使用TextBox制作用户注册界面 下面的实
9、例主要通过设置TextBox控件的TextMode属性值制作用户注册界面。执行程序，并在TextBox控件中输入文字，实例运行结果如图3-7所示。,课件制作人：房大伟,3.2.1 文本框控件TextBox,程序实现的主要步骤如下。 新建一个网站，默认主页为“Default.aspx”。在Default.aspx页面上添加6个TextBox控件，它们的属性设置如表3-2所示。,课件制作人：房大伟,3.2.2 按钮控件Button,1Button控件的概述 Button控件可以分为提交按钮控件和命令按钮控件。提交按钮控件只是将Web页面回送到服务器，默认情况下，Button控件为提交按钮控件；而命
10、令按钮控件一般包含与控件相关联的命令，用于处理控件命令事件。图3-8所示为Button控件。 （1）Button控件常用属性 Button控件的常用属性及说明如表3-3所示。,课件制作人：房大伟,3.2.2 按钮控件Button,这里主要介绍Button控件的CausesValidation、OnClientClick和PostBackUrl属性的设置。 CausesValidation属性 CausesValidation属性主要用来确定该控件是否导致激发验证。例如，用户在注册时会添加多个验证控件，但在单击“重置”按钮时，并不需要触发验证控件的激发验证，此时就可以将“重置”按钮的Causes
11、Validation属性设置为False，以防止在单击该按钮时导致控件的激发验证。 OnClientClick属性 OnClientClick属性是在客户端上执行的客户端脚本。例如，可以在属性窗口上，设置Button控件的OnClientClick属性值为“window.external.addFavorite(http:/www.mingribook. com,吉林省明日科技)”，当运行程序时，单击该按钮将会打开一个“添加到收藏夹”窗口，收藏本网站。 PostBackUrl属性 PostBackUrl属性用于获取或设置单击Button控件时从当前页发送到的网页的URL。例如，可以在属性窗口上
12、，设置Button控件的PostBackUrl属性值为“NewWebPage.aspx”，当运行程序时，单击该按钮将会跳转到新页面（NewWebPage.aspx）中。 （2）Button控件常用事件 Button控件常用的事件是Click事件，该事件是在双击Button控件时引发的事件。,课件制作人：房大伟,3.2.2 按钮控件Button,2单击Button按钮弹出消息对话框 下面的实例实现的主要功能是单击Button按钮，弹出一个消息对话框。执行程序，实例运行结果如图3-9所示。当单击“点击me”按钮时，将会弹出消息对话框，如图3-10所示。,课件制作人：房大伟,3.2.2 按钮控件Bu
13、tton,该程序实现的主要步骤如下。 （1）新建一个网站，默认主页为“Default.aspx”，在Default.aspx页面上添加一个Button控件，Button控件的属性设置如表3-4所示。,（2）在属性窗口中单击 图标，找到Click事件并双击该事件，进入后台编码区。Button控件的Click事件要实现的是弹出一个显示“Hello World!”的消息对话框，编写如下代码。 protected void Button1_Click(object sender, EventArgs e) Response.Write(“alert(Hello World！)“); ,课件制作人：房大
14、伟,3.2.3 单选按钮控件RadioButton,1RadioButton控件的概述 RadioButton控件是一种单选按钮控件，用户可以在页面中添加一组RadioButton控件，通过为所有的单选按钮分配相同的GroupName（组名），来强制执行从给出的所有选项集中仅选择一个选项。图3-11所示为RadioButton控件。 （1）RadioButton控件常用属性 RadioButton控件的常用属性及说明如表3-5所示。,课件制作人：房大伟,根据上面给出的表，下面将详细介绍RadioButton控件的一些重要属性。 GroupName属性 可使用GroupName属性指定一组单选按
15、钮，以创建一组互相排斥的控件。如果用户在页面中添加了一组RadioButton控件，可以将所有单选按钮的GroupName属性值设为同一个值，来强制执行在给出的所有选项集中仅有一个处于被选中状态。 Checked属性 如果RadioButton控件被选中，则RadioButton控件的Checked属性值为True，否则为False。 TextAlign属性 RadioButton控件可以通过Text属性指定要在控件中显示的文本。当RadioButton控件的TextAlign属性值为Left时，文本显示在单选按钮的左侧；当RadioButton控件的TextAlign属性值为Right时，文
16、本显示在单选按钮的右侧。 （2）另外，介绍下RadioButton控件常用的事件 RadioButton控件常用的事件是CheckedChanged，当RadioButton控件的选中状态发生改变时引发该事件。,3.2.3 单选按钮控件RadioButton,课件制作人：房大伟,2使用RadioButton控件模拟考试系统中的单选题 在模拟考试系统中的单选题中通过设置RadioButton控件的GroupName属性值，并利用RadioButton控件的CheckedChanged事件，将用户选择的答案显示出来。执行程序并选择答案“D”，实例运行结果如图3-12所示。单击“提交”按钮，将会弹出图3-13所示的提示对话框。,3.2.3 单选按钮控件RadioButton,课件制作人：房大伟,该程序实现的主要步骤如下。 新建一
