【51CTO獨(dú)家特稿】一、簡介

在ASP.NET的早期版本中，當(dāng)您使用Visual Studio創(chuàng)建一個(gè)新的Web網(wǎng)站項(xiàng)目或Web應(yīng)用程序項(xiàng)目時(shí)，結(jié)果項(xiàng)目中往往僅包含一個(gè)名為Default.aspx的頁面，一個(gè)默認(rèn)的配置文件Web.config，還有一個(gè)命名為App_Data的文件夾，如下圖所示：

此外，Visual Studio還支持一個(gè)空的網(wǎng)站項(xiàng)目類型，其中沒有提供任何文件，如下圖所示：

其結(jié)果是，對于初學(xué)者來說，對于如何創(chuàng)建一個(gè)實(shí)用型Web應(yīng)用程序，工程開始時(shí)基本沒有提供框架性指導(dǎo)。為此，ASP.NET 4 Beta 2中推出了三個(gè)新的模板，一個(gè)適用于創(chuàng)建空的Web應(yīng)用程序項(xiàng)目，一個(gè)適用于創(chuàng)建Web應(yīng)用程序，一個(gè)適用于創(chuàng)建Web網(wǎng)站項(xiàng)目。下面將作逐一介紹。51CTO此時(shí)也向您推薦《ASP.NET視頻教程》

二、空的Web應(yīng)用程序模板

顧名思義，空的Web應(yīng)用程序模板是一個(gè)精簡的Web應(yīng)用程序項(xiàng)目。您可以從Visual Studio的新建項(xiàng)目對話框中選擇此項(xiàng)目模板，如下圖所示：

當(dāng)您創(chuàng)建一個(gè)空的ASP.NET Web應(yīng)用程序時(shí)，Visual Studio將創(chuàng)建下列文件夾布局：

上圖中的文件夾布局十分類似于早期版本的ASP.NET中空白Web網(wǎng)站布局，僅有一個(gè)例外。在Visual Studio 2010 Beta 2中，空白Web應(yīng)用程序和空白Web網(wǎng)站項(xiàng)目中都包含了一個(gè)提供了以下最基本內(nèi)容的配置文件Web.config。此文件中包含的內(nèi)容提供給Visual Studio用于確定項(xiàng)目的最終目標(biāo)框架：

如果去掉上述配置中的targetFramework屬性，那么Visual Studio默認(rèn)地把NET Framework 2.0作為項(xiàng)目的最終目標(biāo)框架，從而保持對舊的應(yīng)用程序的兼容性。

#p#

三、Web應(yīng)用程序與Web網(wǎng)站項(xiàng)目模板

隨同Visual Studio 2010 Beta 2一起發(fā)行的另外兩個(gè)新的項(xiàng)目模板包含了許多重大的變化。下圖顯示了當(dāng)你創(chuàng)建一個(gè)新的Web應(yīng)用程序項(xiàng)目時(shí)的項(xiàng)目布局（注：網(wǎng)站項(xiàng)目的布局實(shí)際上也是這樣的）。欲了解更多關(guān)于Visual Studio 2010內(nèi)容請?jiān)L問51CTO開發(fā)頻道專題《體驗(yàn)Visual Studio 2008展望2010》。

注意到，圖中的項(xiàng)目中包括了若干早期版本中不曾創(chuàng)建的文件。此外，新的Web應(yīng)用程序項(xiàng)目配置了基本的會員支持功能，這可以幫助您快速地創(chuàng)建支持安全訪問型的新的應(yīng)用程序。由于包含了這一功能，所以新項(xiàng)目的配置文件Web.config中相應(yīng)地包含了用于進(jìn)行成員、角色和個(gè)人簡介等內(nèi)容配置的條目。下圖中的例子展示了一個(gè)新的Web應(yīng)用程序項(xiàng)目的Web.config文件。（注意，在本例中，角色管理器配置節(jié)roleManager被禁用。）

此外，上面項(xiàng)目中在Account目錄下還包含了另一個(gè)配置文件Web.config。這第二個(gè)配置文件用于提供給尚未登錄的用戶使用以便安全地訪問更改密碼頁面ChangePassword.aspx。下面的例子顯示了第二個(gè)Web.config文件的內(nèi)容。

默認(rèn)情況下，新項(xiàng)目模板中包含了比以前的版本更多的內(nèi)容。例如，項(xiàng)目中包含了一個(gè)默認(rèn)的母版頁和CSS文件，系統(tǒng)主頁面Default.aspx默認(rèn)地被配置為使用母版頁。結(jié)果是，當(dāng)你***次運(yùn)行你的Web應(yīng)用程序或網(wǎng)站時(shí)，主頁面Default.aspx已經(jīng)具備了基本的功能。事實(shí)上，如果讀者熟悉Visual Studio自帶的ASP.NET MVC工程模板的話，你會注意到，這個(gè)主頁面Default.aspx非常類似于你初始創(chuàng)建的MVC應(yīng)用程序中的主頁面。

項(xiàng)目模板中的上述變化都是為了對創(chuàng)建一個(gè)新的Web應(yīng)用程序提供指南。通過使用語義正確的而且嚴(yán)格的XHTML 1.0兼容的標(biāo)記以及基于CSS技術(shù)定義的頁面元素布局，模板中提供的頁面將為你構(gòu)建ASP.NET 4 Web應(yīng)用程序提供***實(shí)踐參考。你還會注意到，主頁面中提供了一個(gè)兩欄式布局—如果不適合你的要求，你可以輕松地加以定制。

不妨設(shè)想這樣一個(gè)例子，你想在一個(gè)新的Web應(yīng)用程序中更改一些顏色并插入您的公司標(biāo)志以取代模板中原有的ASP.NET應(yīng)用程序標(biāo)志。為此，你可以在Content目錄下創(chuàng)建一個(gè)新的子目錄來存儲你自己的標(biāo)志圖片：

為了把上面的圖片添加到網(wǎng)頁中，你可以打開母版文件Site.Master，找到文本“My ASP.NET Application”所在處，然后使用一個(gè)image元素取代之，并把其src屬性設(shè)置為你上面創(chuàng)建的新的標(biāo)志圖像，就像下面的標(biāo)記代碼所示：

然后，你可以打開層疊樣式表文件Site.css，并修改其中的CSS類定義來改變頁面的背景色和頁面的head標(biāo)記，如下面的例子所示：

經(jīng)過上面簡單的修改，你便可以實(shí)現(xiàn)顯示一個(gè)定制主頁之目的，如下圖所示：