【51CTO獨家特稿】一、簡介

在ASP.NET的早期版本中，當您使用Visual Studio創建一個新的Web網站項目或Web應用程序項目時，結果項目中往往僅包含一個名為Default.aspx的頁面，一個默認的配置文件Web.config，還有一個命名為App_Data的文件夾，如下圖所示：

此外，Visual Studio還支持一個空的網站項目類型，其中沒有提供任何文件，如下圖所示：

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

二、空的Web應用程序模板

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

當您創建一個空的ASP.NET Web應用程序時，Visual Studio將創建下列文件夾布局：

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

如果去掉上述配置中的targetFramework屬性，那么Visual Studio默認地把NET Framework 2.0作為項目的最終目標框架，從而保持對舊的應用程序的兼容性。

#p#

三、Web應用程序與Web網站項目模板

隨同Visual Studio 2010 Beta 2一起發行的另外兩個新的項目模板包含了許多重大的變化。下圖顯示了當你創建一個新的Web應用程序項目時的項目布局（注：網站項目的布局實際上也是這樣的）。欲了解更多關于Visual Studio 2010內容請訪問51CTO開發頻道專題《體驗Visual Studio 2008展望2010》。

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

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

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

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

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

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

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

經過上面簡單的修改，你便可以實現顯示一個定制主頁之目的，如下圖所示：