Web控件使用北京电大密云分校.ppt

第四章 Web控件使用 学习内容 从本章开始，将介绍用ASP.NET开发Web数据库应用的一些常用控件。 控件本质上是具有图形接口的组件，它能提供组件所提供的功能并提供用户交互。本章主要介绍HTML服务器控件、Web服务器控件、Web服务器验证控件和服务器控件绑定。 学习目标 了解：Web控件的基本概念和分类； 了解：主要的服务器验证控件； 应用：能够创建简单的Web控件； 应用：能够将Web控件添加到Web窗体。 一、Web服务器控件 ASP.NET服务器控件是在服务器端运行并封装用户界面及其他相关功能的组件，主要包括HTML服务器控件和Web服务器控件。这些控件在服务器端存在，并会在初始化时，根据客户端的浏览器版本，自动生成适合浏览器的HTML代码。 二、HTML控件 HTML是超文本链接标记语言英文缩写。我们平时所说的网页就由HTML组成。 网页上提供的输入框、选择框等，就是HTML控件。为了与HTML服务器控件区分，我们将这种控件称为传统的HTML控件。 传统的HTML控件只需经过简单的改变就可以成为HTML服务器控件，从而提供服务器控件的强大功能。 二、HTML控件 （一）从一个实例开始 案例4-1 简单的ASP.NET页 1、创建一个新项目 打开Visual Studio.NET，然后，新建一个项目，项目类型选择[Visual]Basic项目]，模板选择[ASP.NET Web应用程序]。 2、添加代码 在打开该项目后，选择WebForm1.aspx的HTML视图。输入如下代码： 3、按[F5]运行 !doctype html public “-//w3c/dtd html 4.01 transitional//en” “/tr/html4/loose.dtd” script language=“vb” runat=“server” Private sub aspcn_onclick(byval sender as system.object,byval e as system.eventargs) If (page.ispostback) then label1.text=select1.value.tostring end if End sub /script html headmeta http-equiv=“content_type” content=“text/html;charset=gb2312” titleselect演示程序/title/head body form id=“form1” method=“post” runat=“server” p请选择您想购买的产品：/p pselect id=“select1” name=“select1” runat=“server” option selected《手机》/option option《黑客帝国》/option option《双雄》/option option《黑白森林》/option option《无间道》/option /select/p pasp:button text=“提交” onclick=“aspcn_onclick” runat=“server” id=“button2”/ p/pp/pp/p p您选取的是： asp:label id=“label1” runat=“server” width=“96px” text=“暂无”/asp:label/p /form /body /html 二、HTML控件 在该实例中，主要操作的是aspcn_onclick子程序，而这个程序是由名为button2的button控件激发的。程序的主要作用，就是通过label1.text=select1.value.tostring将我们在select1中选择的选项值赋给label控件label1。 二、HTML控件 （二）HTML服务器控件的概念 HTML服务器控件是HTML元素，这些元素包含使其自身在服务器上可见并可编程的属性。任意HTML元素都可以通过添加RUNAT=“SERVER”属性转换为H