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

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