第7章服务器控件课件.ppt

2006-10 《计算机网络基础（第二版）》 杜煜 《计算机通信与网络》 第一章 计算机网络概论 本章主要内容 7.1 服务器控件概述 7.2 常用的HTML服务器控件 7.3 常用的Web服务器控件 7.4 验 证 控 件 7.5 用 户 控 件 7.6 在ASP.NET中使用JavaScript 7.1 服务器控件概述 （1）HTML服务器控件 （2）Web服务器控件 （3）验证控件 （4）数据控件 （5）导航控件 （6）登录控件 （7）WebParts控件 （8）ASP.NET AJAX控件 7.2 常用的HTML服务器控件 7.2.1 HTML普通控件与HTML元素的对应 传统的HTML元素不能被ASP.NET服务器端直接使用，但是通过将这些HTML元素的功能进行服务器端的封装，开发人员就可以在服务器端使用这些HTML元素。 7.2.2 把HTML普通控件转换成HTML服务器控件 在Visual Studio 2010集成开发环境中，选中HTML普通控件，右击鼠标，选择“作为服务器控件执行”命令，如图7-2所示。 7.2.3 使用HTML与Web服务器控件的场合 7.3 常用的Web服务器控件 7.3.1 TextBox控件 TextBox控件通常用来接收用户的输入信息，如文本、数字和日期等。默认情况下，TextBox控件是一个单行的文本框，只能输入一行内容。但可以通过修改控件属性，将文本框改为允许输入多行文本或密码形式。 TextBox控件实例 该实例通过设置TextBox控件的TextMode属性来实现该控件的3种文本显示效果。 具体实现请参考源代码下ch7_3网站中的TextBox.aspx文件 7.3.2 HyperLink控件 HyperLink类直接继承自WebControl类，用于创建到其他Web页的链接。HyperLink控件在功能上和HTML的“a href=”控件相似，显示样式为超链接的形式，属于服务器端标准控件。 HyperLink控件实例 实例演示如何设置NavigateUrl属性来实现链接，用以显示与HyperLink控件关联的页。具体实现请参考源代码下ch7_3网站中的HyperLink.aspx文件 7.3.3 Button、LinkButton和ImageButton控件 （1）Button控件：用来在客户端生成type为submit或button的按钮。 （2）LinkButton控件：用来在客户端呈现一个超链接按钮。 （3）ImageButton控件：用来在浏览器端生成一个图片按钮。 Button控件实例 在页面上包含3个Button控件，显示的标题为第一个、第二个和第三个，单击任何一个Button，将在Label控件中显示该Button的标题。 具体实现请参考源代码下ch7_3网站中的Button.aspx LinkButton控件和ImageButton实例 该实例中单击ImageButton控件，将显示图片；单击LinkButton控件，将跳转到其它网页，具体实现请参考源代码下ch7_3网站中的ImageButtonAndLinkButton.aspx文件 7.3.4 Image控件和ImageMap控件 1．Image控件 使用Image控件可以在设计或运行时以编程方式为Image对象指定图片。还可以将该控件的ImageUrl属性绑定到一个数据源，根据数据库信息显示图形。具体实现请参考源代码下ch7_3网站中的MyImage.aspx 文件 2．ImageMap控件 （1）HotSpotMode属性 该属性用于获取或者设置单击热点区域后的默认行为方式。属性值为枚举值之一，默认为NotSet。 （2）HotSpots属性 该属性用于获取HotSpot对象的集合，这些对象表示ImageMap控件中定义的作用点区域。 ImageMap控件实例 实例主要使用ImageMap控件展示图片中的链接热区。在卡通人物的额头和嘴巴位置设置热区，当单击某个热区后，会弹出相应的提示。例如，单击卡通人物的额头，弹出“点到额头啦！”的提示。 具体实现请参考源代码下ch7_3网站中的MyImageMap .aspx 文件 7.3.5 Calendar控件 1．属性 2．Calendar控件实例 该实例运用Calendar的3个属性，选择日期并将其显示出来 。具体实现请参考源代码下ch7_3网站中的CalendarDemo.aspx文件 7.3.6 FileUpLoad控件 2．FileUpLoad控件实例 该实例使用FileUpLoad控件上传图像文件