[ASP.Net中程序构架与程序代码的分离]

A.Net中程序构架与程序代码的分离

A.Net中程序构架与程序代码的分离

发布时间:2003-5-27作者:秩名

一年前,当本人拿到一个名叫TWIG的PHP程序时,立即被作者OOP编程思想所折服,很难想像TWIG中所有的功能(行事历、邮件、个性化)均在一个PHP文件(index.php3)中执行完成,这就得益于作者采用了程序代码与页面构架分离的思想,但是我也看到尽管作者做了很大的努力,但由于PHP的局限性,程序并没有真正做到代码与构架的分离,index.php3这个主文件由于要执行的功能太多,所以其require的模块文件相当之多,至使整个文件依然显得十分零乱,本人愚昧,当时花了半个月的时间,才真正明白程序的构架,分析代码之苦,无人能知啊(黯然泪下......)。

TWIG程序对我此后的编程有着很大的影响,但是即使这样的作品,依然没有摆脱程序代码与HTML代码混杂的局面。

程序代码与页面构架的分离是WEB程序员多年的梦想。在A.Net出现之前,无论是A、PHP还是J,程序代码与HTML代码都是混杂在一起的,这种做法,虽然在WEB技术初期受到赞扬,但是随着时间的的推移,它的弊端是越来越明显,当程序代码很长时,HTML代码与其混杂,程序的可读性变得很差,让人无法分清程序真正要表示的页面构架。

而新技术A.Net则通过Codebehind、用户控件(UserControl)以及自定义控件(CustomControl)等方法真正做到了代码的分离。这是一个了不起的进步,大家可以在本文中看到分离代码后的A.Net程序的结构是多么的清晰。

为了便于理解,这里设计的页面比较简单,页面分为三个主要的部分,头部包含一个AdRotator控件(用于显示广告)与一个Label控件(用于显示当前广告链接地址);中部是一个登陆页面,包括两个TextBox控件(分别用于输入用户名与密码)、一个Label控件(显示登陆是否成功)与一个Button控件(作为提交按钮);底部包含两个Label控件(分别显示当前用户名与用户权限)。

熟悉A.Net的朋友,马上就会意识到头部由于使用了AdRotator控件,所以必定存在OnAdCreated事件以便在Label控件显示相应链接;而中部由于使用Button控件做为提交按钮,所以必定有一个OnClick事件处理。

1CodeBehind

首先我们就看看如何使用CodeBehind方法来实现代码与页面构架的分离,下面给出的源程序是主A.Net程序--Example1.ax:

当前广告链接:

用户名:

密码:

用户名:

权限:

例程中,大家可以清楚地看到程序中不包含任何C#、VB、javascript来处理OnAdCreated与OnClick事件,但是执行本程序,程序能够正常使用(如图2-1与图2-2)。这便是使用CodeBehinde的结果,事件处理已经被转移到其它程序中定义执行。请大家注意本例中第一行的信息:

一般在A.Net程序中,Page指令都在设定本程序应当使用什么语言(使用Language属性),而本例中没有出现Language属性,而是出现了两个新的Page属性:Src与Inherits。Src属性设定事件处理真正的代码位置,Inherits属性则设定需要引入的类名。可以看到本例中定义事件处理的文件是EventHandle.cs,我们来看看它的具体内容:usingystem;

usingystem.Data;

usingystem.Data.SqlClient;

usingystem.We

usingystem.Web.UI;

usingystem.Web.UI.WebControl

usingystem.Web.UI.HtmlControl

publicclaAc:age

{

//声明WeForm中出现的控件

publicLabellblAdText,lblUserName,lblPurview,lblMsgShow;

publicTextBoxtbUserName,tawd;

publicuttotubmit;

publicA

dRotatorad;

privatetringtrCotring="server=(local)\\Feidao;database=acTrusted_Coection=yes";

//处理Adrotator控件建立事件

publicvoidAdCreated(Objectrc,AdCreatedEventArge)

{

lblAdText.Text=e.AlternateText;

}

publicvoidubmit_Click(Objectender,EventArge)

{

SqlCoectioMyCo=ewqlCoection(strCotring);

MyCo.Open();

stringtrUserName,strPaword,strSelect;

strUserName=tbUserName.Text;

strPaword=tawd.Text;

strSelect="select*from_userwhereid="" strUserName ""andaword="" strPaword """;

SqlCommandMyComm=ewqlCommand(strSelect,MyCo);

SqlDataReaderdr=MyComm.ExecuteReader();

if(dr.Read())

{

//登陆成功

lblMsgShow.Text="登陆成功";

lblUserName.Text=dr["id"].ToString();

lblPurview.Text=dr["purview"].ToString();

}

else

{

//登陆不成功

lblMsgShow.Text="登陆不成功";

}

dr.Close();

MyCo.Close();

}

}

进行事件处理是定义在一个类中的(本例中是Acn,注意大小写),由于需要与WeForms相关联,所以此类还必须继承Page类。

分析程序,大家可以看到程序中对事件的处理操作是与普通的未进行代码分离的程序是一样的,并没有什么特别的地方。(本人在程序中已经给出的相关注释,相信对大家理解程序有所帮助)

使用CodeBehind技术后,大家需要多写一些代码,比如声明控件等,也许大家很不喜欢多写这样的代码,但是大家也必须看到使用了CodeBehind技术后,主程序的可读性大大增加了。在Example1.ax中相信大家很快就可以区分页面构架的各个部分,大家想想这些构架如果在其它技术是否能看得如此清楚?

(这里的程序只做演示用,呵呵,大家可不要抓我什么引号漏洞这些小辫子哟)

2用户控件(UserControl)

CodeBehind技术真正实现了代码与构架的分离,比以前的技术前进了一大步,但是它的缺陷也是显而易见的,比如主页面中部那个登陆区,如果内容很多,HTML显示代码的依然会占用很大的区域,程序的可读性依然会降低。

A.Net也提供了解决办法,这就是用户控件。

用户控件我们可以将其视为不用编译的Server控件。即然是控件,那么就肯定会遵从控件的使用方法。我们将Example1.ax中的每个Panel整体看成为一个控件,因此Example1.ax的主体部分通过使用用户控件便可以减少为只有三行:

执行这个程序,其运行结果与使用CodeBehind技术的结果是一样的,但是现在的A.Net程序更加容易区分页面构架了。

nameace表示定义的命名空间,cla则是相应的类名,具体的使用例子有:

privatevoidAdCreated(Objectrc,AdCreatedEventArge)

{

lblAdText.Text=e.AlternateText;

}

当前广告链接:

Logon.ascx(Logon用户控件)

protectedtringtrCotring="server=(local)\\Feidao;database=acTrusted_Coection=yes";

//定义UserControl的属性

publictringUserName

{

get

{

returtbUserName.Text;

}

set

{

tbUserName.Text=value;

}

}

publictringaword

{

get

{

returtawd.Text;

}

set

{

tawd.Text=value;

}

}

//事件处理

privatevoidubmit_Click(Objectender,EventArge)

{

SqlCoectioMyCo=ewqlCoection(strCotring);

MyCo.Open();

stringtrUserName,strPaword,strSelect;

strUserName=tbUserName.Text;

strPaword=tawd.Text;

strSelect="select*from_userwhereid="" strUserName ""andaword="" strPaword """;

SqlCommandMyComm=ewqlCommand(strSelect,MyCo);

SqlDataReaderdr=MyComm.ExecuteReader();

if(dr.Read())

{

//登陆成功

lblMsgShow.Text="登陆成功";

Seion["UserName"]=dr["id"].ToString();

Seion["Purview"]=dr["purview"].ToString();

}

else

{

//登陆不成功

lblMsgShow.Text="登陆不成功";

}

dr.Close();

MyCo.Close();

}

用户名:

密码:

privatevoidage_Load(Objectrc,EventArge)

{

if(Seion["UserName"]!=null)

{

lblUserName.Text=(string)Seion["UserName"];

lblPurview.Text=(string)Seion["Purview"];

}

}

用户名:

权限:" "当前广告链接为:"));

//加入Label控件

lblAdText=ewLabel();

lblAdText.ForeColor=Color.Red;

this.Controls.Add(lblAdText);

}

privatevoidOnAdCreated(Objectender,AdCreatedEventArge)

{

this.lblAdText.Text=e.AlternateText;

}

}

//接着是Logon

publicclaLogo:Control,INamingContainer

{

privatetringtrCotring="server=(local)\\Feidao;database=acTrusted_Coection=yes";

privateLabellblMsgShow;

privateTextBoxtbUserName,tawd;

publictringUserName

{

get

{

returtbUserName.Text;

}

set

{

tbUserName.Text=value;

}

}

protectedoverridevoidCreateChildControls()

{

//添加HTML标签

this.Controls.Add(newLiteralControl("//添加MsgShowLabel控件http://www.yytv.com.cn版权所有

lblMsgShow=ewLabel()

lblMsgShow.ForeColor=Color.Red;

this.Controls.Add(lblMsgShow);

this.Controls.Add(newLiteralControl("用户名:"));

//添加UserName与PawdTextBox控件

tbUserName=ewTextBox();

this.Controls.Add(tbUserName);

this.Controls.Add(newLiteralControl("密码:"));

tawd=ewTextBox();

tawd.TextMode=TextBoxMode.Paword;

this.Controls.Add(tawd);

this.Controls.Add(newLiteralControl(""));

//添加Btubmitutton控件

Buttotubmit=ewutton();

btubmit.Text="登陆";

btubmit.Click =ewEventHandler(this.Submit_Click);

this.Controls.Add(btubmit);

this.Controls.Add(newLiteralControl(""));

}

//显示完毕

privatevoidubmit_Click(Objectender,EventArge)

{

SqlCoectioMyCo=ewqlCoection(strCotring);

MyCo.Open();

stringtrUserName,strPaword,strSelect;

strUserName=tbUserName.Text;

strPaword=tawd.Text;

strSelect="select*from_userwhereid="" strUserName ""andaword="" strPaword """;

SqlCommandMyComm=ewqlCommand(strSelect,MyCo);

SqlDataReaderdr=MyComm.ExecuteReader();

if(dr.Read())

{

//登陆成功

this.lblMsgShow.Text="登陆成功";

}

else

{

//登陆不成功

this.lblMsgShow.Text="登陆不成功";

}

dr.Close();

MyCo.Close();

}

}

//最后是Footer

publicclaFooter:Control,INamingContainer

{

privatetring_UserName,_Purview;

publictringUserName

{

get

{

retur_UserName;

}

set

{

_UserName=value;

}

}

publictringurview

{

get

{

retur_Purview;

}

set

{

_Purview=value;

}

}

publicFooter()

{

_UserName="游客";

_Purview="无";

}

protectedoverridevoidCreateChildControls()

{

this.Controls.Add(newLiteralControl("用户名:"));

LabellblUserName=ewLabel();

lblUserName.ForeColor=Color.Red;

lblUserName.Font.Name="Arial";

lblUserName.Text=this.UserName;

this.Controls.Add(lblUserName);

//this.Controls.Add(newLiteralControl(""));

this.Controls.Add(newLiteralControl("权限:"));

LabellblPurview=ewLabel();

lblPurview.ForeColor=Color.Red;

lblPurview.Font.Name="Arial";

lblPurview.Text=this.Purview;

this.Controls.Add(lblPurview);

}

}

}

上面和程序是将需要实现的功能,全部导入了自定义控件。程序中可以看到,在acn命名空间中包含三个类(Header,Logon,Footer),这三个类正是构架三个主体部分。

要使用自定义控件,还必须将原代码进行编译。

csc/t:lipary/out:acn.dll/r:System.Data.dll,System.Web.dll,System.Drawing.dllCustomControls.cs

C#程序编译指令的用法,本人在此也不再重复。需要注意的是编译的文件名,必须与控件中nameace的名字一致。

编译后的dll,仍然不能使用,我们必须将其放到.Net平台中最著名的目录--/bin中,bin目录(如果不存在,可以自行建立)存放的是当前虚拟目录中所有使用自定义控件以及组件,CLR在执行A.Net程序时会自动搜索此目录中的文件,以找到与A.Net程序相匹配的Nameace、Cla以及Aembly。

当我们将程序编译好的acn.dll放入/bin目录后,这个自己编写的Server控件便可以使用了。

(需要声明一下,由于编写Server控件时不能使用Seion等变量,以至无法做到两个cla之间的通信,因此在缺省状态下Footer控件并不能像前面的程序一样随Seion内容发生改变,不过可以通过普通操作Server控件的方法来操作相应的属性达到相同的效果,此处为节约版面,未采用)

下面再来看看主体WeForm的程序内容:

怎么样,相当简单明了吧。

引用我们自定义的控件,也相当简洁,只需将Register指令的TagPrefix、Nameace、Aembly属性全部设定为acn。

至此,A.Net中三种代码与页面构架分离的方法已经介绍完毕。

三种方法各有优劣,本人比较倾向于使用用户控件与CodeBinde技术结合使用,因为他们均不需要编译,相对来说更容易使用,如果您要保护你的代码,自定义控件则当然是您最佳的选择。