第四章 web服务器控件.ppt

第4章 Web服务器控件 第4章 Web服务器控件 4.1 服务器控件概述 4.2 基本控件 4.3 复杂控件 本章小结 4.1 服务器控件概述 4.1.1 理解服务器控件 在ASP.NET中，我们可以把一切都视为对象，包括每一个WEB页面。同时，我们可以把WEB页面看作一种特殊的对象，即容器类对象，它可以容纳很多对象，其中就包括服务器控件（Server Controls）。 服务器控件（Server Controls）就是一个可重用的组件或对象，具有自己的属性和方法，大部分组件还可以响应事件。这些控件在初始化时会根据客户端的浏览器的版本来自动生成适合浏览器的HTML代码，这就解决了ASP编程时要考虑客户端浏览器的问题。 4.1 服务器控件概述 4.1.2 服务器控件的种类 1. 服务器控件的分类 在ASP.NET网页的服务器端的控件可以分为四类，他们分别是HTML服务器控件、Web服务器控件、验证控件和用户自定义控件，本书主要介绍前三类控件。这些控件都可以称为服务器控件，因为只有在服务器端的环境下才能正常工作。当用户请求包含这些控件的网页时，被请求的网页首先在服务器端执行，以生成HTML代码，在客户端的浏览器中显示执行的结果。 此外，服务器端控件的某些高级功能必须在特定浏览器中才能正常运行。例如：有些功能必须在IE5以上版本的浏览器上方可运行。 4.1 服务器控件概述 4.1.2 服务器控件的种类 2. Web服务器控件的分类 Web服务器控件拥有比HTML服务器控件更多的功能，拥有类似XML的语法，而且使用规则与Visual Basic控件的使用规则类似。它不只提供文本与按钮等窗体类型的控件，还提供了诸如DataGrid、DataList、AdRotator、Calendar等特殊用途的控件。 4.2 基本控件 4.2.1 使用标签控件 标签（Label）控件用于在Web页面上显示静态文本。 标签控件的主要属性如表4-2所示。 4.2.1 使用标签控件 例4-1 利用Label控件显示文本“欢迎光临本网站” 具体操作步骤如下： 1）启动Microsoft Visual Studio.NET。 2）单击“文件”?“新建”?“项目”菜单，弹出如图4-1所示对话框。在“项目类型”列表框中选择“Visual C#”项目；在“模板”列表中选中“ASP.NET Web应用程序”；在位置框中，将项目的名称设置为example1，单击“确定”按钮。 4.2.1 使用标签控件 3）在“解决方案资源管理器”窗口中的项目名称“example1”上单击右键，在快捷菜单中单击“添加”?“添加Web窗体”菜单，弹出对话框，输入页面名称Label1.aspx。然后单击“打开”按钮即可。 4）在Web窗体中默认的是设计视图，在设计视图中可以添加任意控件，而在HTML视图中会自动生成相应的代码。在工具箱中单击“Web窗体”选项卡，从中拖入一个Label控件，并放在页面中合适的位置。其ID属性设为LA，Text属性设为“欢迎光临本网站”。再利用Font属性设置字体和大小。 4.2.1 使用标签控件 5）在“解决方案资源管理器”窗口中的Label1.aspx文件上单击右键，在快捷菜单中单击“设为起始页”，然后单击工具栏上的“启动”按钮运行程序。 4.2.2 使用选择控件 在选择类控件中我们分别讲解CheckBox控件和RadioButton控件。 1. CheckBox控件 CheckBox控件用于建立复选框。当用户需要一个或多个选项时，就应使用复选框。 CheckBox控件的主要属性如表4-3所示： 表4-3 CheckBox控件的主要属性 表4-4 CheckBox控件的主要事件 4.2.2 使用选择控件 例4-2 利用CheckBox控件来实现多选。 具体操作步骤如下： 1）在例4-1中创建的项目“example1”中再添加一个新的窗体CheckBox1.aspx。 2）在CheckBox1.aspx的网页“设计”视图下，向该窗体拖入三个CheckBox控件，ID分别设置为CB1、CB2、CB3，Text属性分别设为“体育”、“财经”、“娱乐”，再拖入一个标签控件，ID设为LA1，Text属性设为“你喜欢的是：”，最后再拖入一个Button按钮控件，ID设为BN1，Text属性设为“选择”。 4.2.2 使用选择控件 3）在“设计”视图中双击按钮控件BN1，则在代码文件中的Click事件中添加如下程序代码： private void BN1_Click(object sender,System.EventArgs e) { LA1.Text=”你选择的是：”; if(CB1.Check