创建.aspx页面

转载于: 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

posted @ 2015-09-07 17:28  Code~  阅读(3059)  评论(0编辑  收藏  举报