Microsoft Word - AXP0116-ch00-3.doc

Size: px

Start display at page:

Download "Microsoft Word - AXP0116-ch00-3.doc"

棉蔓晏
5 years ago
Views:

1 目錄譯序.iii 本書線上資源. v 關於光碟. v 關於作者. viiii 目錄. xi 前言..... xxviiii 1. Hello ASP.NET 2.0! ASP.NET 發展歷程簡述 ASP.NET 2.0 的目標提高開發者生產力管理執行效能及延展能力 ASP.NET 2.0 新功能簡述新的基礎底層功能新的編譯系統網頁應用框架的新增功能存取資料的新物件新的伺服器控制項建置 ASP.NET 2.0 的全新 IDE...20

2 xii 目錄 1-5 本章總結 Visual Studio 起始頁文件視窗文件視窗的內容標記巡覽列標籤頁程式碼更動通知錯誤通知與協助工具箱方案總管伺服器總管屬性視窗找不到視窗嗎? 其他常見的 Visual Studio 功能建立新專案參考其他物件使用智慧標籤儲存與匯入 Visual Studio 設定驗證 HTML 參與社群程式碼片段本章總結...47

3 目錄 xiii 3. 程式與網頁架構程式的存放位置內建的 Web 伺服器 IIS FTP 需要 FrontPage Extensions 的網站 ASP.NET 網頁的結構 Code-inline 新的 code-behind ASP.NET 2.0 指示詞 ASP.NET 網頁的事件處理 PostBack 跨網頁傳送資料...75

4 xiv 目錄 3-7 ASP.NET 程式的資料夾 \App_Code 資料夾 \App_Data 資料夾 \App_Themes 資料夾 \App_GlobalResources 資料夾 \App_LocalResources 資料夾 \App_WebReferences 資料夾 \App_Browsers 資料夾編譯 ASP.NET 程式 Global.asax 本章總結 ASP.NET 伺服器控制項與用戶端指令碼 ASP.NET 伺服器控制項伺服器控制項的類型使用伺服器控制項處理伺服器控制項的事件伺服器控制項的外觀控制項共同的屬性以 CSS 更改樣式 HTML 伺服器控制項 HtmlControl 基底類別 HtmlContainerControl 類別所有 HTML 類別...120

5 目錄 xv 使用 HtmlGenericControl 類別以 JavaScript 操控網頁及控制項使用 RegisterClientScriptBlock 使用 RegisterStartupScript 使用 RegisterClientScriptInclude 用戶端回呼比較典型的 postback 與回呼以簡單的方法使用回呼以參數使用回呼本章總結 ASP.NET Web 伺服器控制項 Web 伺服器控制項概觀 Label 伺服器控制項 Literal 伺服器控制項 TextBox 伺服器控制項使用 Focus 方法使用 AutoPostBack 使用 AutoCompleteType Button 伺服器控制項 CausesValidation 屬性 CommandName 屬性讓按鈕與用戶端 JavaScript 相互運作 LinkButton 伺服器控制項...159

6 xvi 目錄 5-7 ImageButton 伺服器控制項 HyperLink 伺服器控制項 DropDownList 伺服器控制項視覺化的移除集合裡的項目 ListBox 伺服器控制項讓使用者選取數個項目 ListBox 控制項的範例將項目加入清單 CheckBox 伺服器控制項如何偵測 CheckBox 已被勾選將值指定給 CheckBox 指定 CheckBox 文字的位置 CheckBoxList 伺服器控制項 RadioButton 伺服器控制項 RadioButtonList 伺服器控制項 Image 伺服器控制項 Table 伺服器控制項 Calendar 伺服器控制項從 Calendar 控制項選取日期 Calendar 控制項的日期顯示格式選取日週月處理日期範圍更改 Calendar 控制項的樣式和行為...193

7 目錄 xvii 5-19 AdRotator 伺服器控制項 Xml 伺服器控制項 Panel 伺服器控制項 PlaceHolder 伺服器控制項本章總結 ASP.NET 2.0 Web 伺服器控制項 BulletedList 伺服器控制項 HiddenField 伺服器控制項 FileUpload 控制項以 FileUpload 控制項上傳檔案讓 ASP.NET 具備適當的檔案上傳權限瞭解檔案大小的限制將上傳的檔案置入 Stream 物件將檔案內容從 Stream 物件移至 Byte 陣列 MultiView 和 View 伺服器控制項 Wizard 伺服器控制項自訂側邊巡覽檢查 AllowReture 屬性處理 StepType 屬性將標題加入 Wizard 控制項 Wizard 控制項的側邊巡覽系統利用 Wizard 控制項的事件以 Wizard 控制項顯示表單元素...232

8 xviii 目錄 6-6 ImageMap 伺服器控制項本章總結伺服端的驗證控制項瞭解驗證用戶端與伺服端驗證的比較 ASP.NET 的驗證伺服器控制項引發驗證 RequiredFieldValidator 伺服器控制項 CompareValidator 伺服器控制項 RangeValidator 伺服器控制項 RegularExpressionValidator 伺服器控制項 CustomValidator 伺服器控制項 ValidationSummary 伺服器控制項關閉用戶端驗證以圖形和聲音作為錯誤訊息使用驗證群組本章總結主版頁面為什麼需要主版頁面? 主版頁面的基礎建立主版頁面建立內容頁面混合頁面的類型和語言...291

9 目錄 xix 指定主版頁面處理網頁標題從主版頁面處理控制項和屬性在主版頁面指定預設內容以程式指定主版頁面巢狀的主版頁面特定容器的主版頁面事件的順序以主版頁面快取本章總結佈景主題與面板使用 ASP.NET 2.0 的佈景主題套用佈景主題到單一的 ASP.NET 頁面將佈景主題套用到整個應用程式排除某些伺服器控制項套用佈景主題讓特定的頁面不套用佈景主題瞭解 StyleSheetTheme 屬性設計自己的佈景主題建立適當的資料夾結構建立面板檔在佈景主題使用 CSS 檔建立包含圖形的佈景主題定義面板選項...330

10 xx 目錄 9-4 以程式套用佈景主題透過程式指定頁面的佈景主題透過程式設定控制項的 SkinID 佈景主題與自訂控制項本章總結集合與清單陣列重新設定陣列的大小搜尋陣列裡的物件為陣列內的物件排序 System.Collections 命名空間 ArrayList IEnumerable 與 IEnumerator ICollection List 與 IList Dictionary 與 IDictionary Hashtable SortedList Queue 與 Stack 特定集合 HybridDictionary 與 ListDictionary StringCollection StringDictionary NameValueCollection BitArray...365

11 目錄 xxi 10-4 Microsoft.VisualBasic.Collection 類別嚴格型別的集合 System.Collection.Generics 何謂泛型? 泛型清單泛型版的字典其他的泛型集合 NET 1.1 到.NET 2.0 有關集合的改變集合與清單指引本章總結 ASP.NET 2.0 的資料繫結資料來源控制項 SqlDataSource 控制項 XmlDataSource 控制項 ObjectDataSource 控制項 SiteMapDataSource 控制項調整資料來源控制項的快取儲存連接資訊資料來源控制項結合繫結清單控制項 GridView 控制項編輯 GridView 的資料刪除 GridView 的資料 DetailsView...422

12 xxii 目錄以 DetailsView 控制項新增更新刪除資料 FormView 其他的資料繫結控制項 DropDownList ListBox RadioButtonList 及 CheckBoxList TreeView Ad Rotator Menu 內嵌的資料繫結語法 DataBinder 語法的改變 XML 資料繫結器本章總結以 ADO.NET 管理資料基本的 ADO.NET 功能基本的 ADO.NET 命名空間與類別使用 Connection 物件使用 Command 物件使用 DataReader 物件使用 DataAdapter 物件使用參數瞭解 DataSet 和 DataTable 新增的 ADO.NET 功能從各種來源載入大量資料批次處理多項更新...469

13 目錄 xxiii Multiple Active Result Sets 非同步執行命令非同步連接本章總結與 XML 共舞 XML 基礎 XML InfoSet XSD XML 結構描述定義 Visual Studio 2005 編輯 XML 及 XML 結構描述 XmlReader 與 XmlWriter 透過 XmlTextReader 使用結構描述檔利用 NameTable 最佳化從 XML 取得.NET CLR 型別 ReadSubTree 與 Xml 序列化機制使用 XmlWriter 建立 XML 文件 XmlReader 與 XmlWriter 的改進 XmlDocument 與 XPathDocument DOM 的問題 XPath XPathDocument XmlDocument DataSet 將 DataSet 存成 XML XmlDataDocument XmlDataSource 控制項...544

14 xxiv 目錄 13-6 XSLT XslCompiledTransform XML Web 伺服器控制項 XSLT 的偵錯功能資料庫與 XML FOR XML AUTO 子句 SQL Server 2005 及 XML DataType 本章總結網站巡覽以 XML 編寫的網站導覽檔 SiteMapPath 伺服器控制項 PathSeparator 屬性 PathDirection 屬性 ParentLevelsDisplayed 屬性 ShowToolTips 屬性 SiteMapPath 控制項的子元素 TreeView 伺服器控制項套用 TreeView 控制項的內建樣式檢視 TreeView 控制項的細部組成以 XML 檔案建置 TreeView 控制項在 TreeView 中選取多個選項指定 TreeView 控制項裡的圖示指定連接節點之間的線條...589

15 目錄 xxv 以程式操控 TreeView 控制項 Menu 伺服器控制項為 Menu 控制項套用不同的樣式 Menu 控制項的事件依據 XML 檔案建立 Menu 控制項 SiteMap 資料提供者 ShowStartingNode StartFromCurrentNode StartingNodeOffset StartingNodeUrl SiteMap API URL 對應網站導覽檔的本土化建立本土化的 Web.sitemap 檔修改 Web.config 檔建立組件資源檔測試結果本章總結 A. Visual Basic 8.0 及 C# 2.0 的語言新增功能 A-1 新增功能總覽 A-2 泛型 A-2-1 泛型集合 A-2-2 泛型方法...630

16 xxvi 目錄 A-3 迭代器 A-4 匿名方法 A-5 運算子多載 A-6 全域命名空間限定詞 A-7 部分類別 A-8 Visual Basic XML 文件 A-9 靜態類別 A-10 屬性存取子 A-11 Unsigned 型別 A-12 預設執行個體 A-13 Visual Basic 新增的關鍵字 A-13-1 Continue A-13-2 Using A-13-3 My A-13-4 IsNot A-13-5 TryCast B. ASP.NET 線上資源 B-1 本書作者的部落格 B-2 其他具影響力的 ASP.NET 部落格 B-3 網站 B-4 台灣微軟的相關網站 C. 安裝北風資料庫 D. 關於.NET Framework

17 目錄 xxvii D-1.NET Framework 3.0 FAQ D-2 安裝.NET Framework D-2-1 安裝位置 D-2-2 移除.NET Framework D-2-3.NET Framework 組件的版本號碼 D-2-4 安裝.NET Framework 3.0 的軟硬體需求 D-3 偵測.NET Framework 3.0 及之前版本 D-3-1 登錄機碼 D-3-2 IE 的 user-agent 字串 D-4 總結 E. 整合 Visual Studio 2005 及 Service Pack F. 本書譯名中英對照表 G. Visual Studio 2005 Service Pack 1 版本資訊 G-1 結論 G-2 支援的語言和作業系統 G-2-1 支援的語言 G-2-2 支援的作業系統 G-3 安裝需求 G-4 Visual Studio 2005 SP1 的支援 G-5 安裝問題所有平台 G-6 安裝問題 Windows Vista G-7 安裝問題 Windows Server G-8 解除安裝問題...671

18 9 佈景主題與面板 279 建置 Web 程式時, 所有的頁面通常都會擁有相似的外觀與樣式, 這些頁面少有大幅差異, 而且通常都應該會讓所有的頁面使用類似的字形配色, 並讓伺服器控制項呈現相近的樣式您可以自行為頁面上的個別伺服器控制項或任何物件套用上述共同的樣式, 但或者您也可以改用 ASP.NET 2.0 提供的新功能, 以便集中指定頁面的樣式, 並自動套用到應用程式裡的所有頁面或是指定的頁面佈景主題 (themes, 或簡稱主題 ) 就是本章的焦點, 這是 ASP.NET 2.0 以文字為基礎的頁面樣式的定義功能 9-1 使用 ASP.NET 2.0 的佈景主題佈景主題和層級樣式表 (Cascading Style Sheets,CSS) 類似, 都可以用來為頁面定義外觀樣式, 但佈景主題更進一步能讓您將外觀樣式圖形甚至 CSS 檔案套用到應用程式的頁面, 而且可以在應用程式頁面或是伺服器控制項的層級決定是否套用佈景主題套用佈景主題到單一的 ASP.NET 頁面為了示範如何套用佈景主題, 我們建立了一個基本頁面, 上面包含有一段文字一個文字方塊一個按鈕以及一個月曆, 如程式 9-1 所示

19 314 9 佈景主題與面板 280 程式 9 1: 未使用佈景主題的 ASP.NET 頁面 <%@ Page Language="VB" %> <html xmlns=" > <head runat="server"> <title>ineta</title> </head> <body> <form id="form1" runat="server"> <h1>international.net Association (INETA)</h1><br /> <asp:textbox ID="TextBox1" Runat="server" /><br /> <br /> <asp:calendar ID="Calendar1" Runat="server" /><br /> <asp:button ID="Button1" Runat="server" Text="Button" /> </form> </body> </html> 這個簡單的頁面會以您預期的樣貌顯示這些預設的伺服器控制項, 但可以透過新的 ASP.NET 佈景主題來變化外觀當您在瀏覽器開啟這個未使用佈景主題的頁面時, 看起來就如同圖 9 1 圖 9 1 您可以在瞬間變更這個頁面的樣貌, 而不需要一一更改頁面中個別伺服器控制項的樣式要做到這一點, 只要在 Page 指示詞中簡單的套用您自己建立

20 9-1 使用 ASP.NET 2.0 的佈景主題 315 ( 稍後就會看到 ) 或是由網路下載的 ASP.NET 佈景主題即可 : <%@ Page Language="VB" Theme="SmokeAndGlass" %> 在 Page 指示詞加上 Theme 屬性, 就可以將頁面上所有 SmokeAndGlass 佈景主題檔案定義到的元素更改樣貌套用之後, 在瀏覽器中看到的結果就如圖圖 9 2 從這裡就可以發現, 包含字形配色文字方塊按鈕等等所有的外觀都改變了如果程式裡有多個頁面, 就不需要個別修改頁面裡的樣式, 因為所有的樣式都已集中定義將佈景主題套用到整個應用程式除了使用 Page 指示詞的 Theme 屬性將佈景主題套用到 ASP.NET 頁面, 也可以透過 Web.config 檔案在應用程式的層級套用佈景主題, 例如程式 9 2

21 316 9 佈景主題與面板程式 9 2: 透過 Web.config 檔將佈景主題套用到整個應用程式 <?xml version="1.0" encoding="utf-8"?> <configuration> <system.web> <pages theme="smokeandglass" /> </system.web> </configuration> 只要在 Web.config 檔指定佈景主題, 就會自動套用到應用程式的每個頁面, 而不需要在個別的 ASP.NET 頁面使用 Page 指示詞指定排除某些伺服器控制項套用佈景主題不論是在應用程式或是頁面層級指定佈景主題, 有時候您可能希望可以有替代的選擇舉例來說, 您可能會希望的文字方塊總是黑底白字 : <asp:textbox ID="TextBox1" Runat="server" BackColor="#000000" ForeColor="#ffffff" /> 上述的黑底白字是直接在控制項透過 BackColor 與 ForeColor 屬性指定, 但若您為頁面套用了佈景主題, 佈景主題的設定就會蓋過控制項本身的設定為了讓這個文字方塊可以不受佈景主題所影響, 只要在文字方塊控制項中設定 EnableTheming 屬性即可 : <asp:textbox ID="TextBox1" Runat="server" BackColor="#000000" ForeColor="#ffffff" EnableTheming="false" /> 如果您為程式 9-1 的文字方塊伺服器控制項設定了這個屬性, 並且仍將 SmokeAndGlass 佈景主題套用到整個頁面, 那麼除了文字方塊以外, 頁面上的所有控制項或元素都會套用指定的佈景主題, 結果如圖 9 3

22 9-1 使用 ASP.NET 2.0 的佈景主題 317 圖 9 3 如果您要同時排除多個控制項套用佈景主題, 那麼可以考慮將這些控制項都配置在同一個 Panel 控制項, 然後將 Panel 控制項的 EnableTheming 屬性設為 False, 這樣就會讓 Panel 控制項所包含的每個控制項都不會套用佈景主題讓特定的頁面不套用佈景主題 283 想想看, 如果您使用 Web.config 檔將佈景主題套用到整個應用程式, 但某些 ASP.NET 頁面卻不想套用, 這該怎麼辦? 方法類似前述排除某些伺服器控制項套用主題, 但現在是要在頁面層級排除套用 Page 指示詞有 EnableTheming 屬性, 可以排除 ASP.NET 頁面套用佈景主題要排除頁面套用 Web.config 所設定的佈景主題, 只要在 Page 指示詞如下表示 : <%@ Page Language="VB" EnableTheming="False" %> 就會設定該頁面沒有佈景主題, 因而使得 Web.config 的佈景主題設定失效在頁面或是控制項層級將 EnableTheming 屬性設為 False, 系統就不會搜尋佈景主題資料夾, 自然也就不會套用任何.skin 檔案若是設為 True, 就會搜尋佈景主題資料夾, 並套用.skin 檔

23 318 9 佈景主題與面板如果在頁面層級將 EnableTheming 屬性設為 False, 但只要將頁面上特定控制項的 EnableTheming 設為 True, 還是可以讓該控制項套用佈景主題 ; 例如 : <asp:textbox ID="TextBox1" Runat="server" BackColor="#000000" ForeColor="#ffffff" EnableTheming="true" Theme="Summer" /> 瞭解 StyleSheetTheme 屬性 Page 指示詞還包含有一個 StyleSheetTheme 屬性, 一樣可以指定佈景主題, 那麼在 Page 指示詞中設定 Theme 屬性或是 StyleSheetTheme 屬性究竟有甚麼差別呢? <%@ Page Language="VB" StylesheetTheme="Summer" %> StyleSheetTheme 屬性的作用和 Theme 一樣, 都可以用來指定頁面所要套用的佈景主題, 其中的差別是, 如果特定的控制項本身有設定屬性值, 那麼 Theme 屬性所指定的佈景主題會蓋過控制項本身的設定, 但如果是使用 StyleSheetTheme, 那麼控制項本身的設定就還是會發生效用假設頁面上有如下的文字方塊 : <asp:textbox ID="TextBox1" Runat="server" BackColor="#000000" ForeColor="#ffffff" /> 在此例, 如果是用 Page 指示詞的 Theme 屬性套用佈景主題,BackColor 與 ForeColor 的設定就會被蓋過 ; 但若是改用 StyleSheetTheme 屬性來套用佈景主題, 那麼這個文字方塊就永遠都會是黑底白字設計自己的佈景主題在 ASP.NET 中設計佈景主題並不難, 但往往需要藝術天分自行設計的佈景主題可以套用在應用程式頁面或伺服器控制項的層級, 是為整個應用程式加上一致的樣貌與風格的好方法建立適當的資料夾結構為了替應用程式設計佈景主題, 首先必須在應用程式建立適當的資料夾結構請先在 Visual Studio 的專案按右鈕並執行新增資料夾, 加入一個名為

24 9-2 設計自己的佈景主題 319 App_Themes 的資料夾 ; 您也可以在 Visual Studio 的專案按右鈕, 並選取加入 ASP.NET 資料夾 /Theme, 亦可達到相同的目的請注意顯示在 App_Themes 資料夾之前的並非一般資料夾的圖示, 而是一個有筆刷樣式的資料夾圖示, 如圖 9 4 圖 9 4 您可以在 App_Themes 資料夾為個別的佈景主題建立額外的資料夾舉例來說, 如果想要設計四套佈景主題, 分別名為 Summer Fall Winter Spring, 那麼就可以建立四個對應名稱的資料夾在同一個應用程式很可能會用到多套佈景主題, 以因應像是季節變換晝夜交替事業單位差異不同的使用族群甚至是使用者偏好等等在每一套佈景主題的資料夾, 必須有佈景主題的相關元素, 包括以下各項 ( 可以有數個 CSS 檔和圖形檔 ): 一個面板檔 CSS 檔圖形檔建立面板檔 285 面板是您所定義並用來套用到 ASP.NET 頁面上伺服器控制項的樣式, 它可以和 CSS 或圖形並用為了建立應用程式的佈景主題, 您必須在佈景主題資料夾建立一個面板檔, 這個檔案可以隨意命名, 但副檔名必須是.skin 雖然前面舉例要建置四套佈景主題, 不過我們先把焦點集中在 Summer 佈景主題請在 Summer 資料夾上按右鈕, 選取加入新項目, 並在項目清單中

25 320 9 佈景主題與面板選擇面板檔案, 命名為 Summer.skin, 接著編寫如程式 9-3 的面板檔內容程式 9 3:Summer.skin 面板檔 <asp:label Runat="server" ForeColor="#004000" Font-Names="Verdana" Font-Size="X-Small" /> <asp:textbox Runat="server" ForeColor="#004000" Font-Names="Verdana" Font-Size="X-Small" BorderStyle="Solid" BorderWidth="1px" BorderColor="#004000" Font-Bold="True" /> <asp:button Runat="server" ForeColor="#004000" Font-Names="Verdana" Font-Size="X-Small" BorderStyle="Solid" BorderWidth="1px" BorderColor="#004000" Font-Bold="True" BackColor="#FFE0C0" /> 以上只是個簡單的範例, 如果要用在實務的應用程式中, 就必須為每個伺服器控制項定義外觀我們在 Summer.skin 定義了三種伺服器控制項的外觀, 分別是 Label TextBox Button 將這個檔案存在 Summer 資料夾之後, 在 Visual Studio 方案總管看到的資料夾結構即如圖 9 5 圖如同.aspx 頁面裡的伺服器控制項, 在面板檔也必須為控制項加上 Runat="server" 屬性, 如此就會套用到.aspx 頁面的每一個伺服器控制項還要注意的是, 在面板檔不能指定 ID 屬性, 否則會在頁面套用佈景主題時發生錯誤如您所見, 我們為三個控制項分別定義了不同的外觀, 以便讓頁面有夏天的感覺這樣一來, 專案裡的 ASP.NET 頁面就可以依照本章之前所示範的方法, 套用我們自訂的佈景主題 ( 請參考程式 9 4)

26 9-2 設計自己的佈景主題 321 程式 9 4: 在 ASP.NET 頁面套用 Summer 佈景主題 VB <%@ Page Language="VB" Theme="Summer" %> <script runat="server"> Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Label1.Text = "Hello " & TextBox1.Text End Sub </script> <html xmlns=" > <head runat="server"> <title>ineta</title> </head> <body> <form id="form1" runat="server"> <asp:textbox ID="TextBox1" Runat="server"> </asp:textbox> <br /> <br /> <asp:button ID="Button1" Runat="server" Text="Submit Your Name" OnClick="Button1_Click" /> <br /> <br /> <asp:label ID="Label1" Runat="server" /> </form> </body> </html> C# <%@ Page Language="C#" Theme="Summer" %> <script runat="server"> protected void Button1_Click(object sender, System.EventArgs e) { Label1.Text = "Hello " + TextBox1.Text.ToString(); } </script> 如果檢視.aspx 頁面裡的伺服器控制項, 會發現這些伺服器控制項並沒有設定任何樣式 ; 伺服器控制項設定如預設一般但實際執行時, 卻會呈現出如 Summer.skin 檔所定義的樣式 ; 執行結果如圖

導讀 ASP.NET HTML ASP 第一篇基礎篇第 1 章認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式

導讀 ASP.NET HTML ASP 第一篇基礎篇第 1 章認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式導讀 ASP.NET HTML ASP 第一篇基礎篇第 1 章認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式語言篇第 3 章 C# 程式語言基礎 C# C# 3.0 var 第 4 章基本資料處理 C# x