1、項目1 創建ASP.NET網站項目2 數據的綁定教學目標知識教學目標掌握將屬性、方法、變量表達式、數組綁定到控件或直接在前端頁面顯示的方法通過數據控件獲取并管理數據庫信息綁定值的獲取技能培養目標掌握數據綁定的方式方法能夠通過數據控件和數據源控件管理數據庫目 錄任務2.1 綁定到屬性1任務2.2 綁定到方法2任務2.3 綁定到變量3任務2.4 綁定到數組4任務2.5 綁定到數據庫數據5任務2.6 圖表控件的數據綁定6任務2.1 綁定到屬性任務描述：本任務要將后置代碼頁面中定義的公共屬性綁定到窗體頁面上直接顯示或綁定到服務器控件上，也可將一個控件的屬性值綁定到另一個控件上。任務2.1 綁定到屬性關

2、鍵知識：基于屬性的數據綁定所涉及的屬性必須包含get訪問器。屬性綁定書寫方式：。Page_Load事件中調用Page類的DataBind()方法。任務2.1 綁定到屬性任務實施：定義公共屬性任務2.1 綁定到屬性任務實施：（綁定到公共屬性）源代碼視圖中進行屬性綁定、后置代碼頁面綁定運行效果圖如下：任務2.1 綁定到屬性任務實施：（綁定到控件屬性）將一個控件的值綁定以另一個控件任務2.2 綁定到方法任務描述：本任務將后置代碼頁面定義的方法綁定到前端頁面的控件屬性上，或通過直接綁定方法的方式在前端頁面顯示結果。任務2.2 綁定到方法關鍵知識：綁定書寫方式為：或。也可以將方法綁定到服務器控件屬性，服

3、務器控件屬性=進行綁定。Page_Load事件中調用Page類的DataBind()方法。任務2.2 綁定到方法任務實施：定義方法任務2.2 綁定到方法任務實施：在源代碼視圖進行方法綁定任務2.2 綁定到方法任務實施：將方法綁定到服務器控件屬性任務2.3 綁定到變量任務描述：在前端頁面通過綁定直接顯示獲得后置代碼頁面定義的公共變量值；在前端頁面通過綁定獲得后置代碼頁面定義的公共變量表達式的值。任務2.3 綁定到變量關鍵知識：變量綁定的方法：變量綁定到服務器控件控件屬性=“或控件屬性=Page_Load事件中調用Page類的DataBind()方法。任務2.3 綁定到變量任務實施：定義字符串變量

4、任務2.3 綁定到變量任務實施：在源代碼視圖進行變量綁定任務2.3 綁定到變量任務實施：綁定到變量表達式任務2.4 綁定到數組任務描述：在后置代碼頁面定義數組后，在前端頁面將數組綁定到各類列表控件；在后置代碼頁面定義數組后，在頁面第一次加載的同時將數組綁定到各列表控件；讀取綁定了數組的列表項控件值。任務2.4 綁定到數組關鍵知識：數組是一個多值的變量，能與數組進行綁定的主要是多值列表控件。將后置代碼頁面定義的數組綁定到多值列表控件，有兩種方式：前端頁面綁定到控件的屬性：DataSource=；同時，在后置代碼文件的頁面加載事件中添加Page.DataBind();語句。在后置代碼頁面寫如下代碼

5、：注意：每個控件可用于綁定的屬性略有不同任務2.4 綁定到數組關鍵知識：常用多值列表控件CheckBoxList多選列表框控件RadioButtonList單選列表框控件DropDownList下拉列表框控件ListBox列表控件BulletedList符號列表控件任務2.4 綁定到數組關鍵知識：CheckBoxList控件DataSourceID、DataMember、DataTextField和DataValueField用于從數據庫中獲取數據進行數據綁定。任務2.4 綁定到數組關鍵知識：CheckBoxList控件任務2.4 綁定到數組關鍵知識：CheckBoxList控件CheckBo

6、xList控件選項的主要屬性有Text、Selected和Value，分別表示選項文本、選項的選中狀態和選項值。常用的事件。CheckBoxList控件的常用事件是SelectedIndexChanged，如果控件的AutoPostBack屬性設為True，當控件選項的狀態改變時，將觸發該事件。任務2.4 綁定到數組關鍵知識：RadioButtonList控件基本屬性與CheckBoxList控件相同 獲得RadioButtonList1控件選中相關信息表達式如下：任務2.4 綁定到數組關鍵知識：ListBox控件基本屬性與CheckBoxList相似。多選模式。SelectionMode為S

7、ingle，表示只允許用戶在列表框中選擇一個選項。SelectionMode為為Multiple時，表示允許用戶使用Ctrl鍵或Shift鍵在列表框中選擇多個選項。常用事件與CheckBoxList和RadioButtonList控件相同。任務2.4 綁定到數組關鍵知識：DropDownList控件DropDownList控件以下拉列表的方式顯示選項，沒有多選模式，其他的基本屬性、獲得選中項相關信息以及綁定相關的屬性和常用事件與單選列表框控件相同。DropDownList控件的DataSourceID、DataTextField和DataValueField可用于從數據庫中獲取數據進行數據綁定

8、。任務2.4 綁定到數組關鍵知識：BulletedList控件BulletedList控件可以顯示帶項目符號的列表，列表項是ListItem對象。主要屬性:BulletStyle：設置列表項顯示的符號。BulletImageUrl：當BulletStyle屬性為CustomImage時，用圖片代替列表符號。DisplayMode獲取選中項相關信息。獲取BulletedList1控件第i項被選中項相關信息表達式如下：BulletedList1.Itemsi.TextBulletedList1.Itemsi.Value任務2.4 綁定到數組任務實施：（前端頁面綁定）定義數組任務2.4 綁定到數組任

9、務實施： （前端頁面綁定）綁定到各類控件任務2.4 綁定到數組任務實施： （前端頁面綁定）后臺綁定任務2.4 綁定到數組任務實施：（后臺綁定）定義數組、綁定并賦值任務2.4 綁定到數組任務實施：獲取單選按鈕控件的值獲取下拉列表框控件的值任務2.4 綁定到數組任務實施：獲取復選列表框選中項的值任務2.4 綁定到數組任務實施：獲取列表框選中項的值跳轉到符號列表控件鏈接的頁面。任務2.5 綁定到數據庫數據任務描述：本任務主要實現數據庫信息的讀取、插入、編輯和刪除，具體包括通過數據源控件連接到數據庫的某個表，用列表控件顯示數據庫字段信息，讀取并顯示數據庫中以二進制方式存儲的圖片，讀取并顯示數據庫中以路

10、徑方式存儲的圖片，使用不同的數據控件顯示數據庫信息，并實現對數據庫信息的插入、刪除和更新操作。任務2.5 綁定到數據庫數據關鍵知識：ADO.NETASP.NET默認是通過ADO.NET來訪問數據庫的。ADO.NET是一種以面向對象的設計方法構建數據訪問和操作的類庫，通過ADO.NET類庫，可方便操作各種各樣的數據源，如數據庫、文本文件、Excel文件和XML文件等。任務2.5 綁定到數據庫數據關鍵知識：連接數據庫的方法SQLClient方法命名空間為System.Data.SQLClient，用于訪問Microsoft SQL Server 7.0及以上版本的數據庫。OleDB方法命名空間為S

11、ystem.Data.OleDb，允許.NET程序調用存在于OleDb Data Provider中的數據源。ODBC方法命名空間為System.Data.Odbc，允許.NET程序使用所有兼容的ODBC驅動程序。Oracle方法命名空間為System.Data.OracleClient，用于訪問Oracle數據庫。任務2.5 綁定到數據庫數據關鍵知識：常用數據源控件SqlDataSource控件AccessData Source控件ObjectDataSource控件XmlDataSource控件SiteMapDataSource控件EntityDataSource控件LinqDataSou

12、rce控件。任務2.5 綁定到數據庫數據關鍵知識：數據綁定方法Eval方法是靜態單向（只讀）方法。Bind方法支持讀/寫功能，所以Bind函數用于雙向（可更新）綁定。該方法可以檢索數據綁定控件的值并將任何更改提交回數據庫。任務2.5 綁定到數據庫數據關鍵知識：數據控件主要功能ASP.NET 4.0提供的數據顯示控件主要有GridView、DetailsView、FormView和DataList，這些控件具有以下主要功能。提供了以下兩種用于綁定到數據的選項： 使用DataSourceID屬性與數據源控件進行數據綁定使用DataSource屬性進行數據綁定 設置數據顯示格式。 編輯、刪除、更新和

13、插入數據。排序功能。 模板功能。 分頁功能。 任務2.5 綁定到數據庫數據關鍵知識：數據控件GridViewDetailsViewFormViewDataViewListViewDataPager任務2.5 綁定到數據庫數據任務實施：使用數據源控件連接數據庫任務2.5 綁定到數據庫數據任務實施：使用下拉列表控件顯示數據任務2.5 綁定到數據庫數據任務實施：顯示以路徑方式存儲的數據庫圖片顯示雇員表中路徑方式存儲的雇員頭像信息，步驟如下：一、創建文件二、配置數據源控件三、完成數據源控件與數據控件的綁定。任務2.5 綁定到數據庫數據任務實施：插入、編輯和刪除數據步驟如下：一、新建網頁文件二、配置數據

14、源控件三、顯示數據庫信息任務2.5 綁定到數據庫數據任務實施：插入數據任務2.5 綁定到數據庫數據任務實施：編輯數據任務2.5 綁定到數據庫數據任務實施：刪除數據任務2.6 圖表控件的數據綁定任務描述：獲得Northwind數據庫中每個種類的產品總數量，并以圖片顯示。涉及兩張表：種類表和產品表，并對同一種類的產品進行數量統計。任務2.6 圖表控件的數據綁定關鍵知識：Chart控件ASP.NET的Chart控件可以向Web應用程序添加動態的數據綁定的圖形，通過Chart控件制作不同類型的圖表，如柱形圖、面積圖、條形圖、折線圖、餅圖等，可以通過修改繪圖區以及添加邊框、背景和圖例定制圖表的外觀。 C

15、hart控件主要有下面三個組件。系列（Series）：系列是數據點的集合，不同類型的圖表呈現系列的方式不同。圖表區（Chararea）：定義繪制系列的繪圖區。數據點：系列內的一個數據點。編寫Chart控件的DataBound事件，在DataBound事件中利用Chart控件的DataManipulator屬性的Sort方法可對圖表任意軸上的系列進行升序或降序排序。任務2.6 圖表控件的數據綁定任務實施：步驟如下：添加頁面配置數據源控件將Chart控件綁定到數據源控件項目3 頁面導航與視圖切換教學目標知識教學目標使用CSS+DIV設置一級橫向導航和豎向導航使用Menu控件建立一級橫向導航和豎向導

16、航使用Menu控件建立二級橫向導航使用TreeView控件建立樹狀導航使用MultiView控件實現視圖切換技能培養目標根據頁面設計需求，使用多種方式制作橫向一級和多級導航根據頁面設計需求，使用多種方式制作豎向一級和多級導航根據頁面設計需要，制作多視圖切換模塊 目 錄任務3.1 使用CSS+DIV創建導航1任務3.2 使用Menu控件建立網站導航 2任務3.3 使用TreeView建立樹狀導航3任務3.4 使用MultiView實現多視圖切換4任務3.5 站點地圖應用56任務3.1 使用CSS+DIV創建導航任務描述：本任務基于CSS+DIV完成橫向導航和豎向導航的制作，導航塊內容可以是列表項

17、，也可以采用鏈接文字，通過外部樣式使得導航塊內容按需要的方式橫向或豎向顯示。任務3.1 使用CSS+DIV創建導航關鍵知識：導航樣式浮動設置：采用ul-li列表項的形式制作橫向導航時，關鍵點是需要設置每一個li列表項由默認的豎向排列轉成橫向排列，通過CSS樣式控制這種轉向，需要設置li樣式向左或向右浮動。復合鏈接樣式的設置：文字鏈接有默認的鏈接樣式、鼠標經過樣式和訪問過后的樣式，如果需要改變默認的樣式，則需要對鏈接樣式進行復合樣式定義，兩個樣式如果一樣，可用逗號隔開。外部樣式的應用：本項目所有樣式均保存在css文件夾下的樣式文件中，需要在網頁文件源代碼視圖的標簽內添加對外部樣式文件的引用。任務

18、3.1 使用CSS+DIV創建導航任務實施：使用ur列表制作橫向導航任務3.1 使用CSS+DIV創建導航任務實施：使用ur列表制作橫向導航任務3.1 使用CSS+DIV創建導航任務實施：使用超鏈接制作橫向導航任務3.1 使用CSS+DIV創建導航任務實施：使用超鏈接制作橫向導航任務3.1 使用CSS+DIV創建導航任務實施：制作豎向導航任務3.1 使用CSS+DIV創建導航任務實施：制作豎向導航任務3.2 使用Menu控件建立網站導航任務描述：本任務主要是了解menu控件的基本屬性，并能夠使用menu控件建立一級橫向導航、二級橫向導航、一級豎向導航和二級豎向導航。任務3.2 使用Menu控件

19、建立網站導航關鍵知識：Menu控件Menu控件是一個菜單控件，由一個或多個菜單子項（MenuItem）組成，并且菜單子項之間可以形成一定的層次關系。菜單控件包含兩種菜單：靜態菜單（StaticMenu）和動態菜單（DynamicMenu）。靜態菜單總是一直顯示在網頁上充當一級菜單的作用，而動態菜單由菜單的父菜單彈出，充當二級菜單作用。Menu控件的Items屬性表示Menu控件的所有菜單項，可以在設計視圖中以靜態的方式添加Menu控件的菜單。任務3.2 使用Menu控件建立網站導航關鍵知識：Menu常用屬性1）Orientation屬性：用于設置控件的呈現方向（Vertical、Horizon

20、tal。2）StaticDisplayLevels屬性：用于設置靜態菜單顯示級別數。默認值是1。3）MaximumDynamicDisplayLevels屬性：指定在靜態顯示層后應顯示的動態顯示菜單節點層數。4）DisappearAfter屬性：設置菜單動態顯示部分從顯示到消失所需的時間長度。默認值為 500 毫秒。5）CssClass屬性：可引用類樣式。添加靜態菜單項后可通過引用鏈接類樣式實現導航的效果。6）StaticEnableDefaultPopOutImage屬性，該屬性默認為True，有多級導航菜單時，菜單項之間會出現的間隔符號。設為False，則不出現間隔符號。7）StaticM

21、enuStyle樣式：可設置一級靜態菜單項的樣式 8）DynamicMenuStyle樣式：可設置除一級靜態菜單項外的其它動態菜單的樣式。 任務3.2 使用Menu控件建立網站導航任務實施：建立橫向導航步驟見教材任務任務3.2 使用Menu控件建立網站導航任務實施：建立二級橫向導航步驟見教材任務任務3.2 使用Menu控件建立網站導航任務實施：建立一級豎向導航步驟見教材任務任務3.2 使用Menu控件建立網站導航任務實施：建立二級豎向導航步驟見教材任務任務3.3 使用TreeView建立樹狀導航任務描述：網站的后臺管理主頁面通常需要設置一個導航，通過該導航，使得管理員可鏈接到各個頁面，從而實現

22、數據庫的插入、刪除、更新和修改用戶信息等任務，本任務使用 TreeView控件建立一個管理員后臺主頁面的樹狀導航。任務3.3 使用TreeView建立樹狀導航關鍵知識：TreeView控件TreeView控件由一個或多個節點構成，通過樹狀視圖形式展示。可以將控件綁定到SiteMapDataSource控件上、綁定到XMLDataSource控件上和綁定到數據庫上，樹中的每個項都被稱為一個節點，由TreeNode 對象表示。每個節點都具有一個Text屬性和一個Value屬性。Text屬性的值顯示在TreeView控件中，而Value屬性則用于存儲有關該節點的任何附加數據。任務3.3 使用Tree

23、View建立樹狀導航關鍵知識：TreeView控件Expanded屬性：指定默認情況下節點是否打開。NavigateUrl屬性：菜單被選中是被定位到的頁面的Url。SelectAcion屬性：指定節點被選中時執行的操作，例如展開和折疊。Text屬性：節點項顯示的文本。Value屬性：節點項的值。Target屬性：設置為_blank，從空白頁打開跳轉的頁面。CssClass屬性：引用CSS類樣式。NodeIndent屬性：設置節點的縮進量。NodeStyle樣式：設置節點的樣式，包括類樣式的引用、水平間距、字體等樣式的設置。HoverNodeStyle樣式：鼠標經過節點樣式的設置。ExpandD

24、epth：默認為FullExpand，當有多級菜單時可設置為只顯示前面的級數。任務3.3 使用TreeView建立樹狀導航任務實現：步驟見教材任務任務3.4 使用MultiView實現多視圖切換任務描述：在各類門戶網站中通常會設計一個多視圖切換層，如在一個布局位置，用戶可通過單擊切換按鈕實現同一位置查看新聞或通知或公告等信息，如圖3-14所示效果。本任務使用MultiView和View控件結合，實現多視圖的切換。任務3.4 使用MultiView實現多視圖切換關鍵知識：MultiView和View在ASP.NET中，使用MultiView和View控件可以做出選項卡的效果，一個MultiVie

25、w控件可以包含多個View控件，一個View控件相當于一個選項卡。MultiView控件一次只能顯示一個View視圖，與按鈕、鏈接按鈕或圖片按鈕控件結合使用，可通過單擊按鈕，切換到不同的View控件，從而看到不同的內容。主要屬性：Views和ActiveViewIndex按鈕屬性設置：CommandName屬性和CommandArgument屬性任務3.4 使用MultiView實現多視圖切換任務實施：步驟如下：添加樣式文件和布局文件定位并設置鏈接按鈕設置鏈接樣式添加MultiView和View控件設計鏈接標題樣式編寫事件代碼效果圖如下：任務3.5 站點地圖應用任務描述：根據網站的文件結構創建

26、站點地圖，并依據站點地圖與SiteMapPath控件結合，實現站點路徑導航；與Menu控件和TreeView控件結合，實現頁面導航。任務3.5 站點地圖應用關鍵知識：站點地圖控件站點地圖文件按站點的分層形式組織頁面，用于描述站點的邏輯結構，根節點是SiteMap。可以為網站中的每個頁面添加一個SiteMapNode元素，并通過嵌入SiteMapNode元素來創建層次結構。任務3.5 站點地圖應用關鍵知識：站點地圖控件任務3.5 站點地圖應用關鍵知識：SiteMapPathSiteMapPath控件自動從站點地圖Web.sitemap文件中讀取數據，提供了從當前位置沿頁層次結構向上的跳轉功能。任

27、務3.5 站點地圖應用任務實施：建立網站地圖任務3.5 站點地圖應用任務實施：設置SiteMapPath控件設置Menu控件設置TreeView控件任務3.5 站點地圖應用任務實施：項目4 網站前端頁面設計科學出版社 主編 ：郭建東教學目標知識教學目標CSS+DIV布局網頁外部樣式的應用母版頁的設計與應用技能培養目標能夠熟練應用CSS+DIV布局前端頁面 能夠應用母版頁設計網站頁面目 錄任務4.1 CSS+DIV布局網站1頁面1任務4.2 CSS+DIV布局網站2頁面2任務4.3 母版頁布局網站2頁面3任務4.1 CSS+DIV布局網站1頁面任務描述：本任務根據所給的圖片素材及網頁效果圖完成一

28、個企業網站的主頁面和內容頁面的前端頁面設計，要求使用CSS+DIV技術進行頁面設計。任務4.1 CSS+DIV布局網站1頁面關鍵知識：使用CSS+DIV布局頁面公共類樣式的設定頁面的導航設計頁面居中設計設置了層的寬度屬性后，可將Div的樣式margin屬性值設為auto將層的上下外邊距設為0，左右邊距設為auto任務4.1 CSS+DIV布局網站1頁面任務實施：建立網站1主頁面一、建立網站及相關文件二、公共樣式設計三、總容器層設計四、頁眉設計五、內容區容器層設計六、左側欄設計七、右側欄設計八、頁腳設計任務4.1 CSS+DIV布局網站1頁面任務實施：建立網站1主頁面任務4.1 CSS+DIV布

29、局網站1頁面任務實施：建立網站1內容頁面任務4.2 CSS+DIV布局網站2頁面任務描述：任務4.1中完成了一個企業網站的主頁面和內容頁的設計。實際網站的布局多種多樣，本任務繼續介紹另一個網站的前端頁面設計過程。根據所給圖片素材及頁面效果圖，完成如圖4-3所示企業網站主頁面和如圖4-14所示內容頁面的前端設計。任務4.2 CSS+DIV布局網站2頁面關鍵知識：網站2前端頁面設計及導航設計根據所給圖片素材進行網頁前端頁面設計。本節內容根據靜態網頁的基礎知識完成頁面制作，使用CSS+DIV布局網站2主頁面和內容頁面。導航設置：導航除了可項目3中的CSS+DIV和通過控件實現方式外，本節介紹通過圖片

30、背景+文字形式進行導航功能的實現，以橢圓圖為背景，在橢圓背景圖上添加文字并設置文字鏈接的方式設計導航，當鼠標經過背景圖時背景圖及文字均發生變化，需要編寫導航鏈接樣式和鼠標經過樣式代碼。任務4.2 CSS+DIV布局網站2頁面任務實施：建立網站2主頁面一、創建圖片文件夾及網頁文件二、總容器層設計三、頁眉設計四、整體內容區容器層設計五、左側欄設計六、右側欄設計七、頁腳設計任務4.2 CSS+DIV布局網站2頁面任務實施：建立網站2主頁面任務4.2 CSS+DIV布局網站2頁面任務實施：建立網站2內容頁面任務4.3 母版頁布局網站2頁面任務描述：分析兩個網站的主頁面和內容頁面，會發現網站主頁面和內容

31、頁之間存在著布局相同、內容相同的部分。為了提高開發效率，可將一個網站中各網頁的相同部分設計在母版頁中，普通的窗體頁面應用母版頁，可快速完成網站頁面的設計。本任務以網站2為例，創建一個母版頁，并應用到Web頁面中。任務4.3 母版頁布局網站2頁面關鍵知識：母版頁概念母版頁是一個網頁模板，可以將母版頁的風格應用到多個網頁中。在Web應用程序創建母版頁（Master）頁面，像普通頁面一樣設計完母版頁，并在母版頁中需要添加一個或多個ContentPlaceHolder控件，該控件占位空間是應用了母版頁的普通網頁中的可編輯區，在編輯區中放置不同的網頁內容，可快速完成風格一致的內容頁面的制作。創建并設計完

32、母版頁后，在創建Web窗體頁面時勾選上母版頁，即可創建基于母版頁的網頁，運行時，ASP.NET會自動地將兩個頁面進行整合，顯示給用戶。任務4.3 母版頁布局網站2頁面任務實施：步驟見教材任務實施項目5 新聞標題的顯示教學目標知識教學目標數據控件模板的設置查詢字符串傳遞參數字符串子串的獲取鏈接樣式的設置日期格式的設置分頁設置技能培養目標熟練設置網站的新聞標題格式樣式掌握參數的傳遞與接收方式 目 錄任務5.1 設計新聞表數據庫及讀取新聞標題1任務5.2 使用查詢字符串傳遞新聞標題參數2任務5.3 新聞標題的修改3任務5.4 顯示前幾條標題及分頁顯示內容4任務5.1 設計新聞表數據庫及讀取新聞標題任

33、務描述：本任務以公司網站其中的一個新聞部分作為研究對象，分析內容，建立數據庫，并建立關聯的數據庫表。新聞標題及內容等信息存儲在數據庫后，需要將內容顯示到網頁上。可通過數據控件GridView、DataList、ListView等顯示所需要的內容，同時對內容的顯示形式進行設置。任務5.1 設計新聞表數據庫及讀取新聞標題關鍵知識：數據庫設計與數據控件的應用數據庫設計與導出任務5.1 設計新聞表數據庫及讀取新聞標題關鍵知識：數據庫設計與數據控件的應用數據控件模板（非模板控件的模板字段）任務5.1 設計新聞表數據庫及讀取新聞標題關鍵知識：數據庫設計與數據控件的應用數據控件模板（模板控件）任務5.1 設

34、計新聞表數據庫及讀取新聞標題關鍵知識：數據庫設計與數據控件的應用數據控件的樣式任務5.1 設計新聞表數據庫及讀取新聞標題任務實施：創建數據庫及表任務5.1 設計新聞表數據庫及讀取新聞標題任務實施：導出腳本任務5.1 設計新聞表數據庫及讀取新聞標題任務實施：讀取數據庫中文件標題步驟見教材任務實施任務5.2使用查詢字符串傳遞新聞標題參數任務描述：點擊新聞標題后，需要跳轉到另一頁面查看該新聞標題對應的詳細內容信息，在頁面跳轉同時需要傳遞與該條新聞相關的參數，如文件標題名稱或文件編號等。 新聞標題以鏈接的形式顯示后，往往有默認的鏈接樣式，但默認的鏈接樣式可能不是滿意的鏈接樣式。因此，需要對標題鏈接重新

35、設置鏈接樣式。任務5.2使用查詢字符串傳遞新聞標題參數關鍵知識：查詢字符串查詢字符串是在URL的結尾附加的信息，它提供了一種維護狀態信息的方法，它包含在對特定URL的HTTP請求中，不需要任何的服務器資源。幾乎所有的瀏覽器和客戶端設備均支持使用查詢字符串傳遞值。任務5.2使用查詢字符串傳遞新聞標題參數關鍵知識：使用HttpRequest獲取查詢字符串參數值接收查詢字符串參數值的頁面要讀取傳遞過來的參數，可使用 HttpRequest對象的Params屬性讀取查詢字符串，也可以用QueryString屬性讀取查詢字符串值。任務5.2使用查詢字符串傳遞新聞標題參數關鍵知識：標題鏈接樣式設計任務5.

36、2使用查詢字符串傳遞新聞標題參數任務實施：設置新聞標題鏈接并傳遞參數將標題轉換成鏈接后的效果圖任務5.3 新聞標題的修改任務描述：一般來說，在網頁中都會設定相應寬度的位置存放新聞標題信息，為了不影響網頁的布局，當標題長度超過了網頁設定的寬度時，需要在將標題從數據庫讀到網頁時截掉后面的一部分字符。在網頁中往往還會在新聞標題的后面添加新聞發布日期，在標題的前面添加前綴圖片。本任務除了對新聞標題長度進行控制外，還需要在標題處添加日期和前綴圖片。任務5.3 新聞標題的修改關鍵知識：字符串子串的獲取字符串s的子串的截取可通過s.Substring(s1,s2)方式獲得標題日期格式設置空模板字段任務5.3

37、 新聞標題的修改任務實施：截短太長的標題任務5.3 新聞標題的修改任務實施：添加標題日期任務5.3 新聞標題的修改任務實施：修改日期格式任務5.3 新聞標題的修改任務實施：添加標題前綴圖片任務5.4 顯示前幾條標題及分頁顯示內容任務描述：網頁頁面由于版面有限，在顯示新聞標題時往往只顯示最新的幾條信息，其他的內容以分頁形式或通過更多鏈接按鈕進入相關鏈接頁面獲取。本任務包括：只顯示最新n條記錄；以分頁形式顯示標題信息。任務5.4 顯示前幾條標題及分頁顯示內容關鍵知識：數據庫查詢獲取前幾條標題分頁顯示任務5.4 顯示前幾條標題及分頁顯示內容任務實施：顯示最新幾條新聞分頁顯示內容任務5.4 顯示前幾條

38、標題及分頁顯示內容任務實施：設置分頁屬性任務5.4 顯示前幾條標題及分頁顯示內容任務實施：項目6 讀取并搜索新聞科學出版社 主編 ：郭建東教學目標知識教學目標獲取查詢字符串值使用SqlConnection類創建和關閉數據庫連接使用SqlCommand執行對數據庫的操作使用SqlDataReader讀取數據庫查詢結果使用SqlDataAdapter與DataSet讀取數據庫查詢結果使用模糊查詢獲得搜索結果技能培養目標能夠使用數據控件和編輯方式讀取并顯示數據庫的內容能夠編寫新聞搜索代碼目 錄任務6.1 獲取標題參數1任務6.2 使用數據控件讀取新聞內容2任務6.3 使用ADO.NET編程讀取新聞內

39、容3任務6.4 網頁搜索4任務6.1 獲取標題參數任務描述：一般網站主頁顯示文章標題鏈接，點擊標題鏈接后才能進入另一個頁面查看文章內容，二個頁面的轉換需要進行一些參數的傳遞，本任務講解如何通過數據源控件方式進行參數接收、如何通過編寫代碼方式獲取不同頁面傳遞的參數。任務6.1 獲取標題參數關鍵知識：頁面間參數傳遞使用數據源控件傳遞參數在where子句對話框中設置參數，進行參數傳遞任務6.1 獲取標題參數關鍵知識：頁面間參數傳遞通過查詢字符串傳遞參數直接傳遞查詢字符串任務6.1 獲取標題參數關鍵知識：頁面間參數傳遞通過查詢字符串傳遞參數編碼后再傳遞查詢字符串任務6.1 獲取標題參數任務實施：使用數

40、據源控件獲取查詢字符串Where子句對話框設置如下：任務6.1 獲取標題參數任務實施：使用Request獲取查詢字符串任務6.2 使用數據控件讀取新聞內容任務描述：在項目5中，用戶可點擊文件標題，然后將文件名參數傳遞到讀取內容的頁面。在任務6.1中獲取了傳遞過來的fileid參數，本任務通過使用數據控件讀取指定fileid標題的新聞內容。任務6.2 使用數據控件讀取新聞內容關鍵知識：DataList控件編輯DataList控件的模板任務6.2 使用數據控件讀取新聞內容關鍵知識：數據綁定任務6.2 使用數據控件讀取新聞內容任務實施：任務6.3 使用ADO.NET編程讀取新聞內容任務描述：用戶可點

41、擊文件標題，將文件名參數傳遞到讀取內容的頁面，本任務通過ADO.NET編程方式獲取了傳遞過來的fileid參數，然后再編寫代碼訪問數據庫，讀取文件內容。任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlConnection創建關閉數據庫連接創建連接任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlConnection創建關閉數據庫連接創建連接任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlConnection創建關閉數據庫連接創建連接任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlConnection創建關閉數據庫連接使用us

42、ing塊任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlConnection創建關閉數據庫連接關閉連接任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlCommand執行對數據庫的操作任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlCommand執行對數據庫的操作任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：使用SqlDataReader讀取查詢結果任務6.3 使用ADO.NET編程讀取新聞內容關鍵知識：關閉SqlDataReader任務6.3 使用ADO.NET編程讀取新聞內

43、容任務實施：在如圖6-6所示的頁面中點擊文件標題，可跳轉到如圖6-7所示的頁面查看文件內容。任務6.4 網頁搜索任務描述：由于網頁頁面版面的限制，在網頁版面往往只顯示最新的新聞，對不在主頁面顯示的新聞可以通過多種搜索方式進行閱讀。用戶可以選擇按標題、按內容或按發布者進行新聞的搜索，在給定的搜索框中輸入要查找的內容后，單擊搜索按鈕可得到相關結果的文件標題鏈接。任務6.4 網頁搜索關鍵知識：DataSetDataSet對象是一個非連接數據容器，看上去像是一個內存中的數據庫，可以想象成一個虛擬的表，這個表存放在內存中，支持多表、表間關系和數據庫約束等。任務6.4 網頁搜索關鍵知識：DataSet用S

44、qlDataAdapter對象執行查詢方法時，才將查詢的返回數據存儲在DataSet對象中。任務6.4 網頁搜索關鍵知識：DataAdapter任務6.4 網頁搜索關鍵知識：DataAdapter任務6.4 網頁搜索關鍵知識：模糊搜索任務6.4 網頁搜索關鍵知識：模糊搜索任務6.4 網頁搜索任務實施：按標題搜索任務6.4 網頁搜索任務實施：按內容搜索任務6.4 網頁搜索任務實施：按發布者搜索項目7 網站的后臺管理科學出版社 主編 ：郭建東教學目標知識教學目標在線編輯器的應用母版頁創建及應用數據控件模板字段的應用使用ADO.NET編程插入數據庫信息使用ADO.NET編程更新數據庫信息使用數據控件

45、更新數據庫信息使用數據控件刪除數據庫信息將樣式應用到數據控件及模板字段中技能培養目標能夠應用母版頁能夠通過ADO.NET編程插入、刪除和更新數據庫信息能夠使用數據控件插入、刪除和更新數據信息目 錄任務7.1 在線編輯器應用1任務7.2 后臺管理員主頁面設計2任務7.3 使用ADO.NET編程插入新聞內容3任務7.4 更新修改新聞內容4任務7.5 刪除新聞內容5任務7.1 在線編輯器應用任務描述：在線編輯器有可見即可得功能，使得后臺管理更加簡單方便。本任務介紹如何使用在線編輯器進行數據信息的錄入編輯。以CuteEditor for ASP.NET為例，掌握在線編輯器的使用。任務7.1 在線編輯器

46、應用關鍵知識：在線編輯器網站的管理員后臺管理模塊主要包括管理員權限管理、身份校驗、用戶管理及數據庫數據的添加、刪除和修改，對靜態頁面的維護等。新聞發布或大段文字、圖片的錄入和更新等功能的管理模塊，通過在頁面中添加在線編輯器，幫助管理員進行數據信息的錄入編輯。目前，常用的在線編輯器有CuteEditor、FCKeditor、FreeTextBox等，這些外部編輯器通過簡單的配置，可添加到Visual Studio.NET的工具箱中，像普通的服務器控件一樣方便使用。任務7.1 在線編輯器應用關鍵知識：在線編輯器任務7.1 在線編輯器應用任務實施：任務7.2 后臺管理員主頁面設計任務描述：后臺管理包

47、括數據庫信息的插入、編輯和刪除功能，這些功能布局在頁面的右側欄，頭部、導航、左側欄和頁腳界面布局都一樣，因此先創建母版頁，效果如圖7-4所示，其他頁面基于這個母版頁創建。應用母板頁，進行管理員主頁面設計。任務7.2 后臺管理員主頁面設計關鍵知識：ContentPlaceHolder控件任務7.2 后臺管理員主頁面設計任務實施：創建管理員母版頁任務7.3 使用ADO.NET編程插入新聞內容任務描述：往數據庫中插入信息，可以通過控件完成，在配置數據源時配置成帶插入、刪除和更新功能，然后結合數據控件可完成數據庫信息的管理操作。另外，還可以通過編程方式實現，用編程方式插入信息，界面布局更加靈活，效率更

48、高。本任務通過ADO.NET編程方式往數據庫表files中插入信息。任務7.3 使用ADO.NET編程插入新聞內容關鍵知識：數據庫連接步驟任務7.3 使用ADO.NET編程插入新聞內容關鍵知識：數據庫中插入圖片往數據庫中插入圖片有兩種方式一種通過在線編輯器插入圖片路徑，插入的圖片保存在網站專用文件夾中，在數據庫表中保存圖片的路徑；另一種方式通過編寫圖片二進制處理代碼實現圖片的二進制插入并讀取。任務7.3 使用ADO.NET編程插入新聞內容任務實施：任務7.4 更新修改新聞內容任務描述：數據庫信息插入到表中后，可能會出現各種原因，需要對標題、內容等進行修改。本任務使得管理員可在查看新聞標題后選擇

49、其中需要修改的標題，進入修改頁面修改新聞內容、標題或發布者信息等。任務7.4 更新修改新聞內容關鍵知識：數據控件的高級應用任務7.4 更新修改新聞內容關鍵知識：數據控件的高級應用任務7.4 更新修改新聞內容關鍵知識：數據控件的高級應用任務7.4 更新修改新聞內容任務實施：使用數據控件修改數據庫內容任務7.4 更新修改新聞內容任務實施：使用ADO.NET編程方式修改數據庫內容實現步驟見教材任務實施任務7.5 刪除新聞內容任務描述：管理員臺后對數據庫的管理除了插入和修改信息外，還可以對信息進行刪除。本任務使用數據控件刪除數據庫中信息。任務7.5 刪除新聞內容關鍵知識：數據控件的刪除事件任務7.5

50、刪除新聞內容任務實施：項目8 登錄注冊與身份驗證教學目標知識教學目標編程實現登錄功能編程實現注冊功能驗證控件應用使用控件實現登錄注冊用戶身份驗證模塊技能培養目標掌握編程實現登錄、注冊功能的實現掌握驗證控件、登錄注冊控件的應用目 錄任務8.1 使用ADO.NET編程實現登錄注冊功能1任務8.2 ASP.NET登錄工具箱控件的應用2任務8.3 利用HttpModule實現用戶身份驗證3任務8.1 使用ADO.NET編程實現登錄注冊功能任務描述：創建網頁并在頁面上添加登錄、注冊鏈接，成功跳轉至登錄、注冊頁面后，實現登錄注冊功能。任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務

51、8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：驗證控件任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：取消驗證任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：Session定義會話期變量使用會話期變量注銷會話期任務8.1 使用

52、ADO.NET編程實現登錄注冊功能關鍵知識：Session任務8.1 使用ADO.NET編程實現登錄注冊功能關鍵知識：Session任務8.1 使用ADO.NET編程實現登錄注冊功能任務實施：任務8.1 使用ADO.NET編程實現登錄注冊功能任務實施：數據庫設計任務8.1 使用ADO.NET編程實現登錄注冊功能任務實施：注冊功能任務8.1 使用ADO.NET編程實現登錄注冊功能任務實施：數據驗證任務8.1 使用ADO.NET編程實現登錄注冊功能任務實施：編程實現登錄功能任務8.2 ASP.NET登錄工具箱控件的應用任務描述：使用注冊控件完成用戶注冊功能，應用登錄工具箱控件完成注冊用戶的登錄。注

53、冊用戶登錄后跳轉到主頁面，在主頁面顯示用戶登錄狀態及信息，并允許用戶單擊“退出”按鈕退出登錄狀態。在用戶已登錄的情況下，使用ChangePassword控件為用戶和系統管理員提供密碼修改功能。任務8.2 ASP.NET登錄工具箱控件的應用關鍵知識：CreateUserWizard控件任務8.2 ASP.NET登錄工具箱控件的應用關鍵知識：Login控件任務8.2 ASP.NET登錄工具箱控件的應用關鍵知識：Login控件任務8.2 ASP.NET登錄工具箱控件的應用關鍵知識：LoginView控件使用LoginView控件，可以向匿名用戶和登錄用戶顯示不同的信息。該控件顯示模板Anonymou

54、sTemplate 或 LoggedInTemplate。在Anonymous Template模板中，可以為匿名用戶添加顯示適當信息的標記和控件；而在LoggedInTemplate模板中，則可以為經過身份驗證的用戶添加顯示適當信息的標記和控件。任務8.2 ASP.NET登錄工具箱控件的應用關鍵知識：LoginStatus控件LoginStatus控件有“已登錄”和“注銷”兩種狀態，具體為哪種狀態是由Page對象的 Request屬性的IsAuthenticated 屬性決定的。LoginStatus控件可能顯示文本，也可能顯示圖像鏈接。通過設置LoginText、LoginImageUrl

55、、LogoutText和LoginImageUrl屬性對LogiStatus控件的外觀進行定義。注銷行為由 LogoutAction 屬性控制，該屬性有三個值：分別為Refresh、Redirect和RedirectToLoginPage，分別表示刷新當前頁，將用戶重定向到應用程序配置設置中定義的登錄頁，以及將用戶重定向到 LogoutPageUrl屬性所指定的頁。默認設置是刷新當前頁。任務8.2 ASP.NET登錄工具箱控件的應用任務實施：新建注冊頁面任務8.2 ASP.NET登錄工具箱控件的應用任務實施：使用Login控件實現登錄功能任務8.2 ASP.NET登錄工具箱控件的應用任務實施：

56、顯示登錄狀態及登錄用戶名任務8.2 ASP.NET登錄工具箱控件的應用任務實施：修改密碼任務8.2 ASP.NET登錄工具箱控件的應用任務實施：任務8.3 利用HttpModule實現用戶身份驗證任務描述：用戶進入頁面時，判斷頁面是否在管理員文件夾下，是否需要身份驗證，身份驗證通過則可以訪問頁面。通過HttpModule對訪問Admin文件的用戶進行過濾，在Http進行頁面訪問時用httpApplication類的AcquireRequestState事件對Session進行驗證，如果Session存在則通過，如果不存在則直接跳轉到登錄頁面。任務8.3 利用HttpModule實現用戶身份驗證

57、關鍵知識：HttpModuleHttpModule是ASP.NET的一種HTTP處理機制，當把HttpModule注冊到網站或Web應用后，每接到一個新的HTTP請求時，都會執行HttpModule中的相應代碼。要實現HttpModule，需要實現IHttpModule接口，IHttpModule向實現類提供模塊初始化和處置事件IHttpModule包含兩個方法：public void Init(HttpApplication context);public void Dispose();Init()這個方法接受一個HttpApplication對象，HttpApplication代表了當前的

58、應用程序，需要在這個方法內注冊 HttpApplication對象暴露給客戶端的事件，對事件進行注冊，實際的事件處理程序需要另外寫方法。Dispose()方法可以在進行垃圾回收之前進行一些清理工作。任務8.3 利用HttpModule實現用戶身份驗證任務實施：主要步驟創建一個類文件，命名為CheckAdminModule.cs，保存在App_Code文件夾中。編寫類文件代碼注冊托管代碼模塊運行Admin管理員文件夾中的主頁文件AdminDefault.aspx或其他的插入、更新、刪除等文件，當服務器沒檢測到名為“SessionAdmin”的會話期對象時，頁面會直接跳轉到login_admin.

59、aspx管理員登錄頁面。項目9 存儲過程及事務處理科學出版社 主編 ：郭建東教學目標知識教學目標創建存儲過程了解輸入參數和輸出參數及獲取返回結果圖表顯示查詢結果創建事務處理技能培養目標掌握存儲過程的應用掌握事務處理的應用 目 錄任務9.1 客戶訂單查詢1任務9.2 產品查詢2任務9.3 種類產品數量查詢及圖表顯示3任務9.4 ADO.NET事務處理45任務9.1 客戶訂單查詢任務描述：在電子商務網站中，會有大量的用戶高頻率地進行產品的查詢、訂單查看等操作，采用存儲過程實現信息的查找有助于提高查找效率。本任務采用存儲過程查看所選客戶的所有訂單。任務9.1 客戶訂單查詢關鍵知識：創建存儲過程創建存

60、儲過程的兩種方式：任務9.1 客戶訂單查詢關鍵知識：應用存儲過程任務9.1 客戶訂單查詢關鍵知識：存儲過程中的輸入輸出參數任務9.1 客戶訂單查詢任務實施：任務9.2 產品查詢任務描述：在電子商務網站中，產品信息的查找屬于高頻事件。為了提高產品的查找效率，可采用存儲過程實現產品信息的查找。用戶在搜索框輸入要查找產品的關鍵字，通過編程進行模糊查找，使得用戶可搜索出包括關鍵字的所有產品信息。任務9.2 產品查詢關鍵知識：數據庫的模糊查詢任務9.2 產品查詢關鍵知識：服務器端表格控件表格控件由行和單元格組成，使用表格控件顯示內容需要先建立表格行對象并實例化，用Add方法將行添加到表格對象中；然后再創