网页设计控件摘要.ppt

网页设计控件 服务器控件概述 HTML服务器控件 标准控件 高级控件 服务器控件分类 在创建ASP.NET网页时，可以使用以下类型的控件： 1. HTML服务器控件：HTML服务器控件属于HTML元素。 2. Web服务器控件：这些控件比HTML服务器控件具有更多内置功能。Web服务器控件与HTML服务器控件相比更为抽象，因为其对象模型不一定反映HTML语法。 3. 验证控件：这类控件用来验证用户的输入。 4. 用户控件：使用创建 ASP.NET网页的相同技术创建可重复使用的自定义控件。 Web服务器控件 标准的Web服务器控件：包括最常用的控件，这类控件在网页中占90％。主要是指传统的Web窗体控件。 数据控件：这类控件用来链接数据源。该类控件可细分为两种类型：数据源控件和数据绑定控件。 导航控件：与站点导航数据结合，实现站点导航功能。 登录控件：为Web应用程序提供可靠完整的登录解决方案。 服务器控件的创建 在设计视图中创建服务器控件 在源视图中创建服务器控件 asp:button ID=button runat=server /asp:button 设置控件的属性 设置控件的属性将定义其外观和行为。有两种方式设置控件属性： 在“设计”视图中，选择控件，然后在“属性”窗口中设置属性。 在“源”视图中，在控件的元素标记中置入插入点，然后在“属性”窗口中设置属性。 【例 3?5】 asp:Label ID=Label1 runat =server Text=这是第一个label控件 ForeColor=Blue Font-Size=Small Font-Bold=true /asp:Labelbr / asp:Label ID=Label2 runat=server Text=这是第二个label控件 ForeColor=Red Font-Size=Medium Font-Italic=true /asp:Labelbr / asp:Label ID=Label3 runat=server Text=这是第三个label控件 ForeColor=Green Font-Size=Large Font-Underline=true /asp:Label 服务器控件的基本属性 服务器控件的标识 利用每个服务器控件的id属性和name属性标识该控件，对它进行操作，如下例。 script language =c# runat =server void page_load(object Src,EventArgs e) { Label1.Text = 欢迎你的到来; } /script body asp:Label ID=Label1 runat=server /asp:Label /body 服务器控件事件 可以为Web服务器控件创建事件处理程序。如在ASP.NET页面上添加一个按钮，然后为该按钮的Click事件编写事件处理程序。 与传统HTML页或基于客户端的Web应用程序中的事件相比，由ASP.NET服务器控件引发的事件的工作方式稍有不同，因为与服务器控件关联的事件是在客户端触发的，但是由ASP.NET页在服务器上处理的。 服务器控件的基本事件 【例 3?6】 void Button1_click(object sender, EventArgs e) { Label2.Text = TextBox1.Text + Label2.Text; } HTML控件 在创建站点时，有时对某些控件不需要服务器端做任何事。在这种情况下，只是想在页面上添加简单的静态HTML元素。如只是决定网页上元素的位置或提供一个容器给一组元素。HTML控件工具箱中包含一系列拖放控件，如Input、Table控件和div等，这些HTML控件对应着标准HTML元素。 HTML服务器控件 HTML服务器控件派生自命名空间System.Web.UI.HtmlControls。默认情况下，服务器无法使用纯粹的HTML控件，只有将HTML元素转换为HTML服务器控件，才将其公开为可在服务器上编程的元素。 HTML服务器控件 HTML服务器控件具有以下几个重要特点： 可在服务器上使用面向对象技术对其进行编程控制，这为编程开发提供了便利。 提供了一组事件，可以为事件编写事件处理程序。 自动维护控件状态。在页面窗体到服务器端往返期间，用户在HTML服务器控件中输入的值将在页面回传中自动维护。 与验证控件进行交互。便于验证用户是否在控件输入了适当的信息。 允许在HTML服务器控件中自定义属性。开发人员可以将任何需要的属性添加到HTML服务器控件的属性集中，页框架将读取并呈现它们而不更改其他任何功能。 HTML输入控件 工具箱的“HTML”