2.3 構建ASP.NET窗體

安裝、學習Visual Studio 2015的核心目的是編寫ASP.NET程序，ASP.NET的主要功能是制作網頁和編寫應用程序，本節將詳細講解ASP.NET窗體的組成。

2.3.1 構建Web頁面

用Visual Studio 2015構建Web頁面時，首先啟動Visual Studio 2015，依次選擇“文件|新建|項目”命令，出現如圖2-13所示的界面。

1．選擇.NET Framework版本

圖2-13所示頁面的中上部分用于選擇.NET Framework的版本，一般情況下，下拉列表框中包含了Visual Studio 2015安裝在計算機中所有的.NET Framework版本。在實際使用時，一般不用選擇此項，使用系統默認即可。

2．選擇項目模板

在圖2-13所示界面左側的模板中選擇“Web”，在中間選擇“ASP.NET Web應用程序”，界面下部填寫項目名稱并選擇存儲位置。單擊“確定”按鈕，則出現如圖2-14所示的頁面，所示頁面的中間部分是已經安裝的模板，常用的模板為“Empty”“Web Forms”“MVC”。

1）Empty：空Web網站。用于創建一個空ASP.NET網站，但不創建任何文件夾結構。

2）Web Forms：用于建立一個ASP.NET網站，建立時將自動創建相應的文件夾及必要的文件。

3）MVC：用于建立一個MVC類型的Web項目，MVC模式將在后面章節講解。

3．新建Web頁面

在圖2-14所示界面中選擇“Empty”，單擊“確定”按鈕，則會建立一個空的Web項目，項目中僅存在Web項目中的最基本結構，如圖2-15所示。界面中右側的“解決方案資源管理器”中列出了該Web項目的基本結構。在這個例子中，解決方案名稱和項目名稱都為“WebApplication4”。

在項目名稱“WebApplication4”上單擊右鍵，彈出右鍵菜單，選擇“添加(D)”，在下一級菜單中選擇“新建項(W)”，彈出如圖2-16所示界面。選擇“Web窗體”，在界面下部填入Web窗體的名稱“Default.aspx”，單擊“添加”按鈕。則一個Web窗體被成功加入到項目當中，如圖2-17所示。

2.3.2 Web頁面結構

上述Web頁面Default.aspx建立成功之后，雙擊該頁面，出現如圖2-18所示的界面。

1．@Page頁面指令

@Page頁面指令用于網站的頁面設置，該指令只能在Web窗體中使用，每個.aspx文件只能包含一條@Page指令，每條@Page指令只能定義一個Language屬性，如表2-2所示。

2．＜!DOCTYPE＞聲明

＜!DOCTYPE＞聲明位于＜html＞標簽之前，其功能是告知瀏覽器文檔所使用的HTML或XHTML規范。

2.3.3 Web頁面代碼存在形式

ASP.NET代碼共有三種存在形式，即嵌入代碼方式、單一文件方式和代碼分離方式。嵌入代碼方式是將ASP.NET代碼放在＜%...%＞之間，HTML代碼與ASP.NET代碼完全混合在一個文件中，如圖2-19所示；單一文件方式是指ASP.NET代碼與HTML代碼混合在一個文件中，但ASP.NET代碼放在HTML代碼前面，用＜Script＞和＜/Script＞標記，如圖2-20所示；代碼分離方式是指ASP.NET的代碼與HTML界面代碼分別用兩個文件存儲，如圖2-21所示。

代碼分離方式是Visual Studio2015建立新的Web窗體時的默認生成方式。

2.3.4 ASP.NET代碼編寫

ASP.NET窗體共有設計視圖、源視圖和拆分視圖三種視圖方式，編程時在設計視圖中添加控件、設計頁面風格，然后在設計視圖的控件上雙擊，代碼編輯過程如圖2-22所示，在光標處輸入程序代碼即可完成該控件功能的編寫工作。

ASP.NET代碼編寫窗口如圖2-23所示。

雙擊控件后，進入代碼編輯窗口，以按鈕Button1為例，將出現如下代碼。

第一行是每個事件都將給出的內容，具體說明如下。

1）protected是類的訪問修飾符。ASP.NET共有四種修飾符：private、protected、internal和public。protected的訪問范圍限定于它所屬的類或從該類派生的類。

2）void表示該事件函數的執行無返回值。

3）Button1_Click()是事件名稱，ASP.NET的事件名稱由控件名稱Button1和事件動作Click連接而成。

4）（object sender，EventArgs e），sender參數傳遞指向引發事件類的實例引用，而e是EventArgs類型的參數，包含了事件所攜帶的信息。也就是說，如果單擊按鈕Button1，那么sender就是Button1，e則是按鈕Button1所攜帶的信息。舉例說來，當單擊一個按鈕，程序怎么知道應該用哪個函數來處理這個動作呢？EventHandler會告訴程序：Button1（sender）被單擊了，請調用對應的處理函數。當然這個函數是誰，這個函數要做什么，是由程序員自己在該行語句下面編寫的按鈕事件決定，例如，處理代碼為：TextBox1.Text="我愛我的祖國！"。