河南经贸职业学院：《ASP.NET动态网站开发》课程教学资源（PPT课件）第五讲 基本Web服务器控件的应用计（张凡）

第五讲基本Web服务器控件的 应用

第五讲 基本Web服务器控件的 应用

教学内容 ASP.NET控件概述 二、 Label、 TextBox、 Button控件 三、登录页面设计 四、注册页面设计 教学目标 、了解ASP.NET控件的基本知识; 二、掌握 Label控件、 TextBox控件和 Button控件使用; 、掌握登录页面设计方法; 四、掌握注册页面设计方法

教学内容 一、 ASP.NET控件概述 二、Label、TextBox、Button控件 三、登录页面设计 四、注册页面设计 教学目标 一、了解ASP.NET控件的基本知识； 二、掌握Label控件、TextBox控件和Button控件使用； 三、掌握登录页面设计方法； 四、掌握注册页面设计方法

、ASP.NET控件概述 n在ASP.NET页面中,可以使用两种类型的控件: HTML控件和Web服务器窗体控件 (一)HM控件 HTML控件由HTML标签转化而来,主要用来在网 页上显示静态信息。由于提供了各种类型的HTM控 件,使用它们来展示信息就显得十分的方便,对于 文字、表格、图像等都有对应的控件可以选择 由于HTML控件由HTM标签转化而来,它作为客 户端项表现出来,因而不能为其编写服务器代码 然而也可以将HM控件作为服务器控件使用,这时 需要在其HTM标签内加上属性 runa t= server,就可 以为其编写程序代码

一、ASP.NET控件概述 ▪ 在ASP.NET页面中，可以使用两种类型的控件： HTML控件和Web服务器窗体控件。 ▪ (一)HTML控件 HTML控件由HTML标签转化而来，主要用来在网 页上显示静态信息。由于提供了各种类型的HTML控 件，使用它们来展示信息就显得十分的方便，对于 文字、表格、图像等都有对应的控件可以选择。 由于HTML控件由HTML标签转化而来，它作为客 户端项表现出来，因而不能为其编写服务器代码。 然而也可以将HTML控件作为服务器控件使用，这时 需要在其HTML标签内加上属性runat=server,就可 以为其编写程序代码了

注意: 所有的服务器控件都需要占用系统资源 若不需要为其编写服务器代码,就没有必 要将其转化为服务器控件。若已经转化了, 将其转换回来就是,方法是在页面的控件 上击右键,于弹出菜单上去掉“作为服务 器控件运行”的勾选,或者在其HTML标 记上去掉 runat=" server”属性

注意： 所有的服务器控件都需要占用系统资源， 若不需要为其编写服务器代码，就没有必 要将其转化为服务器控件。若已经转化了， 将其转换回来就是，方法是在页面的控件 上击右键，于弹出菜单上去掉“作为服务 器控件运行”的勾选，或者在其HTML标 记上去掉runat=”server”属性

HTML服务器控件具有以下几个重要特点: 可在服务器上使用面向对象技术对其进行编程控制, 这为编程开发提供了便利 提供了一组事件,可以为事件编写事件处理程序。 自动维护控件状态。在页面窗体到服务器端往返期间, 用户在HTML服务器控件中输入的值将在页面回传中 自动维护 与验证控件进行交互。便于验证用户是否在控件输入 适当的信息。 允许在HTML服务器控件中自定义属性。开发人员可 以将任何需要的属性添加到HTML服务器控件的属性 集中,页框架将读取并呈现它们而不更改其他任何功

▪ HTML服务器控件具有以下几个重要特点： ➢ 可在服务器上使用面向对象技术对其进行编程控制， 这为编程开发提供了便利。 ➢ 提供了一组事件，可以为事件编写事件处理程序。 ➢ 自动维护控件状态。在页面窗体到服务器端往返期间， 用户在HTML服务器控件中输入的值将在页面回传中 自动维护。 ➢ 与验证控件进行交互。便于验证用户是否在控件输入 了适当的信息。 ➢ 允许在HTML服务器控件中自定义属性。开发人员可 以将任何需要的属性添加到HTML服务器控件的属性 集中，页框架将读取并呈现它们而不更改其他任何功 能

工具箱的“HTML选项卡上提供多个基于HTML nput元素的控件: > Input(Tex)控件: input type="tex"元素 Input( Password)控件: input type=" password"元素 nput( Button)控件: input type="buon"元素 nput( Submit控件: input type=" submit"元素「 Input( Reset控件: input type="rese"元素 >nput( Checkbox)控件: input type=" checkbox"元素 Input(Rado)控件: input type="rado"元素 Input(File)控件: input type="fle"元素 Input( Hidden)控件: input type=" hidden"元素

▪ 工具箱的“HTML”选项卡上提供多个基于HTML input元素的控件： ➢ Input (Text) 控件：input type="text"元素 ➢ Input (Password) 控件：input type="password"元素 ➢ Input (Button) 控件：input type="button"元素 ➢ Input (Submit) 控件：input type="submit"元素 ➢ Input (Reset) 控件：input type="reset"元素 ➢ Input (Checkbox) 控件：input type="checkbox"元素 ➢ Input (Radio) 控件：input type="radio"元素 ➢ Input (File) 控件：input type="file"元素 ➢ Input (Hidden) 控件：input type="hidden"元素

关于HTM控件的几点说明: 一、HM控件的使用和同学们在学习DW时 的相关内容基本保持一致。 二、在使用M控件时要和HTM脚本语言的 标记和属性紧密的结合起来。 要注意在HM控件和服务器控件之间进 行合理选择

▪ 关于HTML控件的几点说明： 一、 HTML控件的使用和同学们在学习ＤＷ时 的相关内容基本保持一致。 二、 在使用HTML控件时要和HTML脚本语言的 标记和属性紧密的结合起来。 三、要注意在HTML控件和服务器控件之间进 行合理选择

(二)Web服务器控件 1、服务器控件的定义 在网页上经常会遇到填写注册信息一类 的界面,一般包括文本框、单选框、复选框、 下拉列表和按钮等基本元素,这些基本元素 就是控件。服务器控件是一种在服务器端完 成的控件,服务器端在处理完控件动作后, 再生成标准的HM文件发送给客户端。服务 器控件在页中使用包含属性 runat=" server" 声明性标记标识

(二) Web服务器控件 １、服务器控件的定义 在网页上经常会遇到填写注册信息一类 的界面，一般包括文本框、单选框、复选框、 下拉列表和按钮等基本元素，这些基本元素 就是控件。服务器控件是一种在服务器端完 成的控件，服务器端在处理完控件动作后， 再生成标准的HTML文件发送给客户端。服务 器控件在页中使用包含属性runat="server" 声明性标记标识

2、Web服务器控件 ■标准的Web服务器控件:包括最常用的控件, 这类控件在网页中占90%。主要是指传统 的Web窗体控件。 数据控件:这类控件用来链接数据源。该 类控件可细分为两种类型:数据源控件和 数据绑定控件 ■导航控件:与站点导航数据结合,实现站 点导航功能。 ■登录控件:为Web应用程序提供可靠完整的 登录解决方案

２、Web服务器控件 ▪ 标准的Web服务器控件：包括最常用的控件， 这类控件在网页中占90％。主要是指传统 的Web窗体控件。 ▪ 数据控件：这类控件用来链接数据源。该 类控件可细分为两种类型：数据源控件和 数据绑定控件。 ▪ 导航控件：与站点导航数据结合，实现站 点导航功能。 ▪ 登录控件：为Web应用程序提供可靠完整的 登录解决方案

3、服务器控件的创建 在设计视图中创建服务器控件 欢迎您的到来 在源视图中创建服务器控件 >Kasp: button ID=button runat=server >

３、服务器控件的创建 ▪ 在设计视图中创建服务器控件 ▪ 在源视图中创建服务器控件 ➢