转载于： http://book.51cto.com/art/200803/66483.htm
ASP.NET 2.0 提供了两种操纵网页可见元素（包括标记、服务器控件和静态文本）和程序逻辑（包括事件处理程序和其他代码）的模型。一种是单文件页模型，可见元素和代码保 存在同一文件中；另一种称为代码隐藏页模型，可见元素包含在.aspx文件中，代码位于另一个称为“代码隐藏”的文件中。在这两种模型中可以使用相同的控 件和代码，开发出来的网站在运行时具有相同的性能。
提示
推荐使用“代码隐藏”模型，这也是Visual Studio默认的选项。
1. 单文件页模型
我们首先创建一个采用单文件模型的页面。在“解决方案资源管理器”中右击当前网站，选择【添加新项】。在弹出“添加新项”对话框中的“Visual Studio已安装的模板”下选择“Web窗体”，在“名称”栏中键入Test.aspx。从“语言”下拉列表中选择“Visual C#”。同时，取消勾选“将代码放在单独的文件中”复选框（复选框默认为选中状态）(图4-1)。
点击添加按钮后，单文件页生成如下代码。
代码清单 4‑1
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
 |
| 图 4-1 |
当为页面上的控件添加事件处理程序时，开发环境会自动将生成的事件处理程序置于script元素内。我们需要添加的其他代码也应该放在script元素内。
2. 代码隐藏页模型
如果在创建网页时勾选了“将代码放在单独的文件中”复选框（默认为选中状态），如图4-2所示，那么创建的则为代码隐藏页模型的网页。
 |
| 图 4-2 |
提示
并非所有.NET编程语言都支持“代码隐藏”模型（例如J#就不支持这种模型）。
点击添加按钮后，打开新创建页面Test.aspx的“源”视图，第一行代码如下：
代码清单 4‑2
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits= "Test" %>
@Page
指令为ASP.NET页面(.aspx)指定解析和编译页面时所使用的设置。上面的代码中使用到了@Page指令常用的一些属性。Language属性用
于定义脚本块所使用的语言。AutoEventWireup属性设置为true时，事件处理程序会自动绑定到事件。CodeFile属性指定了代码隐藏文
件的路径。Inherits属性用于指定代码隐藏类的名称，默认情况下为生成的.aspx页面的原始名称。CodeFile与Inherits属性的联合
使用使得代码隐藏文件与网页相关联。
代码隐藏文件位于单独的以.cs为后缀名的文件（使用C#语言）。在“设计”视图中双击页面，或者右击鼠标，在弹出的菜单中选择【查看代码】，可以转到该后台代码文件。
代码清单 4‑3
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class Test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
}
|
其中使用partial关键字声明了一个继承自System.Web.UI.Page的Test类，表示该代码文件只包含构成该页的完整类的一部分代码。在编译时，编译器将读取.aspx页以及在@Page指令中引用的文件，将它们汇编为一个单元然后编译为单个类。
在Test.aspx文档窗口的底部，单击“设计”选项卡切换到“设计”视图。在空白区域中键入一些字符，例如“Hello，World!”，通过工具栏中的提供的格式设置，对其字体和颜色稍加修饰，如图4-3所示。
 |
| 图 4-3 |
再次切换到“源”视图，如图4-4所示，可以看到在“设计”视图中键入并进行格式设置而创建的 HTML标记。
 |
| 图 4-4 |
至此，一个.aspx页面就创建完成了，距离在浏览器中查看运行结果只有一步之遥。在“解决方案资源管理器”中，用鼠标右键点击当前页Test.aspx，并将其设置为起始页（图4-5）。
此时按下F5或组合键Ctrl + F5，就可以在浏览器中看到如图4-6所示的运行效果。
顺带一提，并非只有将该页设为起始页才能在浏览器中查看运行效果。在.aspx页面上（无论是“设计”视图还是“源”视图）点击鼠标右键，选择【在浏览器中查看】，可以达到相同的效果，如图4-7所示。
 |
| 图 4 5 |
 |
| 图 4 6 |
