ASP.NET Web窗体页面框架组件是一个可缩放的通用语言运行时编程模型,它可以用于动态地生成Web页面。ASP.NET页面框架组件是ASP的合理进化(ASP.NET提供的语法与已有的页面是兼容的),它被特意地设计用于解决早期模型中的大量的关键的缺陷。特别是,它提供了建立和使用可供重复使用的(reusable)UI控件的能力,这些控件可以封装公用的功能,从而减少了页面开发者需要编写的代码数量;它使开发者能够清晰有序地构造页面逻辑(并非“缠绕在一起的代码”);它使用的开发工具提供了强大的WYSIWYG(所见即所得)页面设计支持能力(已有的传统ASP代码是不透明的)。本文介绍ASP.NET页面特性的一些基本知识。
编写第一个ASP.NET页面
ASP.NET页面是带.aspx扩展名的文本文件。页面由代码和标记(tag)组成,它们在服务器上动态地编译和执行,为提出请求的客户端浏览器(或设备)生成显示内容。它们可以被部署在IIS虚拟目录树之下。当浏览器客户端请求.aspx资源的时候,ASP.NET运行时(runtime)对目标文件进行分析,并把它编译成.NET框架类,这个类接下来就可以用于动态地处理请求了(请注意,.aspx文件只在第一次被访问的时候才编译,编译形成的类型实例以后供多个请求重复使用)。
我们不用修改HTML文件中的代码,只需要把它的扩展名改成.aspx,就建立了一个ASP.NET页面。例如,下面的例子演示了一个简单的HTML页面,它收集用户的姓名和类别,当用户点击按钮的时候就把窗体(form)发回原页面:
<form action="intro1_vb.aspx" method="post">
<h3> Name: <input id="Name" type=text>
Category: <select id="Category" size=1>
<option>psychology</option>
<option>business</option>
<option>popular_comp</option>
</select>
<input type=submit value="Lookup">
</h3>
</form>
请注意:当你点击“Lookup”按钮的时候没有发生任何事情,这是由于该.aspx文件只包含了静态HTML(没有动态内容)。因此,相同的HTML被发回到客户端,从而导致窗体字段(文本框和下拉列表)内容丢失。
给页面添加简单的代码
ASP.NET提供的语法与ASP页面是兼容的。它支持<% %>代码呈现(render)块,在.aspx文件中它可以与HTML内容混合使用。在页面显示的时候,这些代码块会严格地执行。
下面的例子演示了如何在HTML中使用<% %>呈现块(每次增加字体的尺寸):
<form action="intro2_vb.aspx" method="post">
<h3> Name: <input id="Name" type=text>
Category: <select id="Category" size=1>
<option>psychology</option>
<option>business</option>
<option>popular_comp</option>
</select>
</h3>
<input type=submit value="Lookup">
<p>
<% Dim I As Integer
For I = 0 to 7 %>
<font size="<%=I%>"> Welcome to ASP.NET </font> <br>
<% Next %>
</form>
请注意:上面的例子中的<% %>代码块与ASP不同,它会被真正地编译——而不是由脚本引擎来解释。这改善了运行时的执行性能。
ASP.NET页面开发者可以使用<% %>代码块动态地修改HTML输出信息。例如,下面的代码演示了如何使用<% %>代码块来解释客户端发回的结果:
<form action="intro3_vb.aspx">
<h3> Name: <input name="Name" type=text value="<%=HttpUtility.HtmlEncode(Request.QueryString("Name"))%>">
Category: <select name="Category" size=1>
<%
Dim I As Integer
Dim Values(2) As String
Values(0) = "psychology"
Values(1) = "business"
Values(2) = "popular_comp"
For I = 0 To Values.Length - 1
%>
<% If (Request.QueryString("Category") = Values(i)) %>
<option selected>
<% Else %>
<option>
<% End If %>
<%=Values(i)%>
</option>
<% Next %>
</select>
</h3>
<input type=submit name="Lookup" value="Lookup">
<p>
<% If (Not Request.QueryString("Lookup") = Nothing) %>
Hi <%=HttpUtility.HtmlEncode(Request.QueryString("Name")) %>, you selected: <%=HttpUtility.HtmlEncode(Request.QueryString("Category")) %>
<% End If %>
</form>
请注意:尽管<% %>代码块为我们定制ASP.NET页面返回的文本输出信息提供了强大的途径,但是它们没有提供清晰的HTML编程模型。上面的例子显示,仅使用<% %>代码块的开发者必须自己管理页面的状态、自己截取被发送的值。