在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();
}
}
进行事件处理是定义在一个类中的(本例中是ASPCN，注意大小写)，由于需要与WEB FORMS相关联，所以此类还必须继承PAGE类。
分析程序，大家可以看到程序中对事件的处理操作是与普通的未进行代码分离的程序是一样的，并没有什么特别的地方。(本人在程序中已经给出的相关注释，相信对大家理解程序有所帮助)
使用CODEBEHIND技术后，大家需要多写一些代码，比如声明控件等，也许大家很不喜欢多写这样的代码，但是大家也必须看到使用了CODEBEHIND技术后，主程序的可读性大大增加了。在EXAMPLE1.ASPX中相信大家很快就可以区分页面构架的各个部分，大家想想这些构架如果在其它技术是否能看得如此清楚？
(这里的程序只做演示用，呵呵，大家可不要抓我什么引号漏洞这些小辫子哟)
2 用户控件(USERCONTROL)
CODEBEHIND技术真正实现了代码与构架的分离，比以前的技术前进了一大步，但是它的缺陷也是显而易见的，比如主页面中部那个登陆区，如果内容很多，HTML显示代码的依然会占用很大的区域，程序的可读性依然会降低。
ASP.NET也提供了解决办法，这就是用户控件。
用户控件我们可以将其视为不用编译的SERVER控件。即然是控件，那么就肯定会遵从控件的使用方法。我们将EXAMPLE1.ASPX中的每个PANEL整体看成为一个控件，因此EXAMPLE1.ASPX的主体部分通过使用用户控件便可以减少为只有三行：
<% @ REGISTER TAGPREFIX="ASPCN" TAGNAME="HEADER" SRC="USERCONTROLS/HEADER.ASCX" %>
<% @ REGISTER TAGPREFIX="ASPCN" TAGNAME="LOGON" SRC="USERCONTROLS/LOGON.ASCX" %>
<% @ REGISTER TAGPREFIX="ASPCN" TAGNAME="FOOTER" SRC="USERCONTROLS/FOOTER.ASCX" %>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<FORM RUNAT="SERVER">
<ASPCN:HEADER ID="MYHEADER" RUNAT="SERVER" />
<ASPCN:LOGON ID="MYLOGON" RUNAT="SERVER" />
<ASPCN:FOOTER ID="MYFOOTER" RUNAT="SERVER" />
</FORM>
</BODY>
</HTML>
执行这个程序，其运行结果与使用CODEBEHIND技术的结果是一样的，但是现在的ASP.NET程序更加容易区分页面构架了。
<ASPCN:HEADER ID="MYHEADER" RUNAT="SERVER" />
<ASPCN:LOGON ID="MYLOGON" RUNAT="SERVER" />
<ASPCN:FOOTER ID="MYFOOTER" RUNAT="SERVER" />
这三行代码，使用了三个用户控件，这么少的代码大家一眼就可以清楚的看到页面被分为三个部分。
要使用用户控件就必须使用REGISTER指令，TAGPREFIX属性定义是的一个NAMESPACE的名字，以保证它在这个页面的唯一性;TAGNAME属性是在定义一个类(CLASS)的别名，由于用户控件执行时是被CLR编译成为类来执行的，所以就必须给本程序中每个用户控件一个唯一的名字，以便于大家区分；SRC属性则是具体指出了使用的用户控件的文件名(用户控件均以.ASCX结尾)。
用户控件的使用与普通SERVER控件一样：
<NAMESPACE:CLASS ... RUNAT="SERVER" />
NAMESPACE表示定义的命名空间，CLASS则是相应的类名，具体的使用例子有：
<ASPCN:LOGON ID="MYLOGON" RUNAT="SERVER" />
下面是用户控件显示程序中所使用的用户控件的具体内容：
HEADER.ASCX(HEADER用户控件)
<SCRIPT LANGUAGE="C#" RUNAT="SERVER">
PRIVATE VOID ADCREATED(OBJECT SRC,ADCREATEDEVENTARGS E)
{
LBLADTEXT.TEXT = E.ALTERNATETEXT;
}
</SCRIPT>
<ASP:ADROTATOR ID="AD" ADVERTISEMENTFILE="..ADBANNERSAD.XML" BORDERWIDTH="0" ONADCREATED="ADCREATED" RUNAT="SERVER" /><BR>
当前广告链接：<ASP:LABEL ID="LBLADTEXT" FORECOLOR="RED" RUNAT="SERVER" />
LOGON.ASCX(LOGON用户控件)
<% @ IMPORT NAMESPACE="SYSTEM.DATA" %>
<% @ IMPORT NAMESPACE="SYSTEM.DATA.SQLCLIENT" %>
<SCRIPT LANGUAGE="C#" RUNAT="SERVER">
PROTECTED STRING STRCONNSTRING = "SERVER=(LOCAL)\FEIDAO;DATABASE=ASPCN;TRUSTED_CONNECTION=YES";
//定义USERCONTROL的属性
PUBLIC STRING USERNAME
{
GET
{
RETURN TBUSERNAME.TEXT;
}
SET
{
TBUSERNAME.TEXT = VALUE;
}
}
PUBLIC STRING PASSWORD
{
GET
{
RETURN TBPASSWD.TEXT;
}
SET
{
TBPASSWD.TEXT = VALUE;
}
}
//事件处理
PRIVATE 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 = "登陆成功";
SESSION["USERNAME"] = DR["ID"].TOSTRING();
SESSION["PURVIEW"] = DR["PURVIEW"].TOSTRING();
}
ELSE
{
//登陆不成功
LBLMSGSHOW.TEXT = "登陆不成功";
}
DR.CLOSE();
MYCONN.CLOSE();
}
</SCRIPT>
<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>
FOOTER.ASCX(FOOTER用户控件)
<SCRIPT LANGUAGE="C#" RUNAT="SERVER">
PRIVATE VOID PAGE_LOAD(OBJECT SRC,EVENTARGS E)
{
IF(SESSION["USERNAME"]!=NULL)
{
LBLUSERNAME.TEXT = (STRING)SESSION["USERNAME"];
LBLPURVIEW.TEXT = (STRING)SESSION["PURVIEW"];
}
}
</SCRIPT>
用户名：<ASP:LABEL ID="LBLUSERNAME" FONT-NAME="ARIAL" FORECOLOR="RED" TEXT="游客" RUNAT="SERVER" />
权限：<ASP:LABEL ID="LBLPURVIEW" FONT-NAME="ARIAL" TEXT="无" FORECOLOR="RED" RUNAT="SERVER" />
每个控件包含有自已的显示代码以及相应的程序代码。
我们可以将一些常用的功能制作成为固定的用户控件，当需要时，我们就可直接拿来使用，而不需要使用烦人的CRTL+C，CTRL+V来"复制"、"粘贴"长长的一大堆代码。
用户控件不仅做到了程序代码与页面构架的分离，而且还增加了代码重用性。
3 自定义控件(CUSTOM CONTROL)
用户控件是很不错的选择，但是由于每个用户控件都是一个ASCX文件，当这些控件很多时，它们的使用就显得比较零乱。此时我们便想可不可以将一些比较相似的控件整合起来，在程序中只需要引用一次，便全部搞定。这是个很不错的想法，我们把这个想法说得更加专业一些："将多个类(CLASS)导入同一个命名空间(NAMESPACE)"。呵呵，怎么样，这句话是不是有点有耳熟？大家快去查一查SERVER控件的定义，是不是发现这句话是...
