ASP.NET網(wǎng)站建設(shè)之代碼分離

在我們傳統(tǒng)的網(wǎng)站建設(shè)中通常是先設(shè)計網(wǎng)站頁面，再利用開發(fā)工具，在網(wǎng)站的框架內(nèi)進(jìn)行功能設(shè)計。這樣的網(wǎng)站建設(shè)存在很多弊端，其中最突出的缺點是不利于小組共同開發(fā)，各環(huán)節(jié)之間依賴性太強(qiáng)。

在ASP.NET中我們可以利用后臺編碼，把HTML用戶界面設(shè)計（顏色、美學(xué)等）與頁面代碼區(qū)分開來。這樣就可以解決我們小組的并行開發(fā)問題。

其主題思想是：美工來進(jìn)行網(wǎng)站頁面的設(shè)計，程序員對網(wǎng)站要實現(xiàn)的功能分模塊開發(fā)。待到頁面和功能模塊開發(fā)完畢后，我們只要在美工界面中對其HTML代碼稍加修改，就可以完成對應(yīng)的功能。

下面就用一個小例子來進(jìn)行說明。

程序員完成的功能有如下模塊：

1.      在左邊的Column1處點擊，中間的三個內(nèi)容顯示小組三條新聞

2.      在Column2處點擊，中間的三個內(nèi)容顯示三個人員情況

3.      在Column3處點擊，彈出一個窗口顯示一張照片。

為了測試，我們可以將這三個功能分別交給兩個程序員來做。

甲程序員：完成模塊1和2

1．              甲可以先建立一個WebApplication,在界面上放入兩個ImageButton:IBtnNews，IBtnMember和六個Label:Lb1Title,Lb1Detail, Lb2Title,Lb2Detail, Lb3Title,Lb3Detail。生成一個Web應(yīng)用程序，點擊IBNews,六個Label顯示小組新聞，點擊IBMember,六個Label顯示小組三名成員。這樣我們就為建立源文件創(chuàng)建好了條件。

2．              我們建立一個C#類文件CodeBehind.cs。

3．              由于我們是建立的Web程序，則需要在添加引用中，添加System.Web.dll應(yīng)用。

4．              去掉構(gòu)造函數(shù)，因為后臺編碼不需要創(chuàng)建類。

5．              讓類從Page對象上繼承功能，即

public class CodeBehind:System.Web.UI.Page

6．              將剛才生成的WebApplication中的相關(guān)代碼復(fù)制進(jìn)來，主要有兩個部分：聲明部分和方法部分，在這里把應(yīng)用程序中的可訪問級別protected，改為public，因為只有這樣外部的代碼才可以訪問我們的方法和變量，要注意的是頁面上所有與后臺編碼文件交戶的控件都要有一個對應(yīng)的本地變量。

7．              生成一個CodeBehind.cs。

至此，甲程序員的工作完成。乙程序員可以用同樣的方式生成他的CodeBehind.cs文件。甲乙兩位程序員進(jìn)行代碼合成，完成一個完整的CodeBehinde.cs;

代碼如下：

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace codetest

{

public class News:System.Web.UI.Page

{

public System.Web.UI.WebControls.Label Lb1Title;

public System.Web.UI.WebControls.Label Lb1Detail;

public System.Web.UI.WebControls.Label Lb2Title;

public System.Web.UI.WebControls.Label Lb2Detail;

public System.Web.UI.WebControls.Label Lb3Title;

public System.Web.UI.WebControls.Label Lb3Detail;

public System.Web.UI.WebControls.ImageButton IBtnNews;

public System.Web.UI.WebControls.ImageButton IIBtnMember;

public System.Web.UI.WebControls.ImageButton IBtnContact;

public void IBtnNews_Click(object sender, System.Web.UI.ImageClickEventArgs e)

{

…………………………

}

public void IIBtnMember_Click(object sender, System.Web.UI.ImageClickEventArgs e)

{

…………………………

}

public void IBtnContact_Click(object sender, System.Web.UI.ImageClickEventArgs e)

{

string strScript=" ";

Response.Write(strScript);

}

}

}

下面我們來說明如何將建好的后臺代碼和美工好的網(wǎng)頁結(jié)合起來。

1．集成工程師生成一個新的WebApplication，將CodeBehind.cs文件保存在bin目錄下，并將其加入引用。

2．集成工程師將美工好的網(wǎng)頁的圖片加入對應(yīng)的引用，復(fù)制HTML代碼，放入新的WebApplication的頁面中，這樣，我們就可以看到美工好的頁面展現(xiàn)在我們的.aspx文件中。

3．更改頁面最上面的黃色代碼，其中Codebehind="CodeBehind.cs"：讓頁面后臺支持的代碼指向我們寫好的cs文件。Inherits="codetest.CodeBehind"：讓頁面繼承于類CodeBehind中的功能，codetest為我們定義的名詞空間。

4．在HTML代碼中內(nèi)填入< form id="Form1" method="post" runat="server">在上面加上。

5．相對應(yīng)的地方拖入Web控件，注意這里的ID要與cs文件中的定義對應(yīng)。

6．在HTML代碼中，找到Web控件，添加對應(yīng)的方法名稱。

這樣就結(jié)合完畢。運行看看效果如何。

大家看上面在改動HTML代碼的時候稍顯麻煩，我們還有一種更簡單的方法，只要在后臺文件中加入幾行代碼，我們就不必在HTML中找到控件的位置，加入事件引用了。

在后臺文件中加入

protected override void OnInit(EventArgs e)

//此方法引發(fā)Init事件，當(dāng)服務(wù)器控件初始化是發(fā)生。

{

初始化控件方法（）

base.OnInit(e);

}

private void初始化控件方法（）;

{

this.控件名.Click+=new EventHandler(控件事件響應(yīng)方法);

}

上面兩個方法的加入，我們可以看到，只要我們在后臺代碼中加入初始化控件的方法，就可以將對應(yīng)的事件加入進(jìn)去，而不用在HTML代碼中加入事件引用了。同樣，我們將常用的Page_Load事件也可以實現(xiàn)

只要加入：

Private void Page_Load(object sender,System.EventArgs e)

{

代碼；

}

private void初始化控件方法（）;

{

this.控件名.Click+=new System.EventHandler(控件事件響應(yīng)方法);

this.Load+=new System.EventHandler(this.Page_Load);

}

EventHandler:是表示將處理不包含事件數(shù)據(jù)的事件的方法。

控件事件響應(yīng)方法只要符合：方法名（object sender,System.EventArgs e）就可以。

目前存在的問題：

1．  如何保持美工所作的效果不因使用了Web控件而受影響。

2．  多人在做同一個網(wǎng)頁的時候，只能通過合并cs文件的方法來集成后臺代碼。不利于代碼的維護(hù)。

網(wǎng)站名稱：ASP.NET網(wǎng)站建設(shè)之代碼分離
網(wǎng)站鏈接：http://www.muchs.cn/news49/286849.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、定制開發(fā)、網(wǎng)站設(shè)計公司、品牌網(wǎng)站建設(shè)、網(wǎng)站收錄、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)