Web程序设计-第6章 HTML控件和Web服务器控件.ppt

第6章 HTML控件和Web服务器控件 6.1 ASP.NET控件概述 6.1 ASP.NET控件概述 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.2 标准服务器端控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.3 数据验证控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 6.4 用户自定义控件 * 本章讲述的主要内容 6.1 ASP.NET控件概述 6.2 标准服务器端控件 6.3 数据验证控件 6.4 用户自定义控件 6.1.1 HTML控件 HTML控件在默认情况下属于客户端（浏览器）控件，服务器无法对其进行控制。HTML控件是从HTML标记衍生而来的，每个控件对应于一个或一组HTML标记。例如，前面我们经常使用的HTML表格控件，就是一个常用于页面布局工具的HTML控件，如果不使用工具箱中的控件，而直接在源视图中书写相应的HTML代码也可以得到相同的效果，但使用控件可以节省大量的代码书写时间，且使操作变成了可视化的方式。 HTML控件可以通过修改代码将其变成Web服务器端控件，几乎所有的HTML标记只要加上runat = server，这个服务器控件标识属性后都可以变成服务器端控件。这与普通HTML标记相比最大的区别在于，服务器端控件可以通过服务器端代码来控制。 6.1.2 服务器端控件 1. 服务器端控件的执行过程 当用户请求一个包含有Web服务器端控件的.aspx页面时，服务器首先对页面进行处理，将页面中包含的服务端控件及其他内容解释成标准的HTML代码，然后将处理结果以标准HTML的形式一次性发送给客户端。 2. ASP.NET页面的处理过程 当用户通过浏览器发出一个对ASP.NET页面的请求后，Web服务器将用户的请求交由ASP.NET引擎来处理。系统首先会检查在服务器缓存中是否有该页面，或此页面是否已被编译成了.dll文件（Dynamic Link Library，动态链接库）。若没有则将页面转换为源程序代码，然后由编译器将其编译成.dll文件，否则直接利用已编译过的.dll文件建立对象，并将执行结果返回到客户端浏览器。 6.2.1 ImageButton和HyperLink控件 ImageButton（图像按钮）、Image（图像）和HyperLink（超链接）控件都可以在控件中显示图片，且都具有超链接跳转的功能。 1. ImageButton控件 6.2.1 ImageButton和HyperLink控件 2. HyperLink控件 双击HyperLink（超链接）控件在工具箱中的图标，可将控件添加到当前页面光标所在位置。HyperLink控件与标签控件很相似，但该控件支持用户的单击事件，可以在控件中显示图片，可以指定超链接的目标框架等特有属性。 6.2.2 Image和ImageMap控件 Image控件和ImageMap控件都是用于图片显示的控件。 1. Image控件 6.2.2 Image和ImageMap控件 2. ImageMap控件 例6-1 利用ImageMap控件可以创建一个图像，该图像包含任意数目的，用户可以单击的区域，这些区域称为“作用点”。每一个作用点都可以是一个单独的超链接或回发事件。ImageMap控件与其他网页编辑工具（如Dreamware）提供的“热点地图”功能类似。 ImageMap控件主要由以下两个部分组成： 1) 显示于控件中的图像。它可是任何标准Web图形格式的图形，如*.gif、*.jpg 或*.png文件，该图像构成用户操作界面。 2) 隐藏在图像中的作用点集合。每个作用点控件都是一个不同的Web元素。对于每个作用点控件，需要定义其形状（圆形、矩形或多边形）以及用于指定作用点位置和大小的坐标。例如，如果创建一个圆形作用点，则应定义圆心的x、y坐标及圆的半径。 6.2.3 RadioButt