ASP.Net中程序构架与程序代码的分离
2016-01-29 13:28
ASP.Net中程序构架与程序代码的分离,ASP.Net中程序构架与程序代码的分离
TWIG程序对我此后的编程有着很大的影响，但是即使这样的作品，依然没有摆脱程序代码与HTML代码混杂的局面。
程序代码与页面构架的分离是WEB程序员多年的梦想。在ASP.Net出现之前，无论是ASP、PHP还是JSP，程序代码与HTML代码都是混杂在一起的，这种做法，虽然在WEB技术初期受到赞扬，但是随着时间的的推移，它的弊端是越来越明显，当程序代码很长时，HTML代码与其混杂，程序的可读性变得很差，让人无法分清程序真正要表示的页面构架。
而新技术ASP.Net则通过Codebehind、用户控件(User Control)以及自定义控件(Custom Control)等方法真正做到了代码的分离。这是一个了不起的进步，大家可以在本文中看到分离代码后的ASP.Net程序的结构是多么的清晰。
飞刀借此地向大家演示一下它们的具体实现方法，我们先看看要实现的功能。
为了便于理解，这里设计的页面比较简单，页面分为三个主要的部分，头部包含一个AdRotator控件(用于显示广告)与一个Label控件(用于显示当前广告链接地址)；中部是一个登陆页面，包括两个TextBox控件(分别用于输入用户名与密码)、一个Label控件(显示登陆是否成功)与一个Button控件(作为提交按钮)；底部包含两个Label控件(分别显示当前用户名与用户权限)。
熟悉ASP.Net的朋友，马上就会意识到头部由于使用了AdRotator控件，所以必定存在OnAdCreated事件以便在Label控件显示相应链接；而中部由于使用Button控件做为提交按钮，所以必定有一个OnClick事件处理。
1 CodeBehind
首先我们就看看如何使用CodeBehind方法来实现代码与页面构架的分离，下面给出的源程序是主ASP.Net程序--Example1.aspx：
<% @ Page src="http://img.jcwcn.com/attachment/portal" Inherits="Aspcn" %
<html
<head
<title</title
</head
<body
<form runat="server"
<asp:Panel id="Header" runat="server"
<asp:AdRotator id="ad" AdvertisementFile="AdBannersad.xml" BorderWidth="0" OnAdCreated="AdCreated" runat="server" /<br
当前广告链接：<asp:Label id="lblAdText" ForeColor="red" runat="server" /
</asp:Panel
<asp:Panel id="Logon" runat="server"
<table
<tr<td colspan="2" align="center"<b登陆窗口</b</td</tr
<tr<td colspan="2" align="center"<asp:Label id="lblMsgShow" ForeColor="red" runat="server" /</td</tr
<tr<td用户名：</td<td<asp:TextBox id="tbUserName" runat="server" /</td</tr
<tr<td密码：</td<td<asp:TextBox id="tbPasswd" TextMode="Password" runat="server" /</td</tr
<tr<td<asp:Button id="btnSubmit" Text="登陆" OnClick="Submit_Click" runat="server" /</td</tr
</table
</asp:Panel
<asp:Panel id="Footer" runat="server"
用户名：<asp:Label id="lblUserName" Font-Name="Arial" ForeColor="red" Text="游客" runat="server" /
权限：<asp:Label id="lblPurview" Font-Name="Arial" Text="无" ForeColor="red" runat="server" /
</asp:Panel
</form
</body
</html
例程中，大家可以清楚地看到程序中不包含任何C#、VB、JavaScript来处理OnAdCreated与OnClick事件，但是执行本程序，程序能够正常使用(如图2-1与图2-2)。这便是使用CodeBehinde的结果，事件处理已经被转移到其它程序中定义执行。请大家注意本例中第一行的信息：
<% @ Page src="http://img.jcwcn.com/attachment/portal" Inherits="Aspcn" %
