NET網(wǎng)站開發(fā)項目化教程PPT單元設(shè)計6-1 實現(xiàn)用戶注冊的省市選擇功能

PAGEPAGE1《ASP.Net應(yīng)用開發(fā)》課程單元教學(xué)設(shè)計6_1教學(xué)單元實現(xiàn)用戶注冊的省市選擇功能授課班級授課學(xué)時課時授課日期年月日第周周第節(jié)授課教師授課地點教學(xué)目標知識目標數(shù)據(jù)源、數(shù)據(jù)源控件、數(shù)據(jù)綁定技術(shù)、常用控件的數(shù)據(jù)綁定(RadioButtonList控件、DropDownList控件)能力目標能夠熟悉應(yīng)用數(shù)據(jù)源控件實現(xiàn)常用控件的數(shù)據(jù)綁定素質(zhì)目標規(guī)范管理能力;自我學(xué)習(xí)能力;相互協(xié)作能力。教學(xué)重點應(yīng)用數(shù)據(jù)源控件實現(xiàn)常用控件的數(shù)據(jù)綁定教學(xué)難點常用的數(shù)據(jù)綁定技術(shù)，常用控件的數(shù)據(jù)綁定。能力訓(xùn)練任務(wù)或案例實現(xiàn)用戶注冊的省市選擇功能教學(xué)策略(教學(xué)方法與組織形式)1.課件：根據(jù)本節(jié)課程設(shè)計的內(nèi)容及教學(xué)計劃，逐步展現(xiàn)知識點。2.板書：針對學(xué)生在學(xué)習(xí)和練習(xí)過程中出現(xiàn)的問題，進行補充講解。調(diào)節(jié)課堂節(jié)奏，給學(xué)生思考的時間。3.教師程序編寫：讓學(xué)生體驗實現(xiàn)用戶注冊的省市選擇功能，與所學(xué)知識點一一對應(yīng)，加深理解。4.問答：就一些知識點的靈活性與學(xué)生進行問答互動。5.就（3）和（4）中同學(xué)們的表現(xiàn)給出部分平時分，為了鼓勵同學(xué)們的參與積極性，參與者加1分，答對者加2-3分。課后練習(xí)實現(xiàn)省份城市的級聯(lián)效果(省、城市均保存在數(shù)據(jù)表中)。教學(xué)后記教學(xué)過程教學(xué)引入：討論：怎么讓數(shù)據(jù)庫中的數(shù)據(jù)顯示在已經(jīng)學(xué)過的常見控件(如RadioButtonList控件、DropDownList控件)上?教學(xué)內(nèi)容：6.1數(shù)據(jù)綁定概述6.1.1什么是數(shù)據(jù)綁定數(shù)據(jù)綁定是一種自動將數(shù)據(jù)按照指定格式顯示到界面上的技術(shù)。數(shù)據(jù)綁定技術(shù)分為簡單數(shù)撂綁定和復(fù)雜數(shù)據(jù)綁定兩類。6.1.2Eval()和Bind()方法Eval()和Bind()方法是數(shù)據(jù)綁定的兩種重要方法。1.Eval()方法其語法格式如下：<%#Eval(屬性名稱)%>例如：<asp:LabelID=”st_idLabel”runat=serverText=<%#Eval(“st_id”)%>/>上述代碼將st_id字段的值綁定到Label控件st_idLabel的Text屬性上。發(fā)布時間:<%#Eval(“DateTime”,”{0:yyyy-mm-dd,hh:mm:ss}”)%>上述代碼將DateTime字段的值以“年-月-日，時:分:秒”的格式呈現(xiàn)在瀏覽器上。2.Bind()方法語法格式與Eval方法的類似：<%#Bind(屬性名稱)%>/>例如：<asp:TextBoxID="st_nameTextBox"runat="server"Text='<%#Bind("st_name")%>'/>上述代碼將st_name字段的值綁定到TextBox控件st_nameTextBox的Text屬性上。6.2數(shù)據(jù)綁定語法6.2.1簡單數(shù)據(jù)綁定簡單數(shù)據(jù)綁定一般只綁定單個值到某個控件，所以數(shù)據(jù)源可以是變量、表達式、方法、控件的屬性等，下面分別對它們進行講解。1.綁定變量其語法格式如下：<%#簡單變量名%>【示例6-1】綁定變量的應(yīng)用演示。把存放在變量中的登錄名和登錄時間綁定到頁面中的Label控件并在頁面上顯示出來。2.綁定表達式語法格式如下：<%#表達式%>【示例6-2】實現(xiàn)總金額的計算。本示例實現(xiàn)將單價和數(shù)量相乘的結(jié)果綁定到Label控件上。圖6-2實現(xiàn)總金額的計算3.綁定方法語法格式如下：<%#方法%>【示例6-3】求兩個數(shù)的四則運算結(jié)果。本示例通過求兩個數(shù)的四則運算結(jié)果演示將方法的返回值綁定到控件屬性上。圖6-3求兩個數(shù)的四則運算簡單數(shù)據(jù)綁定需要注意以下幾點：1)數(shù)據(jù)綁定表達式不會自動計算它的值，除非它所在的頁或者控件顯示地調(diào)用了DataBind()方法，DataBind()方法能夠?qū)?shù)據(jù)源綁定到被調(diào)用的服務(wù)器控件及其所有子控件。DataBind()是Page和所有服務(wù)器控件的方法，通常在Page_Load事件中被調(diào)用。可將上例中的Page.DataBind();語句注釋掉，再看一下運行結(jié)果。2)綁定變量和方法的返回值時，該變量和方法必須聲明為public或protected類型，否則會提示錯誤：“╳╳╳不可訪問”，因為它受保護級別限制。3)如果數(shù)據(jù)綁定表達式中使用了雙引號，則<%#數(shù)據(jù)源%>的最外層要用單引號，否則會提示“服務(wù)器標記的格式不正確”的錯誤信息，其他情況下使用雙引號或者單引號都可以。將下面語句的單引號改成雙引號即可得到印證。<asp:LabelID="Label1"runat="server"Text=’<%#"單引號還是雙引號？"%>’></asp:Label>6.2.2復(fù)雜數(shù)據(jù)綁定復(fù)雜綁定就是將多個值綁定到數(shù)據(jù)綁定控件的某個屬性上。擁有多個值的數(shù)據(jù)源有集合、DataTable、DataSet等，后續(xù)章節(jié)中將分別介紹。復(fù)雜綁定時，需要在前臺將綁定表達式賦值給控件的DataSource屬性：DataSource=’<%#數(shù)據(jù)源%>’或者在后臺將數(shù)據(jù)源賦值給控件的DataSource屬性：控件名.DataSource=數(shù)據(jù)源【示例6-4】復(fù)雜數(shù)據(jù)綁定的應(yīng)用。圖6-4復(fù)雜數(shù)據(jù)綁定示例本示例中，創(chuàng)建了一個名為cls的ArrayList對象，并將其作為ListBox控件對象lbColor的數(shù)據(jù)源進行綁定，lbColor還定義了SelectedIndexChanged事件，該事件把lbColor控件的前景顏色設(shè)置為當前選擇項所指定的顏色。6.3數(shù)據(jù)源控件6.3.1數(shù)據(jù)源控件概述常見的數(shù)據(jù)源控件有SqIDataSource、AccessDataSource、ObjectDataSource、XmlDataSource、SiteMapDataSource。這些數(shù)據(jù)源控件的具體操作我們將在后續(xù)章節(jié)結(jié)合數(shù)據(jù)控件的應(yīng)用進行舉例說明。6.2.2SqlDataSource數(shù)據(jù)源控件SqlDataSource控件用于連接到SQL關(guān)系數(shù)據(jù)庫的數(shù)據(jù)源。表6-1SqlDataSource控件的主要屬性屬性說明DeleteCommand獲取或設(shè)置SqlDataSource控件刪除數(shù)據(jù)庫數(shù)據(jù)所用的SQL命令DeleteCommandType獲取或設(shè)置刪除命令類型，可取的值：Text和StoredProduce，分別對應(yīng)SQL命令、存儲過程。DeleteParameters獲取DeleteCommand屬性所使用的參數(shù)的參數(shù)集合InsertCommand獲取或設(shè)置SqlDataSource控件插入數(shù)據(jù)庫數(shù)據(jù)所用的SQL命令I(lǐng)nsertCommandType獲取或設(shè)置插入命令類型，可取的值：Text和StoredProduce。InsertParameters獲取InsertCommand屬性所使用的參數(shù)的參數(shù)集合SelectCommand獲取或設(shè)置SqlDataSource控件查詢數(shù)據(jù)庫數(shù)據(jù)所用的SQL命令SelectCommandType獲取或設(shè)置查詢命令類型，可取的值：Text和StoredProduce。SelectParameters獲取SelectCommand屬性所使用的參數(shù)的參數(shù)集合UpdateCommand獲取或設(shè)置SqlDataSource控件更新數(shù)據(jù)庫數(shù)據(jù)所用的SQL命令UpdateCommandType獲取或設(shè)置更新命令類型，可取的值：Text和StoredProduce。UpdateParameters獲取UpdateCommand屬性所使用的參數(shù)的參數(shù)集合DataSourceModeSqlDataSource控件檢索數(shù)據(jù)時，是使用DataSet還是使用DataReaderProviderName獲取或設(shè)置.NETFramework數(shù)據(jù)提供程序的名稱6.2.3ObjectDataSource數(shù)據(jù)源控件在不使用擴展代碼的情況下，ObjectDataSource控件使用中間層業(yè)務(wù)對象以聲明方式對數(shù)據(jù)執(zhí)行選擇、插入、更新、刪除、分頁、排序、緩存和篩選操作。6.2.4SiteMapDataSource數(shù)據(jù)源控件SiteMapDataSource控件用于ASP.NET站點導(dǎo)航。該控件檢索站點地圖提供程序的導(dǎo)航數(shù)據(jù)，并將該數(shù)據(jù)傳遞到可顯示該數(shù)據(jù)的控件。站點地圖信息可以以很多種形式出現(xiàn)，其中最簡單的形式是位于應(yīng)用程序的根目錄中的一個名為web.sitemap的XML文件。SiteMapDataSource控件可以處理存儲在Web站點的SiteMap配置文件中的數(shù)據(jù)。6.4常用控件的數(shù)據(jù)綁定下面以前面章節(jié)中學(xué)過的RadioButtonList和DropDownList控件為例來認識數(shù)據(jù)綁定。6.4.1RadioButtonList控件的數(shù)據(jù)綁定RadioButtonList控件我們之前介紹過，使用RadioButtonList控件進行數(shù)據(jù)綁定之前，先了解一下它的相關(guān)屬性和方法。RadioButtonList控件的常用屬性和方法見表6-3所示?！臼纠?-5】實現(xiàn)RadioButtonList控件綁定到數(shù)據(jù)庫，當選擇RadioButtonList中的某個學(xué)生時，實時輸出該學(xué)生的詳細信息。圖6-6RadioButtonList控件的數(shù)據(jù)綁定注意：運行時若選擇一個姓名后無對應(yīng)信息顯示，有兩個可能原因：一是沒有將RadioButtonList控件的AutoPostBack屬性設(shè)置為True，二是Page_Load事件方法代碼沒有用if(!IsPostBack)語句判斷是否為第一次加載！6.4.2DropDownList控件的數(shù)據(jù)綁定DropDownList控件我們之前介紹過，DropDownList下拉列表控件的常用屬性和方法見表6-4所示。表6-4DropDownList控件的常用屬性和方法屬性說明AutoPostBack指示當用戶更改列表中的選定內(nèi)容時是否自動產(chǎn)生向服務(wù)器的回發(fā)DataTextField為列表項提供文本內(nèi)容的數(shù)據(jù)源字段DataValueField為各列表項提供值的數(shù)據(jù)源字段SelectedIndex選定項的索引SelectedItem獲取列表控件中的選定項SelectedValue獲取列表控件中選定項的值事件說明SelectedIndexChanged當列表控件的選定項在信息發(fā)往服務(wù)器之間變化時觸發(fā)除SelectedValue之外，通過SelectedItem.Text和SelectedItem.Value可獲得