.net基本概 念适用于初学者

Web 窗体简介

Nikhil Kothari

Microsoft Corporation

2000 年 9 月

摘要： ：本文介绍了 ASP+ 框架 — Web 窗体，它使开发人员能够创建可编程的网页，以便将它们作为全部 Web 应

用程序的一部分。

目录

 概述

Active Server Pages+ (ASP+) 框架，也称为 Web 窗体，可用来创建可编程的网页，以便将它们作为总体 Web 应用程

序的组成部分。Web 窗体在以下方面简化了 Web 应用程序的开发：

 在服务器上提供了基于事件的编程模式，这类似于像 Microsoft Visual Basic® 开发系统这样的基于

Microsoft® Win32® 的开发工具中所使用的、基于表单的开发模式。

 允许 HTML 标记与应用程序逻辑的完全分离。逻辑，即页面后的代码，是经过编译的，因而其性能得到了大

大提高。此外，您可以使用任何一种 Microsoft® .NET 语言来编写代码，从而使您能更充分地发挥现有的技能。

 实现了丰富的设计时体验。Visual Studio® .NET 为创建和管理 Web 窗体提供了快速应用程序开发（RAD）

功能。

 支持种类丰富、功能强大的控件和 .NET 组件组，提供了统一的、对类型安全的对象模型。此外，该框架还

通过定制组件或第三方组件使自身自然适应扩展性的需要。

下面的各节内容将详细说明这两组控件。

HTML 控件

ASP+ 框架中的第一组控件称为 HTML 控件。这些控件位于 System.Web.UI.HtmlControls 命名空间中，是从

HtmlControl 基类中直接或间接派生出来的。图 1 说明了 HTML 控件的类层次结构。

图 1. ASP+ HTML 控件

对于任何包含 runat="server" 属性的标记，都会为其生成 HTML 控件的实例。例如，下面的 HTML 可创建一个名为

“textBox1”的 HtmlInputText 控件的实例：

<input type="text" runat="server" id="textBox1" value="some

text">

下表中列出了 HTML 控件以及对应的 HTML 标记。

HtmlInputButton <input type="button">

HtmlInputCheckBox <input type="check">

HtmlInputRadioButton <input type="radio">

HtmlInputText

<input type="text"> 和 <input type="password">

HtmlInputHidden <input type="hidden">

HtmlInputImage <input type="image">

HtmlInputFile <input type="file">

HtmlForm <form>

HtmlImage <img>

后的部分将对这些控件以及与它们对应的 Web 控件进行比较。

Web 控件

ASP+ 框架中的第二组服务器控件称为 Web 控件。这些控件位于 System.Web.UI.WebControls 命名空间中，是从

WebControl 基类中直接或间接派生出来的。图 2 说明了 Web 控件的类层次结构。

图 2. ASP+ Web 控件

Web 控件中包括传统的表单控件，如 TextBox 和 Button ，以及其它更高抽象级别的控件，如 Calendar 和

DataGrid 控件。它们提供了一些能够简化开发工作的特性，其中包括：

 丰富而一致的对象模型：WebControl 基类实现了对所有控件通用的大量属性，这些属性包括

ForeColor、BackColor、Font、Enabled 等。属性和方法的名称是经过精心挑选的，以提高在整个框架和该组控

件中的一致性。通过这些组件实现的具有明确类型的对象模型将有助于减少编程错误。

下面是一个声明的示例：

<asp:TextBox id="textBox1" runat="server" Text="[Entry

Keywords]"></asp:TextBox>

在上例中，“asp”是标记前缀，会映射到 System.Web.UI.WebControls 命名空间。

本节的其余部分将介绍已在 PDC 和 Beta 1 发行版中实现的 Web 控件。每个控件都带有简要的说明、声明示例和它在

浏览器中的显示效果示例。按功能对这些控件进行了分类。

文本显示

Label 控件用于在页面中显示只读的静态文本或数据绑定的文本：

<asp:Label runat="server" Text="Label1"

Font-Italic="true"></asp:Label>

<asp:TextBox runat="server" Mode="Multiline" Rows="3">

TextBox1

</asp:TextBox>

<asp:TextBox runat="server" Mode="Password"></asp:TextBox>

CheckBox 控件用于生成能够在选中和清除这两种状态间切换的复选框：

<asp:CheckBox runat="server" Text="CheckBox1"

Checked="True"></asp:CheckBox>