ASP.Net中程序構架與程序代碼的分離

時間:2022-04-18 01:46:00

導語:ASP.Net中程序構架與程序代碼的分離一文來源于網友上傳,不代表本站觀點,若需要原創文章可咨詢客服老師,歡迎參考。

ASP.Net中程序構架與程序代碼的分離

中程構架程序代碼分離

時間:2003-5-27作者:秩名

一年前,當本人拿到一個名叫TWIG的PHP程序時,立即被作者OOP編程思想所折服,很難想像TWIG中所有的功能(行事歷、郵件、個性化)均在一個PHP文件(index.php3)中執行完成,這就得益于作者采用了程序代碼與頁面構架分離的思想,但是我也看到盡管作者做了很大的努力,但由于PHP的局限性,程序并沒有真正做到代碼與構架的分離,index.php3這個主文件由于要執行的功能太多,所以其require的模塊文件相當之多,至使整個文件依然顯得十分零亂,本人愚昧,當時花了半個月的時間,才真正明白程序的構架,分析代碼之苦,無人能知啊(黯然淚下......)。

TWIG程序對我此后的編程有著很大的影響,但是即使這樣的作品,依然沒有擺脫程序代碼與HTML代碼混雜的局面。

程序代碼與頁面構架的分離是WEB程序員多年的夢想。在出現之前,無論是ASP、PHP還是JSP,程序代碼與HTML代碼都是混雜在一起的,這種做法,雖然在WEB技術初期受到贊揚,但是隨著時間的的推移,它的弊端是越來越明顯,當程序代碼很長時,HTML代碼與其混雜,程序的可讀性變得很差,讓人無法分清程序真正要表示的頁面構架。

而新技術則通過Codebehind、用戶控件(UserControl)以及自定義控件(CustomControl)等方法真正做到了代碼的分離。這是一個了不起的進步,大家可以在本文中看到分離代碼后的程序的結構是多么的清晰。

為了便于理解,這里設計的頁面比較簡單,頁面分為三個主要的部分,頭部包含一個AdRotator控件(用于顯示廣告)與一個Label控件(用于顯示當前廣告鏈接地址);中部是一個登陸頁面,包括兩個TextBox控件(分別用于輸入用戶名與密碼)、一個Label控件(顯示登陸是否成功)與一個Button控件(作為提交按鈕);底部包含兩個Label控件(分別顯示當前用戶名與用戶權限)。

熟悉的朋友,馬上就會意識到頭部由于使用了AdRotator控件,所以必定存在OnAdCreated事件以便在Label控件顯示相應鏈接;而中部由于使用Button控件做為提交按鈕,所以必定有一個OnClick事件處理。

1CodeBehind

首先我們就看看如何使用CodeBehind方法來實現代碼與頁面構架的分離,下面給出的源程序是主程序--Example1.aspx:

<%@PageSrc="cs\EventHandle.cs"Inherits="Aspcn"%>

<html>

<head>

<title></title>

</head>

<body>

<formrunat="server">

<asp:Panelid="Header"runat="server">

<asp:AdRotatorid="ad"AdvertisementFile="AdBanners\ad.xml"BorderWidth="0"OnAdCreated="AdCreated"runat="server"/><br>

當前廣告鏈接:<asp:Labelid="lblAdText"ForeColor="red"runat="server"/>

</asp:Panel>

<asp:Panelid="Logon"runat="server">

<table>

<tr><tdcolspan="2"align="center"><b>登陸窗口</b></td></tr>

<tr><tdcolspan="2"align="center"><asp:Labelid="lblMsgShow"ForeColor="red"runat="server"/></td></tr>

<tr><td>用戶名:</td><td><asp:TextBoxid="tbUserName"runat="server"/></td></tr>

<tr><td>密碼:</td><td><asp:TextBoxid="tbPasswd"TextMode="Password"runat="server"/></td></tr>

<tr><td><asp:Buttonid="btnSubmit"Text="登陸"OnClick="Submit_Click"runat="server"/></td></tr>

</table>

</asp:Panel>

<asp:Panelid="Footer"runat="server">

用戶名:<asp:Labelid="lblUserName"Font-Name="Arial"ForeColor="red"Text="游客"runat="server"/>

權限:<asp:Labelid="lblPurview"Font-Name="Arial"Text="無"ForeColor="red"runat="server"/>

</asp:Panel>

</form>

</body>

</html>

例程中,大家可以清楚地看到程序中不包含任何C#、VB、javascript來處理OnAdCreated與OnClick事件,但是執行本程序,程序能夠正常使用(如圖2-1與圖2-2)。這便是使用CodeBehinde的結果,事件處理已經被轉移到其它程序中定義執行。請大家注意本例中第一行的信息:

<%@PageSrc="cs\EventHandle.cs"Inherits="Aspcn"%>

一般在程序中,Page指令都在設定本程序應當使用什么語言(使用Language屬性),而本例中沒有出現Language屬性,而是出現了兩個新的Page屬性:Src與Inherits。Src屬性設定事件處理真正的代碼位置,Inherits屬性則設定需要引入的類名。可以看到本例中定義事件處理的文件是EventHandle.cs,我們來看看它的具體內容:usingSystem;

usingSystem.Data;

usingSystem.Data.SqlClient;

usingSystem.Web;

usingSystem.Web.UI;

usingSystem.Web.UI.WebControls;

usingSystem.Web.UI.HtmlControls;

publicclassAspcn:Page

{

//聲明WebForm中出現的控件

publicLabellblAdText,lblUserName,lblPurview,lblMsgShow;

publicTextBoxtbUserName,tbPasswd;

publicButtonbtnSubmit;

publicAdRotatorad;

privatestringstrConnString="server=(local)\\Feidao;database=aspcn;Trusted_Connection=yes";

//處理Adrotator控件建立事件

publicvoidAdCreated(Objectsrc,AdCreatedEventArgse)

{

lblAdText.Text=e.AlternateText;

}

publicvoidSubmit_Click(Objectsender,EventArgse)

{

SqlConnectionMyConn=newSqlConnection(strConnString);

MyConn.Open();

stringstrUserName,strPassword,strSelect;

strUserName=tbUserName.Text;

strPassword=tbPasswd.Text;

strSelect="select*frombbs_userwhereid=''''"+strUserName+"''''andpassword=''''"+strPassword+"''''";

SqlCommandMyComm=newSqlCommand(strSelect,MyConn);

SqlDataReaderdr=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,注意大小寫),由于需要與WebForms相關聯,所以此類還必須繼承Page類。

分析程序,大家可以看到程序中對事件的處理操作是與普通的未進行代碼分離的程序是一樣的,并沒有什么特別的地方。(本人在程序中已經給出的相關注釋,相信對大家理解程序有所幫助)

使用CodeBehind技術后,大家需要多寫一些代碼,比如聲明控件等,也許大家很不喜歡多寫這樣的代碼,但是大家也必須看到使用了CodeBehind技術后,主程序的可讀性大大增加了。在Example1.aspx中相信大家很快就可以區分頁面構架的各個部分,大家想想這些構架如果在其它技術是否能看得如此清楚?

(這里的程序只做演示用,呵呵,大家可不要抓我什么引號漏洞這些小辮子喲)

2用戶控件(UserControl)

CodeBehind技術真正實現了代碼與構架的分離,比以前的技術前進了一大步,但是它的缺陷也是顯而易見的,比如主頁面中部那個登陸區,如果內容很多,HTML顯示代碼的依然會占用很大的區域,程序的可讀性依然會降低。

也提供了解決辦法,這就是用戶控件。

用戶控件我們可以將其視為不用編譯的Server控件。即然是控件,那么就肯定會遵從控件的使用方法。我們將Example1.aspx中的每個Panel整體看成為一個控件,因此Example1.aspx的主體部分通過使用用戶控件便可以減少為只有三行:

<%@RegisterTagPrefix="aspcn"TagName="Header"Src="UserControls/Header.ascx"%>

<%@RegisterTagPrefix="aspcn"TagName="Logon"Src="UserControls/Logon.ascx"%>

<%@RegisterTagPrefix="aspcn"TagName="Footer"Src="UserControls/Footer.ascx"%>

<html>

<head>

<title></title>

</head>

<body>

<formrunat="server">

<aspcn:Headerid="MyHeader"runat="server"/>

<aspcn:Logonid="MyLogon"runat="server"/>

<aspcn:Footerid="MyFooter"runat="server"/>

</form>

</body>

</html>

執行這個程序,其運行結果與使用CodeBehind技術的結果是一樣的,但是現在的程序更加容易區分頁面構架了。

<aspcn:Headerid="MyHeader"runat="server"/>

<aspcn:Logonid="MyLogon"runat="server"/>

<aspcn:Footerid="MyFooter"runat="server"/>

這三行代碼,使用了三個用戶控件,這么少的代碼大家一眼就可以清楚的看到頁面被分為三個部分。

要使用用戶控件就必須使用Register指令,TagPrefix屬性定義是的一個Namespace的名字,以保證它在這個頁面的唯一性;TagName屬性是在定義一個類(class)的別名,由于用戶控件執行時是被CLR編譯成為類來執行的,所以就必須給本程序中每個用戶控件一個唯一的名字,以便于大家區分;Src屬性則是具體指出了使用的用戶控件的文件名(用戶控件均以.ascx結尾)。

用戶控件的使用與普通Server控件一樣:

<namespace:class...runat="server"/>

namespace表示定義的命名空間,class則是相應的類名,具體的使用例子有:

<aspcn:Logonid="MyLogon"runat="server"/>

下面是用戶控件顯示程序中所使用的用戶控件的具體內容:

Header.ascx(Header用戶控件)

<ScriptLanguage="C#"Runat="Server">

privatevoidAdCreated(Objectsrc,AdCreatedEventArgse)

{

lblAdText.Text=e.AlternateText;

}

</script>

<asp:AdRotatorid="ad"AdvertisementFile="..\AdBanners\ad.xml"BorderWidth="0"OnAdCreated="AdCreated"runat="server"/><br>

當前廣告鏈接:<asp:Labelid="lblAdText"ForeColor="red"runat="server"/>

Logon.ascx(Logon用戶控件)

<%@ImportNamespace="System.Data"%>

<%@ImportNamespace="System.Data.SqlClient"%>

<ScriptLanguage="C#"Runat="Server">

protectedstringstrConnString="server=(local)\\Feidao;database=aspcn;Trusted_Connection=yes";

//定義UserControl的屬性

publicstringUserName

{

get

{

returntbUserName.Text;

}

set

{

tbUserName.Text=value;

}

}

publicstringPassword

{

get

{

returntbPasswd.Text;

}

set

{

tbPasswd.Text=value;

}

}

//事件處理

privatevoidSubmit_Click(Objectsender,EventArgse)

{

SqlConnectionMyConn=newSqlConnection(strConnString);

MyConn.Open();

stringstrUserName,strPassword,strSelect;

strUserName=tbUserName.Text;

strPassword=tbPasswd.Text;

strSelect="select*frombbs_userwhereid=''''"+strUserName+"''''andpassword=''''"+strPassword+"''''";

SqlCommandMyComm=newSqlCommand(strSelect,MyConn);

SqlDataReaderdr=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><tdcolspan="2"align="center"><b>登陸窗口</b></td></tr>

<tr><tdcolspan="2"align="center"><asp:Labelid="lblMsgShow"ForeColor="red"runat="server"/></td></tr>

<tr><td>用戶名:</td><td><asp:TextBoxid="tbUserName"runat="server"/></td></tr>

<tr><td>密碼:</td><td><asp:TextBoxid="tbPasswd"TextMode="Password"runat="server"/></td></tr>

<tr><td><asp:Buttonid="btnSubmit"Text="登陸"OnClick="Submit_Click"runat="server"/></td></tr>

</table>

Footer.ascx(Footer用戶控件)

<ScriptLanguage="C#"Runat="Server">

privatevoidPage_Load(Objectsrc,EventArgse)

{

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

{

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

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

}

}

</script>

用戶名:<asp:Labelid="lblUserName"Font-Name="Arial"ForeColor="red"Text="游客"runat="server"/>

權限:<asp:Labelid="lblPurview"Font-Name="Arial"Text="無"ForeColor="red"runat="server"/>

每個控件包含有自已的顯示代碼以及相應的程序代碼。

我們可以將一些常用的功能制作成為固定的用戶控件,當需要時,我們就可直接拿來使用,而不需要使用煩人的Crtl+C,Ctrl+V來"復制"、"粘貼"長長的一大堆代碼。

用戶控件不僅做到了程序代碼與頁面構架的分離,而且還增加了代碼重用性。

3自定義控件(CustomControl)

用戶控件是很不錯的選擇,但是由于每個用戶控件都是一個ascx文件,當這些控件很多時,它們的使用就顯得比較零亂。此時我們便想可不可以將一些比較相似的控件整合起來,在程序中只需要引用一次,便全部搞定。這是個很不錯的想法,我們把這個想法說得更加專業一些:"將多個類(class)導入同一個命名空間(namespace)"。呵呵,怎么樣,這句話是不是有點有耳熟?大家快去查一查Server控件的定義,是不是發現這句話是...

我們下面就要接觸如何寫Server控件。編寫Server控件并不是一件輕松容易的事情,需要對.Net平臺有比較深的了解,適合于高級用戶,因此這里本人也不會具體描述Server控件的編寫步驟(要細細講這個,非得寫書不可)。請大家比較一下自定義控件源代碼與用戶控件的區別,作一些大致的了解:

usingSystem;

usingSystem.Data;

usingSystem.Data.SqlClient;

usingSystem.Drawing;

usingSystem.Web;

usingSystem.Web.UI;

usingSystem.Web.UI.WebControls;

namespaceaspcn

{

//首先是Header

publicclassHeader:Control,INamingContainer

{

privateAdRotatorad;

privateLabellblAdText;

protectedoverridevoidCreateChildControls()

{

//加入AdRotator廣告控件

ad=newAdRotator();

ad.AdvertisementFile="AdBanners/ad.xml";

ad.BorderWidth=0;

ad.AdCreated+=newAdCreatedEventHandler(this.OnAdCreated);

this.Controls.Add(ad);

this.Controls.Add(newLiteralControl("<br>"+"當前廣告鏈接為:"));

//加入Label控件

lblAdText=newLabel();

lblAdText.ForeColor=Color.Red;

this.Controls.Add(lblAdText);

}

privatevoidOnAdCreated(Objectsender,AdCreatedEventArgse)

{

this.lblAdText.Text=e.AlternateText;

}

}

//接著是Logon

publicclassLogon:Control,INamingContainer

{

privatestringstrConnString="server=(local)\\Feidao;database=aspcn;Trusted_Connection=yes";

privateLabellblMsgShow;

privateTextBoxtbUserName,tbPasswd;

publicStringUserName

{

get

{

returntbUserName.Text;

}

set

{

tbUserName.Text=value;

}

}

protectedoverridevoidCreateChildControls()

{

//添加HTML標簽

this.Controls.Add(newLiteralControl("<table><tr><tdcolspan=\"2\"align=\"center\"><b>登陸窗口</b></td></tr><tr><tdcolspan=\"2\"align=\"center\">"));

//添加MsgShowLabel控件公務員之家版權所有

lblMsgShow=newLabel();

lblMsgShow.ForeColor=Color.Red;

this.Controls.Add(lblMsgShow);

this.Controls.Add(newLiteralControl("</td></tr><tr><td>用戶名:</td><td>"));

//添加UserName與PasswdTextBox控件

tbUserName=newTextBox();

this.Controls.Add(tbUserName);

this.Controls.Add(newLiteralControl("</td></tr><tr><td>密碼:</td><td>"));

tbPasswd=newTextBox();

tbPasswd.TextMode=TextBoxMode.Password;

this.Controls.Add(tbPasswd);

this.Controls.Add(newLiteralControl("</td></tr><tr><td>"));

//添加BtnSubmitButton控件

ButtonbtnSubmit=newButton();

btnSubmit.Text="登陸";

btnSubmit.Click+=newEventHandler(this.Submit_Click);

this.Controls.Add(btnSubmit);

this.Controls.Add(newLiteralControl("</td></tr></table>"));

}

//顯示完畢

privatevoidSubmit_Click(Objectsender,EventArgse)

{

SqlConnectionMyConn=newSqlConnection(strConnString);

MyConn.Open();

stringstrUserName,strPassword,strSelect;

strUserName=tbUserName.Text;

strPassword=tbPasswd.Text;

strSelect="select*frombbs_userwhereid=''''"+strUserName+"''''andpassword=''''"+strPassword+"''''";

SqlCommandMyComm=newSqlCommand(strSelect,MyConn);

SqlDataReaderdr=MyComm.ExecuteReader();

if(dr.Read())

{

//登陸成功

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

}

else

{

//登陸不成功

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

}

dr.Close();

MyConn.Close();

}

}

//最后是Footer

publicclassFooter:Control,INamingContainer

{

privatestring_UserName,_Purview;

publicstringUserName

{

get

{

return_UserName;

}

set

{

_UserName=value;

}

}

publicstringPurview

{

get

{

return_Purview;

}

set

{

_Purview=value;

}

}

publicFooter()

{

_UserName="游客";

_Purview="無";

}

protectedoverridevoidCreateChildControls()

{

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

LabellblUserName=newLabel();

lblUserName.ForeColor=Color.Red;

lblUserName.Font.Name="Arial";

lblUserName.Text=this.UserName;

this.Controls.Add(lblUserName);

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

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

LabellblPurview=newLabel();

lblPurview.ForeColor=Color.Red;

lblPurview.Font.Name="Arial";

lblPurview.Text=this.Purview;

this.Controls.Add(lblPurview);

}

}

}

上面和程序是將需要實現的功能,全部導入了自定義控件。程序中可以看到,在aspcn命名空間中包含三個類(Header,Logon,Footer),這三個類正是構架三個主體部分。

要使用自定義控件,還必須將原代碼進行編譯。

csc/t:library/out:aspcn.dll/r:System.Data.dll,System.Web.dll,System.Drawing.dllCustomControls.cs

C#程序編譯指令的用法,本人在此也不再重復。需要注意的是編譯的文件名,必須與控件中namespace的名字一致。

編譯后的dll,仍然不能使用,我們必須將其放到.Net平臺中最著名的目錄--/bin中,bin目錄(如果不存在,可以自行建立)存放的是當前虛擬目錄中所有使用自定義控件以及組件,CLR在執行程序時會自動搜索此目錄中的文件,以找到與程序相匹配的Namespace、Class以及Assembly。

當我們將程序編譯好的aspcn.dll放入/bin目錄后,這個自己編寫的Server控件便可以使用了。

(需要聲明一下,由于編寫Server控件時不能使用Session等變量,以至無法做到兩個class之間的通信,因此在缺省狀態下Footer控件并不能像前面的程序一樣隨Session內容發生改變,不過可以通過普通操作Server控件的方法來操作相應的屬性達到相同的效果,此處為節約版面,未采用)

下面再來看看主體WebForm的程序內容:

<%@RegisterTagPrefix="aspcn"Namespace="aspcn"Assembly="aspcn"%>

<html>

<head>

<title></title>

</head>

<body>

<formrunat="server">

<aspcn:Headerid="MyHeader"runat="server"/>

<aspcn:Logonid="MyLogon"runat="server"/>

<aspcn:Footerid="MyFooter"runat="server"/>

</form>

</body>

</html>

怎么樣,相當簡單明了吧。

引用我們自定義的控件,也相當簡潔,只需將Register指令的TagPrefix、Namespace、Assembly屬性全部設定為aspcn。

至此,中三種代碼與頁面構架分離的方法已經介紹完畢。

三種方法各有優劣,本人比較傾向于使用用戶控件與CodeBinde技術結合使用,因為他們均不需要編譯,相對來說更容易使用,如果您要保護你的代碼,自定義控件則當然是您最佳的選擇。