第18章Web應用程序設計.

1、18.1 18.1 ASP.NETASP.NET概述概述18.2 18.2 創(chuàng)建一個簡單的創(chuàng)建一個簡單的WebWeb應用程序應用程序18.3 18.3 基本基本ASP.NETASP.NET服務器控件服務器控件18.4 18.4 高級高級ASP.NETASP.NET服務器端控件服務器端控件l 2000年年ASP.NET 1.0正式發(fā)布正式發(fā)布l 2003年年ASP.NET升級為升級為1.1版本版本l 2005年發(fā)布年發(fā)布ASP.NET 2.0l 2008年發(fā)布年發(fā)布ASP.NET 3.5l 2010年發(fā)布年發(fā)布ASP.NET 4.0l 2012年發(fā)布年發(fā)布ASP.NET 4.5l 18.1.1

2、18.1.1 ASP.NETASP.NET的發(fā)展歷程的發(fā)展歷程18.1.2 18.1.2 ASP.NETASP.NET網頁的組成網頁的組成 在在ASP.NET網頁中，用戶的編程工作分為兩個部分：網頁中，用戶的編程工作分為兩個部分：可視元素和邏輯?？梢曉睾瓦壿嫛 可視元素可視元素由一個包含靜態(tài)標簽（例如由一個包含靜態(tài)標簽（例如HTML或或ASP.NET服務器控件或兩者）的文件組成。服務器控件或兩者）的文件組成。ASP.NET網頁用作要顯示的靜態(tài)文本和控件的容器。網頁用作要顯示的靜態(tài)文本和控件的容器。l ASP.NET網頁的邏輯網頁的邏輯由代碼組成，這些代碼由用戶創(chuàng)由代碼組成，這些代碼由用戶創(chuàng)

3、建與頁進行交互。代碼可以駐留在頁的建與頁進行交互。代碼可以駐留在頁的script塊中或塊中或者單獨的類中。如果代碼在單獨的類文件中，則該文者單獨的類中。如果代碼在單獨的類文件中，則該文件稱為件稱為“代碼隱藏代碼隱藏”文件。代碼隱藏文件中的代碼在文件。代碼隱藏文件中的代碼在本書中使用本書中使用C#來編寫。來編寫。 ASP.NET頁面作為代碼在服務器上運行。因此，要得到頁面作為代碼在服務器上運行。因此，要得到處理，頁面必須配置為當使用者觸發(fā)交互時提交到服務器。處理，頁面必須配置為當使用者觸發(fā)交互時提交到服務器。每次頁面都會傳回服務器，以便再次運行其服務器代碼，每次頁面都會傳回服務器，以便再次運行其

4、服務器代碼，然后向使用者呈現其自身的新版本然后向使用者呈現其自身的新版本。18.1.3 18.1.3 ASPNETASPNET網頁的運行方式網頁的運行方式注意注意與與Windows窗體運行的區(qū)別！窗體運行的區(qū)別！18.1.4 18.1.4 ASP.NETASP.NET網頁代碼編寫模型網頁代碼編寫模型 ASP.NET提供兩種代碼編寫模型：單文件頁模型和代提供兩種代碼編寫模型：單文件頁模型和代碼隱藏頁模型。這兩個模型功能相同，在兩種模型中可以碼隱藏頁模型。這兩個模型功能相同，在兩種模型中可以使用相同的控件和代碼。使用相同的控件和代碼。1. 單文件頁模型單文件頁模型 在在單文件頁模型中，頁的標記及其

5、編程代碼位于同一單文件頁模型中，頁的標記及其編程代碼位于同一個個.aspx文件中。文件中。 編程編程代碼位于代碼位于script塊中，該塊包含塊中，該塊包含runat=server屬性，此屬性將其標記為屬性，此屬性將其標記為ASP .NET應執(zhí)行的代碼。應執(zhí)行的代碼。2. 代碼隱藏頁模型代碼隱藏頁模型 通過代碼隱藏模型，可以在一個文件（通過代碼隱藏模型，可以在一個文件（.aspx）中保留）中保留標記，并在另一個文件中保留編程代碼。標記，并在另一個文件中保留編程代碼。 代碼文件的名稱會根據所使用的編程語言而有所變化。代碼文件的名稱會根據所使用的編程語言而有所變化。這種模型的優(yōu)點是可以清楚地分隔標

6、記（這種模型的優(yōu)點是可以清楚地分隔標記（HTML代碼）和代碼）和代碼（程序代碼），適用于包含大量代碼或多個開發(fā)人員共代碼（程序代碼），適用于包含大量代碼或多個開發(fā)人員共同創(chuàng)建網站的同創(chuàng)建網站的Web應用程序，便于程序的維護和升級。應用程序，便于程序的維護和升級。 【例例18.1】創(chuàng)建一個創(chuàng)建一個Web窗體窗體WebForm1，根據用戶輸，根據用戶輸入入Access數據庫名稱（在網站主目錄的數據庫名稱（在網站主目錄的App_Data文件夾中文件夾中查找該數據庫文件）連接到該數據庫。查找該數據庫文件）連接到該數據庫。 解：解：操作步驟如下：操作步驟如下： 啟動啟動Visual Studio 201

7、2，選擇，選擇“文件文件|新建新建|網站網站”命命令，打開令，打開“新建網站新建網站”對話框，選擇對話框，選擇“Visual C#”語言語言（默認值），在中間（默認值），在中間“己安裝的模板己安裝的模板”列表框中選擇列表框中選擇“ASP.NET Web窗體網站窗體網站”，在，在“Web位置位置”下拉列表中下拉列表中選擇選擇“文件系統文件系統”（默認值），單擊（默認值），單擊“瀏覽瀏覽”按鈕選擇按鈕選擇“D:C#程序程序ch18”文件夾（存放網站的位置），如圖文件夾（存放網站的位置），如圖18.2所示，這樣將創(chuàng)建了一個名稱為所示，這樣將創(chuàng)建了一個名稱為ch18的的Web項目。項目。l 文件系統文

8、件系統：表示建立文件系統網站，此時在文件系統表示建立文件系統網站，此時在文件系統網站中，可以在任何所需的文件夾中創(chuàng)建和編輯文件，網站中，可以在任何所需的文件夾中創(chuàng)建和編輯文件，其位置可以在本地計算機上或是在通過網絡共享訪問其位置可以在本地計算機上或是在通過網絡共享訪問的另一臺計算機上的文件夾中，無須在計算機上執(zhí)行的另一臺計算機上的文件夾中，無須在計算機上執(zhí)行 IIS，但可以發(fā)布到一個，但可以發(fā)布到一個HTTP網站。網站。l HTTP：表示創(chuàng)建從其他計算機訪問的網站，必須具表示創(chuàng)建從其他計算機訪問的網站，必須具有管理員權限才能創(chuàng)建或調試有管理員權限才能創(chuàng)建或調試IIS網站。網站。l FTP：表示

9、創(chuàng)建表示創(chuàng)建FTP服務器，可以依照服務器，可以依照FTP協議提供協議提供服務。服務。 單擊單擊“確定確定”按鈕，系統自動在指定的位置創(chuàng)建一個網按鈕，系統自動在指定的位置創(chuàng)建一個網站，包含一系列的文件夾和文件，如站，包含一系列的文件夾和文件，如App_Data文件夾用于存文件夾用于存放數據，這里可以將第放數據，這里可以將第15章的章的school.accdb文件復制到該文件文件復制到該文件夾中夾中。 并并自動生成一個名稱為自動生成一個名稱為Default.aspx的的Web窗體文件（通常窗體文件（通常作為網站的主頁），首先出現該作為網站的主頁），首先出現該Web窗體的代碼窗口，如圖窗體的代碼窗口

10、，如圖18.3所示。所示。 Default.aspx網頁是自動采用系統母版頁創(chuàng)建的，看上網頁是自動采用系統母版頁創(chuàng)建的，看上去比較復雜，這里新建一個去比較復雜，這里新建一個Web窗體窗體WebForm1。 其其步驟是步驟是： 選擇選擇“網站網站|添加新項添加新項”命令，出現如圖命令，出現如圖18.4所示的對話框，所示的對話框，選中選中“Web窗體窗體”，修改名稱為，修改名稱為“WebForm1.aspx”，不勾選，不勾選右下方右下方“選擇母版頁選擇母版頁”，單擊，單擊“添加添加”按鈕。按鈕。 進入進入WebForm1窗體的設計界面，單擊中部下方的窗體的設計界面，單擊中部下方的 按鈕，切換到按鈕

11、，切換到Web窗體設計模式，從窗體設計模式，從“工具箱工具箱”中拖動控件中拖動控件進行設計，進行設計，。該。該Web窗體的設計界面如圖窗體的設計界面如圖18.5所示。所示。 在在Web窗體設計模式中雙擊窗體設計模式中雙擊Button1控件，出現代控件，出現代碼編輯窗口，在引用部分添加以下語句：碼編輯窗口，在引用部分添加以下語句：using System.Data.OleDb;設計該命令按鈕的單擊事件過程如下：設計該命令按鈕的單擊事件過程如下：protected void Button1_Click(object sender, EventArgs e) string mystr; OleDbC

12、onnection myconn = new OleDbConnection(); mystr = Provider=Microsoft.ACE.OLEDB.12.0;Data Source=+Server.MapPath(App_Data)+ TextBox1.Text; myconn.ConnectionString = mystr; myconn.Open(); if (myconn.State = System.Data.ConnectionState.Open) Label2.Text = 成功連接到成功連接到Access數據庫數據庫; else Label2.Text = 不能連接

13、到不能連接到Access數據庫數據庫; myconn.Close(); 該窗體設計完成。單擊中部下方的該窗體設計完成。單擊中部下方的 按鈕可以看到上按鈕可以看到上述設計對應的源程序。述設計對應的源程序。 單擊工具欄的單擊工具欄的 按鈕或按按鈕或按F5鍵執(zhí)行鍵執(zhí)行Web窗體。窗體。第一次執(zhí)行時將有提示對話框出現，其界面如圖第一次執(zhí)行時將有提示對話框出現，其界面如圖18.7所示。所示。1. 什么是服務器控件什么是服務器控件 服務器服務器控件都包含在控件都包含在ASP.NET頁面中。當運行頁面時頁面中。當運行頁面時，ASP.NET引擎引擎將根據控件對象和程序邏輯完成一定的功能。將根據控件對象和程序邏

14、輯完成一定的功能。 根據根據服務器控件定義方式，可分為服務器控件定義方式，可分為HTML服務器控件、服務器控件、Web標準服務器控件和自定義服務器控件：標準服務器控件和自定義服務器控件：.1服務器控件概述服務器控件概述2. 服務器控件的屬性、方法和事件服務器控件的屬性、方法和事件常用屬性常用屬性說明說明ID控件標識控件標識Font-Bold字體是否為粗體字體是否為粗體Font-Italic字體是否為斜體字體是否為斜體Font-Name字體名字體名Font-Size字體大小字體大小Text控件上顯示的文本控件上顯示的文本Visible控件是否顯示控件是否顯示BackColor

15、控件的背景色控件的背景色ForeColor控件的前景色控件的前景色常用方法常用方法說明說明DataBind完成數據綁定完成數據綁定Focus獲得焦點獲得焦點GetType獲取當前實例的類型獲取當前實例的類型常用事件常用事件說明說明DataBinding當一個控件上的當一個控件上的DataBind方法被調用并且該控件被綁定到方法被調用并且該控件被綁定到一個數據源時觸發(fā)該事件。一個數據源時觸發(fā)該事件。Init控件被初始化時觸發(fā)該事件?？丶怀跏蓟瘯r觸發(fā)該事件。Load控件被裝入頁面時觸發(fā)該事件。在控件被裝入頁面時觸發(fā)該事件。在Init后發(fā)生。后發(fā)生。Unload從內存中卸載時觸發(fā)該事件。從內存中卸

16、載時觸發(fā)該事件。3. 服務器控件的相關操作服務器控件的相關操作（1）向頁面中添加服務器控件）向頁面中添加服務器控件 可以通過以下可以通過以下3種方法添加服務器控件。種方法添加服務器控件。 雙擊實現添加控件雙擊實現添加控件：在：在Web頁面上，把光標停留在要添加控件的頁面上，把光標停留在要添加控件的位置上。在工具箱中找到想要添加的服務器控件然后雙擊，服務位置上。在工具箱中找到想要添加的服務器控件然后雙擊，服務器控件就會呈現在器控件就會呈現在Web頁面上光標停留的位置。頁面上光標停留的位置。 拖曳實現添加控件拖曳實現添加控件：在工具箱中找到想要添加的控件，然后拖曳：在工具箱中找到想要添加的控件，然

17、后拖曳到到Web頁想要添加控件的位置上。頁想要添加控件的位置上。 使用代碼添加控件使用代碼添加控件：還可以通過添加代碼來實現添加控件。用戶：還可以通過添加代碼來實現添加控件。用戶可以在可以在HTML視圖下，在想要添加控件的位置輸入相應控件的代視圖下，在想要添加控件的位置輸入相應控件的代碼。碼。 （2）刪除頁面中服務器控件）刪除頁面中服務器控件 刪除頁面中的控件有兩種方法：一種方法是選中該控刪除頁面中的控件有兩種方法：一種方法是選中該控件，按鍵盤上的件，按鍵盤上的Delete鍵；鍵； 另一種方法是選擇該控件并單擊鼠標右鍵，在彈出的另一種方法是選擇該控件并單擊鼠標右鍵，在彈出的快捷菜單中選擇快捷菜

18、單中選擇“刪除刪除”命令。命令。 Label服務器控件服務器控件提供了一種以編程方式設置提供了一種以編程方式設置 Web 窗體窗體頁中文本的方法，這些文本在頁面上是靜態(tài)的；用戶無法頁中文本的方法，這些文本在頁面上是靜態(tài)的；用戶無法編輯。還可以將編輯。還可以將 Label 控件的控件的Text屬性綁定到數據源，以屬性綁定到數據源，以在頁面上顯示數據庫信息。在頁面上顯示數據庫信息。 Button服務器控件服務器控件通過用戶操作完成特定工作和事務邏通過用戶操作完成特定工作和事務邏輯。其常用的事件有輯。其常用的事件有Click（在單擊（在單擊Button控件時觸發(fā)）?？丶r觸發(fā)）。 TextBox服務

19、器控件服務器控件為用戶提供了一種向為用戶提供了一種向Web窗體輸入窗體輸入信息（包括文本、數字和日期）的方法。通過對信息（包括文本、數字和日期）的方法。通過對TextBox的的TextMode屬性進行設置可以得到不同的屬性進行設置可以得到不同的TextBox。另外，。另外，當用戶更改當用戶更改TextBox的文本時觸發(fā)的文本時觸發(fā)TextChanged事件。事件。.2LabelLabel、ButtonButton和和TextBoxTextBox控件控件DropDownList（下拉列表框）服務器控件允許用戶（下拉列表框）服務器控件允許用戶從預定義列表中選擇某一項，其項列表在

20、用戶單擊下拉列從預定義列表中選擇某一項，其項列表在用戶單擊下拉列表以前一直保持隱藏狀態(tài)。表以前一直保持隱藏狀態(tài)。 18.3.318.3.3DropDownListDropDownList控件控件【例例18.2】 設計一個設計一個Web窗體，當用戶從下拉列表中選窗體，當用戶從下拉列表中選擇學生姓名和班號時，程序將用戶選擇的學生姓名和班號擇學生姓名和班號時，程序將用戶選擇的學生姓名和班號顯示出來。顯示出來。WebForm2事件過程：事件過程：public partial class WebForm2 : System.Web.UI.Pageprotected void Page_Init(obje

21、ct sender, EventArgs e) OleDbConnection myconn = new OleDbConnection(); myconn.ConnectionString = Provider=Microsoft.ACE.OLEDB.12.0;Data Source= + Server.MapPath(App_Data)+school.accdb; OleDbCommand mycmd = new OleDbCommand( SELECT 姓名姓名 FROM student, myconn); myconn.Open(); OleDbDataReader myreader

22、= mycmd.ExecuteReader(); DropDownList1.DataSource = myreader; DropDownList1.DataTextField = 姓名姓名; DropDownList1.DataBind(); /上面的綁定在調用該方法時才執(zhí)行上面的綁定在調用該方法時才執(zhí)行 OleDbCommand mycmd1 = new OleDbCommand(SELECT distinct 班號班號 FROM student, myconn); OleDbDataReader myreader1 = mycmd1.ExecuteReader(); DropDownL

23、ist2.DataSource = myreader1; DropDownList2.DataTextField = 班號班號; DropDownList2.DataBind(); /上面的綁定在調用該方法時才執(zhí)行上面的綁定在調用該方法時才執(zhí)行 myreader.Close(); myreader1.Close(); myconn.Close(); Label3.Text = ;protected void Button1_Click(object sender, EventArgs e) Label3.Text = 學生學生 + DropDownList1.Text + 屬于屬于 + Dro

24、pDownList2.SelectedValue + 班班;運行界面運行界面18.3.418.3.4CheckBoxCheckBox、CheckBoxListCheckBoxList、RadioButtonRadioButton和和RadioButtonListRadioButtonList控件控件 CheckBox（復選框）和（復選框）和CheckBoxList（復選框組）服（復選框組）服務器控件為用戶提供了一種在真務器控件為用戶提供了一種在真/假、是假、是/否或開否或開/關選項之間關選項之間切換的方法。前者包含一個復選框，后者是由一組復選框切換的方法。前者包含一個復選框，后者是由一組復選框

25、組成。組成。RadioButton（單選按鈕）和（單選按鈕）和RadioButtonList（單選按（單選按鈕組）服務器控件允許用戶從一個預定義的選項中選擇一鈕組）服務器控件允許用戶從一個預定義的選項中選擇一項。項。 設置設置RadioButtonList控件的項控件的項設置設置CheckButtonList控件控件的項的項 【例例18.3】 設計一個設計一個Web窗體，用戶可以選擇學生相窗體，用戶可以選擇學生相關信息并提交。關信息并提交。WebForm3事件過程：事件過程：protected void Button1_Click(object sender, EventArgs e) str

26、ing result=; /判斷性別判斷性別 if (RadioButton1.Checked) result += 性別：女性別：女; /為屏幕換行為屏幕換行 else result += 性別：男性別：男; /判斷年齡判斷年齡 if (RadioButtonList1.SelectedItem != null) result += 年齡：年齡： + RadioButtonList1.SelectedItem.Text + ; /讀取愛好信息讀取愛好信息 if (CheckBoxList1.SelectedIndex -1) result += 愛好：愛好：; for (int i = 0;

27、i= CheckBoxList1.Items.Count - 1;i+) if (CheckBoxList1.Itemsi.Selected) result += CheckBoxList1.Itemsi.Text +   result += ; /是否接受郵件信息是否接受郵件信息 if (CheckBox1.Checked) result += 該生是三好生該生是三好生; Label1.Text = result;運行界面運行界面 在在ASP.NET中，提供了以下中，提供了以下6種數據驗證控件（它們位種數據驗證控件（它們位于于“工具箱工具箱”的的“驗證驗證”部分，可以拖放到

28、窗體上部分，可以拖放到窗體上）。）。 18.3.518.3.5數據驗證控件數據驗證控件 RequiredFieldValidator：又稱非空驗證控件。確保用戶在：又稱非空驗證控件。確保用戶在 Web 窗體頁上輸入數據時不會跳過必填字段，也就是說，檢查被驗窗體頁上輸入數據時不會跳過必填字段，也就是說，檢查被驗證控件的輸入是否為空，如果為空，則在網頁中顯示提示信息。證控件的輸入是否為空，如果為空，則在網頁中顯示提示信息。 CompareValidator：又稱比較驗證控件。將用戶的輸入與常數：又稱比較驗證控件。將用戶的輸入與常數值（由值（由ValueToCompare屬性指定）、另一個控件（由屬

29、性指定）、另一個控件（由ControlToCompare屬性指定）的屬性值進行比較，若不相同，屬性指定）的屬性值進行比較，若不相同，則在網頁中顯示提示信息則在網頁中顯示提示信息。 RangeValidator：又稱范圍驗證控件。確保用戶輸入的值在指：又稱范圍驗證控件。確保用戶輸入的值在指定的上下限范圍之內，當輸入不在驗證的范圍內時，則在網頁定的上下限范圍之內，當輸入不在驗證的范圍內時，則在網頁中顯示提示信息。中顯示提示信息。 RegularExpressionValidator：又稱正則表達式驗證控件。確保用戶：又稱正則表達式驗證控件。確保用戶輸入信息匹配正則表達式指定的模式（由輸入信息匹配正

30、則表達式指定的模式（由ValidationExpression屬性屬性指定），例如，要驗證用戶輸入的是否為指定），例如，要驗證用戶輸入的是否為E-mail地址，只要使用地址，只要使用E-mail的正則表達式來驗證用戶輸入即可，若不符合，則在網頁中顯的正則表達式來驗證用戶輸入即可，若不符合，則在網頁中顯示提示信息。示提示信息。 CustomValidator：又稱自定義驗證控件。確保用戶輸入的內容符合：又稱自定義驗證控件。確保用戶輸入的內容符合自己創(chuàng)建的驗證邏輯。自己創(chuàng)建的驗證邏輯。 ValidationSummary：又稱錯誤總結控件。提供一個集中顯示驗證：又稱錯誤總結控件。提供一個集中顯示驗

31、證錯誤信息的地方，將本網頁中所有驗證控件錯誤信息組織好并一同錯誤信息的地方，將本網頁中所有驗證控件錯誤信息組織好并一同顯示出來。顯示出來。驗證控件重要的屬性驗證控件重要的屬性屬性屬性意義意義ControlToValidate正在驗證的控件的正在驗證的控件的 ID。ErrorMessage驗證失敗時要顯示的錯誤的文本。驗證失敗時要顯示的錯誤的文本。【例例18.4】 設計一個設計一個Web窗體，說明數據驗證控件的使窗體，說明數據驗證控件的使用方法。用方法。WebForm4ID屬性屬性Text屬性屬性其他屬性其他屬性TextBox1空空TextBox2空空TextMode：PasswordTextB

32、ox3空空TextMode：PasswordTextBox4空空Button1提交提交Label1空空ID屬性屬性ControlToValidateErrorMessage其他屬性其他屬性RequiredFieldValidator1TextBox1姓名必須填寫姓名必須填寫RequiredFieldValidator2TextBox2密碼必須填寫密碼必須填寫CompareValidator1TextBox3兩次密碼不匹配兩次密碼不匹配ControlToCompare： TextBox2RegularExpressionValidator1 TextBox4郵箱格式錯誤郵箱格式錯誤Validat

33、ionExpression： Internet電子郵件地址電子郵件地址 只要網頁中有一個驗證控件沒有通過驗證，則只要網頁中有一個驗證控件沒有通過驗證，則Page.IsValid為為False（自動設置）。（自動設置）。protected void Page_Init(object sender, EventArgs e) Label1.Text = ;protected void Button1_Click(object sender, EventArgs e) if (Page.IsValid ) /用戶輸入均有效用戶輸入均有效 Label1.Text += TextBox1.Text +

34、; Label1.Text += 的密碼為的密碼為: + TextBox2.Text + ; Label1.Text += 郵箱為郵箱為: + TextBox4.Text; 運行界面運行界面18.3.6 18.3.6 鏈接控件鏈接控件在在ASP.NET中，鏈接控件主要有中，鏈接控件主要有：LinkButton：鏈接按鈕控件。：鏈接按鈕控件。ImageButton：圖像按鈕控件。：圖像按鈕控件。HyperLink：超鏈接控件：超鏈接控件。 【例例18.5】設計一個設計一個Web窗體窗體WebForm5，其中放置有，其中放置有LinkButton1、ImageButton1和和HyperLink1等控件，單擊等控件，單擊時分別轉向時分別轉向WebForm2、WebForm3和和WebForm4網頁。網頁。將將LinkButton1控件的控件的PostBackUrl屬性指定為屬性指定為“/WebForm2.aspx”，Text屬性設置為屬性設置為“轉向轉向WebForm2”。將將ImageButton1控