细细品味ASP.NET(二)
类别: ASP.NET教程 
Web表单
??
ASP.NET Web Forms就是Web页面，同现在你用 ASP编写代码所做的工作是一样的。但是还不仅仅如此， ASP.NET Web Forms是在一个面向对象的编程模型上设计的，这样代码就能够再利用，并且使应用程序代码与页面内容分隔开。在Visual Basic中，你将一个 控件 拖曳到一个表单上，然后执行其下的事件程序。在传统的 ASP中，这是不可能的，因为在用户界面 控件 和它们的 服务器 端代码之间没有链接存在。但是在 ASP.NET 中，这样的一个链接是存在的。所以，你可以编写下面表1所示的代码，而不用手动从变量表中拖出值：
表1 简单 ASP.NET Web Form例程
<html>
<script language=“vb” runat=“server”>
Sub SubmitButton_Click(Source As Object, E As EventArgs)
Response.Write (ÒYou entered Ò & Name.text)
End Sub
</script>
<body>
<form method=“post” runat=“server”>
Name: <asp:textbox id=“Name” runat=“server” /><br>
<asp:Button text=“Enter”
OnClick=“SubmitButton_Click” runat=“server” />
</form>
</body>
</html>
在表1中有两点值得注意。第一是在表单上 runat=“server” 属性和 asp:textbox 控件 的使用，这可以告诉 ASP.NET 服务器 和客户都可以使用这些 控件 。如此使用的 控件 叫做 服务器 控件 。asp: 用做 控件 名的前缀，它本身就识别了 控件 是从哪来的。稍后我将讨论这一点。第二个需要注意的细节是OnClick事件。开发 DHTML 代码时，你经常要用到 OnClick事件，这是为了在浏览器中激活一个事件。因为为 控件 设置了runat=“server” 属性，所以事件只在 服务器 上被激活。要对这个例子进行扩展，可以去掉 Response.Write，然后用一个基于 服务器 的 控件 来代替它，比如下面的表2代码：
表2 使用基于 服务器 的 控件
<html>
<script language=“vb” runat=“server”>
Sub SubmitButton_Click(Source As Object, E As EventArgs)
YouEntered.Text = ÒYou entered Ò & txtName.text
End Sub
</script>
<body>
<form method=“post” runat=“server”>
Name: <asp:textbox id=“txtName” runat=“server” /><br>
<asp:Button text=“Enter”
OnClick=“SubmitButton_Click” runat=“server” />
<br>
<asp:label id=“YouEntered” runat=“server”></span>
</form>
</body>
</html>
这个代码运行相当好，很象一个传统的客户或Visual Basic表单，代码也直观多了。你可以用 服务器 控件 来连接事件过程和基于 服务器 的代码。这些基于 服务器 的 控件 向浏览器发送纯 HTML内容，其中不再含有客户端脚本。实际上，这其中一个重要的设计目的就是要坚持使用固有的 HTML 3.2元素代码以提供最大可能的浏览器兼容性。比如说，表2中的代码生成了以下HTML：
<html>
<body>
<FORM name=“HtmlForm2\" method=“post” action=“Test.aspx” id=“HtmlForm2\">
<INPUT type=“hidden” name=“__VIEWSTATE” value=“a0z664351470__x”>
Name: <input name=“txtName” type=“text” id=“txtName”><br>
<input type=“submit” name=“Button5\" value=“Enter”>
<br>
<span id=“lblYouEntered”></span>
</FORM>
</body>
</html>
生成的代码是符合 HTML 3.2标准的。它执行一个标准投递，将用户输入发送回同一个文件。这里没有对 服务器 状态进行维护，也没有客户端脚本对状态进行维护。隐含的域执行对 控件 状态的维护，这意味着在页面的“提交－返回”之间， 控件 能自动恢复状态，而不需要任何编程干预。虽然 ASP.NET Web 控件 的默认输出是符合HTML 3.2标准的内容，但是对于更高级的浏览器如Microsoft Internet Explorer 5.0，也可以输出为 DHTML 格式。这样你就能只使用一套 服务器 控件 来编写页面，允许 控件 根据浏览器决定发送哪种类型的输出，从而允许你将发送 DHTML 的 控件 和客户端脚本用到最新版本的Internet Explorer中，将纯 HTML 3.2内容发送到其它浏览器中。
??
ASP.NET Web Forms就是Web页面，同现在你用 ASP编写代码所做的工作是一样的。但是还不仅仅如此， ASP.NET Web Forms是在一个面向对象的编程模型上设计的，这样代码就能够再利用，并且使应用程序代码与页面内容分隔开。在Visual Basic中，你将一个 控件 拖曳到一个表单上，然后执行其下的事件程序。在传统的 ASP中，这是不可能的，因为在用户界面 控件 和它们的 服务器 端代码之间没有链接存在。但是在 ASP.NET 中，这样的一个链接是存在的。所以，你可以编写下面表1所示的代码，而不用手动从变量表中拖出值：
表1 简单 ASP.NET Web Form例程
<html>
<script language=“vb” runat=“server”>
Sub SubmitButton_Click(Source As Object, E As EventArgs)
Response.Write (ÒYou entered Ò & Name.text)
End Sub
</script>
<body>
<form method=“post” runat=“server”>
Name: <asp:textbox id=“Name” runat=“server” /><br>
<asp:Button text=“Enter”
OnClick=“SubmitButton_Click” runat=“server” />
</form>
</body>
</html>
在表1中有两点值得注意。第一是在表单上 runat=“server” 属性和 asp:textbox 控件 的使用，这可以告诉 ASP.NET 服务器 和客户都可以使用这些 控件 。如此使用的 控件 叫做 服务器 控件 。asp: 用做 控件 名的前缀，它本身就识别了 控件 是从哪来的。稍后我将讨论这一点。第二个需要注意的细节是OnClick事件。开发 DHTML 代码时，你经常要用到 OnClick事件，这是为了在浏览器中激活一个事件。因为为 控件 设置了runat=“server” 属性，所以事件只在 服务器 上被激活。要对这个例子进行扩展，可以去掉 Response.Write，然后用一个基于 服务器 的 控件 来代替它，比如下面的表2代码：
表2 使用基于 服务器 的 控件
<html>
<script language=“vb” runat=“server”>
Sub SubmitButton_Click(Source As Object, E As EventArgs)
YouEntered.Text = ÒYou entered Ò & txtName.text
End Sub
</script>
<body>
<form method=“post” runat=“server”>
Name: <asp:textbox id=“txtName” runat=“server” /><br>
<asp:Button text=“Enter”
OnClick=“SubmitButton_Click” runat=“server” />
<br>
<asp:label id=“YouEntered” runat=“server”></span>
</form>
</body>
</html>
这个代码运行相当好，很象一个传统的客户或Visual Basic表单，代码也直观多了。你可以用 服务器 控件 来连接事件过程和基于 服务器 的代码。这些基于 服务器 的 控件 向浏览器发送纯 HTML内容，其中不再含有客户端脚本。实际上，这其中一个重要的设计目的就是要坚持使用固有的 HTML 3.2元素代码以提供最大可能的浏览器兼容性。比如说，表2中的代码生成了以下HTML：
<html>
<body>
<FORM name=“HtmlForm2\" method=“post” action=“Test.aspx” id=“HtmlForm2\">
<INPUT type=“hidden” name=“__VIEWSTATE” value=“a0z664351470__x”>
Name: <input name=“txtName” type=“text” id=“txtName”><br>
<input type=“submit” name=“Button5\" value=“Enter”>
<br>
<span id=“lblYouEntered”></span>
</FORM>
</body>
</html>
生成的代码是符合 HTML 3.2标准的。它执行一个标准投递，将用户输入发送回同一个文件。这里没有对 服务器 状态进行维护，也没有客户端脚本对状态进行维护。隐含的域执行对 控件 状态的维护，这意味着在页面的“提交－返回”之间， 控件 能自动恢复状态，而不需要任何编程干预。虽然 ASP.NET Web 控件 的默认输出是符合HTML 3.2标准的内容，但是对于更高级的浏览器如Microsoft Internet Explorer 5.0，也可以输出为 DHTML 格式。这样你就能只使用一套 服务器 控件 来编写页面，允许 控件 根据浏览器决定发送哪种类型的输出，从而允许你将发送 DHTML 的 控件 和客户端脚本用到最新版本的Internet Explorer中，将纯 HTML 3.2内容发送到其它浏览器中。
- 上一篇: 细细品味ASP.NET(一)
- 下一篇: 细细品味ASP.NET(三)
