Web表单程式设计模型.pptVIP

第5章 Web表單程式設計模型 5-1 Web表單程式設計模型 5-2 ASP.NET的Page物件 5-3 ASP.NET執行Script的控制項 5-4 ASP.NET的輸出控制項 5-5 設定伺服端控制項的樣式 5-6 動態產生伺服端控制項 5-7 Visual Web Developer建立Web表單 5-1 Web表單程式設計模型 5-1-1 Web表單程式設計模型 5-1-2 隱藏程式碼模型 5-1-1 Web表單程式設計模型-說明 ASP.NET的Web表單可以建立跨平台和跨瀏覽程式Web應用程式的輸入介面，其使用的技術如同在VB、JBuilder等視覺化開發工具建立Windows應用程式的「GUI」（Graphics UserInterface）介面。 Web表單程式設計模型是一種事件驅動程式設計模型（Event-driven Programming Model），使用伺服端控制項建立Web表單的使用介面。當產生事件時，ASP.NET程式可以建立對應的事件處理程序來處理事件。 5-1-1 Web表單程式設計模型-架構 %@ Page Language=VB % !-- 事件處理程序 -- script Runat=server Sub button1_Click(Sender As Object, E As Eventargs) label1.Text = 按下Button控制項br End Sub /script !-- Web表單 -- html head Runat=servertitleCh5-1-1.aspx/title/head body form Id=form1 Runat=server asp:Button Id=button1 Text=按下按鈕 OnClick=button1_Click Runat=Server/br asp:Label Id=label1 Runat=server/ /form /body /html 5-1-1 Web表單程式設計模型-架構說明 程式是第1章Visual Web Developer的Web Form範本程式架構，架構主要分成兩個部分，如下所示： 第一部分：script標籤的事件處理程序或函數。 第二部分：form Runat=server標籤建立Web表單，內含Form表單標籤和伺服端控制項（Server Controls）。 5-1-1 Web表單程式設計模型-Head標頭標籤 在ASP.NET 2.0版的head標籤，可以改為head Runat=server的HtmlHead控制項物件，如下所示： head Runat=server …… /head Head標頭標籤可以建立HtmlHead物件，我們可以使用ASP.NET程式來指定HtmlTitle物件的標題文字（即title標籤）和CSS樣式，如下所示： Page.Header.Title = Ch5-1-1Head.aspx 程式碼使用Title屬性指定頁面的標題文字。 5-1-1 Web表單程式設計模型-Form表單標籤 Web表單的伺服端控制項是置於form Runat=server的HTML控制項之間，它就是HtmlForm控制項物件，如下所示： form Runat=server ……… /form Web表單和HTML表單差異只在Runat屬性，此屬性將HTML表單轉換成ASP.NET的Web表單。 5-1-1 Web表單程式設計模型-伺服端控制項 Web表單是由伺服端控制項（Server Controls）組成，它是一種伺服端可程式化物件，用來建立ASP.NET程式的使用介面。 ASP.NET伺服端控制項的語法類似HTML標籤，可以設定控制項的屬性，主要分為兩種，如下所示： HTML控制項：對應System.Web.UI.HtmlControls名稱空間的物件，這些控制項直接對應HTML標籤，只是新增Id和Runat屬性，例如：前述的head和form標籤。 Web控制項：對應System.Web.UI.WebControls名稱空間的控制項物件，它是使用asp字頭的XML標籤，例如：Button、TextBox或RadioButton等。 5-1-1 Web表單程式設計模型-處理伺服端控制項的事件 Web表單是一種事件基礎的設計模型，當使用者按下或選擇控制項等操作時，就會造成控制項的狀態改變，進而觸發事件；當事件產生時，就可以建立事件處理程序來處理此事件，如下所示： Sub button1_Click(Sender As Object, _ E As Eventargs)