ASP.Net中程序构架与程序代码的分离
类别: ASP.NET教程 
一年前，当本人拿到一个名叫TWIG的PHP程序时，立即被作者OOP编程思想所折服，很难想像TWIG中所有的功能（行事历、邮件、个性化）均在一个PHP文件(index.php3)中执行完成，这就得益于作者采用了程序代码与页面构架分离的思想，但是我也看到尽管作者做了很大的努力，但由于PHP的局限性，程序并没有真正做到代码与构架的分离，index.php3这个主文件由于要执行的功能太多，所以其require的模块文件相当之多，至使整个文件依然显得十分零乱，本人愚昧，当时花了半个月的时间，才真正明白程序的构架，分析代码之苦，无人能知啊.
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=\"csEventHandle.cs\" 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=\"csEventHandle.cs\" Inherits=\"Aspcn\" %>
一般在ASP.Net程序中，Page指令都在设定本程序应当使用什么语言(使用Language属性)，而本例中没有出现Language属性，而是出现了两个新的Page属性：Src与Inherits。Src属性设定事件处理真正的代码位置，Inherits属性则设定需要引入的类名。可以看到本例中定义事件处理的文件是EventHandle.cs，我们来看看它的具体内容：
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
public class Aspcn : Page
{
//声明Web Form中出现的控件
public Label lblAdText,lblUserName,lblPurview,lblMsgShow;
public TextBox tbUserName,tbPasswd;
public Button btnSubmit;
public AdRotator ad;
private string strConnString = \"server=(local)/Feidao;database=aspcn;Trusted_Connection=yes\";
//处理Adrotator控件建立事件
public void AdCreated(Object src,AdCreatedEventArgs e)
{
lblAdText.Text = e.AlternateText;
}
public void Submit_Click(Object sender,EventArgs e)
{
SqlConnection MyConn = new SqlConnection(strConnString);
MyConn.Open();
string strUserName,strPassword,strSelect;
strUserName = tbUserName.Text;
strPassword = tbPasswd.Text;
strSelect = \"select * from bbs_user where id=’\"+strUserName+\"’ and password=’\"+strPassword+\"’\";
SqlCommand MyComm = new SqlCommand(strSelect,MyConn);
SqlDataReader dr = MyComm.ExecuteReader();
if(dr.Read())
{
//登陆成功
lblMsgShow.Text = \"登陆成功\";
lblUserName.Text = dr[\"id\"].ToString();
lblPurview.Text = dr[\"purview\"].ToString();
}
else
{
//登陆不成功
lblMsgShow.Text = \"登陆不成功\";
}
dr.Close();
MyConn.Close();
}
}
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=\"csEventHandle.cs\" 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=\"csEventHandle.cs\" Inherits=\"Aspcn\" %>
一般在ASP.Net程序中，Page指令都在设定本程序应当使用什么语言(使用Language属性)，而本例中没有出现Language属性，而是出现了两个新的Page属性：Src与Inherits。Src属性设定事件处理真正的代码位置，Inherits属性则设定需要引入的类名。可以看到本例中定义事件处理的文件是EventHandle.cs，我们来看看它的具体内容：
using System;
using System.Data;
using System.Data.SqlClient;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
public class Aspcn : Page
{
//声明Web Form中出现的控件
public Label lblAdText,lblUserName,lblPurview,lblMsgShow;
public TextBox tbUserName,tbPasswd;
public Button btnSubmit;
public AdRotator ad;
private string strConnString = \"server=(local)/Feidao;database=aspcn;Trusted_Connection=yes\";
//处理Adrotator控件建立事件
public void AdCreated(Object src,AdCreatedEventArgs e)
{
lblAdText.Text = e.AlternateText;
}
public void Submit_Click(Object sender,EventArgs e)
{
SqlConnection MyConn = new SqlConnection(strConnString);
MyConn.Open();
string strUserName,strPassword,strSelect;
strUserName = tbUserName.Text;
strPassword = tbPasswd.Text;
strSelect = \"select * from bbs_user where id=’\"+strUserName+\"’ and password=’\"+strPassword+\"’\";
SqlCommand MyComm = new SqlCommand(strSelect,MyConn);
SqlDataReader dr = MyComm.ExecuteReader();
if(dr.Read())
{
//登陆成功
lblMsgShow.Text = \"登陆成功\";
lblUserName.Text = dr[\"id\"].ToString();
lblPurview.Text = dr[\"purview\"].ToString();
}
else
{
//登陆不成功
lblMsgShow.Text = \"登陆不成功\";
}
dr.Close();
MyConn.Close();
}
}
本新闻共3页,当前在第1页 1 2 3
本新闻共2页,当前在第1页 1 2
- 上一篇: ASP.NET下MVC设计模式的实现
- 下一篇: .NET 数据访问架构指南
