《ASP NET程序設計及實踐》課件08-第8章 數據綁定

-1-了解數據源控件和數據綁定控件的種類熟悉SqlDataSource數據源控件的配置掌握使用GridView控件進行數據顯示、編輯、刪除目標-2-數據控件概述數據源控件 用于配置數據源數據綁定控件 用于綁定數據源并顯示數據數據源控件和數據綁定控件讓開發(fā)人員以可視化的方式操作并顯示數據庫中的數據，簡化了開發(fā)難度提高了工作效率。-3-數據源控件數據源控件：ASP.NET4.0提供了6種數據源控件：SqlDataSource：用來連接數據庫類型的數據源，使用T-SQL命令來檢索和修改數據?？捎糜跀祿斓念愋桶⊿QLServer、OLEDB、ODBC和Oracle數據庫。AccessDataSource：繼承自SqlDataSource，專門用于Access數據庫。LinqDataSource：通過LINQ技術訪問數據庫的映射類，實現數據的增、刪、改操作。ObjectDataSource：其數據源始中間層的業(yè)務對象，實現一種或多種方法與業(yè)務數據對象進行交互，同時檢索或修改數據。XmlDataSource：讀取和寫入XML數據。SiteMapDataSource：從站點地圖獲取數據，并將數據顯示到站點導航控件中。-4-數據綁定控件-1數據綁定控件：ASP.NET4.0中常用的數據綁定控件有6種：GridView控件：以表格的形式顯示數據；DetailsView控件：基于表格的形式顯示一條記錄的詳細信息；FormView控件：基于模板布局的形式顯示一條記錄的詳細信息；Repeater控件：是一種列表控件，使用模板將數據記錄呈現為只讀列表；DataList控件：表格數據綁定控件，可以使用不同的布局來顯示數據；ListView控件：使用模板和樣式定義的格式顯示數據。-5-數據綁定控件-2所有的數據庫綁定控件都是從BaseDataBoundControl抽象類派生的，該抽象類主要定義了以下屬性和方法：DataSource屬性：指定數據綁定控件的數據源，數據綁定控件從指定數據源中獲取數據并顯示。DataSourceID屬性：指定數據綁定控件的數據源控件的ID，數據綁定控件根據ID找到相應的數據源控件，并利用數據源控件中指定方法獲取數據并顯示。DataBind()方法：當指定了數據綁定控件的DataSource屬性或者DataSourceID屬性之后，再調用DataBind()方法才會顯示綁定的數據。-6-SqlDataSource控件用于提取SQL關系數據庫中的數據，并綁定到數據綁定控件中。提供數據的檢索、插入、更新、刪除、排序等功能，開發(fā)人員不需要手動編寫任何代碼。在所屬頁面加載時，會自動打開數據庫，進行數據操作，當頁面關閉時會自動關閉數據庫。SqlDataSource控件返回的對象是DataSet，DataSet不太面向對象。-7-SqlDataSource控件操作-1示例：演示使用SqlDataSource數據源控件連接SQL2005數據庫的步驟。1.添加SqlDataSource數據源控件從工具箱的“數據”選項卡中，將SqlDataSource控件添加到頁面中，并修改其ID屬性為“sqlUser”。-8-SqlDataSource控件操作-22.建立新的連接在“SqlDataSource任務”窗口中選擇“配置數據源”選項，彈出“數據連接”窗口。點擊“新建按鈕”

在新彈出窗口中配置數據庫的相關信息，并點擊“測試連接”按鈕當連接數據庫成功后，會顯示圖中的信息<connectionStrings> <addname="HRConnectionString"connectionString="DataSource=.;InitialCatalog=HR;IntegratedSecurity=True"providerName="System.Data.SqlClient"/></connectionStrings>-9-SqlDataSource控件操作-33.配置select語句在“配置Select語句”窗口中指定表及列，如下圖所示。配置完select語句后，點擊“下一步”按鈕，則會顯示測試查詢窗口點擊“完成”按鈕，數據源配置過程結束-10-SqlDataSource控件操作-44.查看生成的數據源控件代碼數據源控件配置結束后，查看頁面的源代碼，其中關于數據源控件的代碼如下所示?？梢暬瘜傩?lt;asp:SqlDataSourceID="sqlUser"runat="server" ConnectionString="<%$ConnectionStrings:HRConnectionString%>" SelectCommand="SELECT*FROM[UserDetails]"></asp:SqlDataSource> -11-GridView控件GridView是最常用的數據綁定控件之一，可以以表格形式顯示數據庫中的數據：通過數據源控件將數據綁定到GridView控件；實現數據的選擇、編輯、刪除、排序、分頁功能；通過指定GridView控件的模板列以及顯示風格，創(chuàng)建自定義的用戶界面；通過GridView控件提供的事件模型，完成用戶復雜的事件操作。GridView控件的數據綁定方式可以采用如下兩種形式：通過數據源控件的方式將數據綁定到GridView控件。通過編碼的方式將數據綁定到GridView控件。-12-綁定數據源使用GridView控件-1從工具箱的“數據”選項卡中，將GridView控件添加到頁面中，并修改其ID屬性為“gvUser”。-13-綁定數據源使用GridView控件-2在GridView控件的任務窗口中選擇數據源，選擇后，GridView控件中的列名將與UserDetails表對應。-14-綁定數據源使用GridView控件-3在GridView控件的任務窗口中選擇“編輯列”選項，彈出“字段”窗口，并編輯字段的HeaderText屬性。-15-綁定數據源使用GridView控件-4在GridView控件的任務窗口中選擇“自動套用格式”選項，將彈出“自動套用格式”窗口，選擇某種格式。<asp:GridViewID="gvUser"runat="server"AutoGenerateColumns="False" CellPadding="4"DataKeyNames="userId"DataSourceID="sqlUser" ForeColor="#333333"GridLines="None"> <FooterStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/> <RowStyleBackColor="#F7F6F3"ForeColor="#333333"/> <Columns> <asp:BoundFieldDataField="userId"HeaderText="ID" InsertVisible="False"ReadOnly="True"SortExpression="userId"/> <asp:BoundFieldDataField="userName"HeaderText="用戶名" SortExpression="userName"/> <asp:BoundFieldDataField="userPass"HeaderText="密碼" SortExpression="userPass"/> <asp:BoundFieldDataField="role"HeaderText="權限" SortExpression="role"/> <asp:BoundFieldDataField="regTime"HeaderText="注冊時間" SortExpression="regTime"/> <asp:BoundFieldDataField="logNum"HeaderText="登陸次數" SortExpression="logNum"/> </Columns> <PagerStyleBackColor="#284775"ForeColor="White" HorizontalAlign="Center"/> <SelectedRowStyleBackColor="#E2DED6"Font-Bold="True" ForeColor="#333333"/> <HeaderStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/> <EditRowStyleBackColor="#999999"/> <AlternatingRowStyleBackColor="White"ForeColor="#284775"/></asp:GridView>代碼在原來簡單的GridView控件中，添加了很多樣式，這些樣式是自動套用格式之后添加進去的

樣式名稱描述AlternatingRowStyle交替數據行的樣式。設置此屬性后，數據行交替使用RowStyle設置和AlternatingRowStyle設置進行顯示EditRowStyle編輯行的樣式EmptyDataRowStyle空數據行樣式，當數據源中沒有任何數據記錄時顯示FooterStyle腳注行的樣式HeaderStyle標題行的樣式PagerStyle分頁導航行的樣式RowStyle數據行的樣式SelectedRowStyle選中行的樣式-16-綁定數據源使用GridView控件-5啟動項目，運行結果如下圖所示。-17-編程方式使用GridView控件-1將GridView控件添加到頁面中，在GridView控件的任務窗口中選擇“編輯列”選項，取消對“自動生成字段”復選框的勾選；在“可用字段”中選擇BoundField（綁定列），然后單擊“添加”按鈕，給GridView控件添加6個綁定列，并編輯每列的DataField和HeaderText屬性-18-編程方式使用GridView控件-2在GridView控件的任務窗口中選擇“自動套用格式”選項，設置“自動套用格式”為某種格式<asp:GridViewID="gvUser"runat="server"AutoGenerateColumns="False" CellPadding="4"ForeColor="#333333"GridLines="None"Height="48px"> <FooterStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/> <RowStyleBackColor="#F7F6F3"ForeColor="#333333"/> <Columns> <asp:BoundFieldDataField="userId"HeaderText="ID"/> <asp:BoundFieldDataField="userName"HeaderText="用戶名"/> <asp:BoundFieldDataField="userPass"HeaderText="密碼"/> <asp:BoundFieldDataField="role"HeaderText="權限"/> <asp:BoundFieldDataField="regTime"HeaderText="注冊時間"/> <asp:BoundFieldDataField="logNum"HeaderText="登陸次數"/> </Columns> <PagerStyleBackColor="#284775"ForeColor="White" HorizontalAlign="Center"/> <SelectedRowStyleBackColor="#E2DED6"Font-Bold="True" ForeColor="#333333"/> <HeaderStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/> <EditRowStyleBackColor="#999999"/> <AlternatingRowStyleBackColor="White"ForeColor="#284775"/></asp:GridView>代碼中GridView控件沒有指明DataSourceID屬性，需要編碼設置其數據源

-19-編程方式使用GridView控件-2編寫頁面代碼，在Load事件中實現GridView控件的數據綁定publicpartialclassGridViewDemo2:System.Web.UI.Page{ protectedvoidPage_Load(objectsender,EventArgse) { if(!IsPostBack) { stringconstr="DataSource=.;InitialCatalog=HR;IntegratedSecurity=True"; SqlConnectioncon=newSqlConnection(constr); stringsql="SELECT*FROMUserDetails"; SqlDataAdapterda=newSqlDataAdapter(sql,con); DataSetds=newDataSet(); da.Fill(ds,"User"); //設置GridView控件的數據源為數據集中的User表

gvUser.DataSource=ds.Tables["User"]; //實現GridView控件的數據綁定

gvUser.DataBind(); } }}代碼編寫完成后，啟動項目，運行結果如第1種方式的結果相同-20-GridView控件列類型GridView控件的列共分為7種不同的類型，每個類型的列適用與不同的場景。 列類型描述BoundField顯示數據源中某個字段的值，綁定列是GridView控件的默認列類型ButtonField為GridView控件中的每個項顯示一個命令按鈕，例如“添加”或“刪除”按鈕CheckBoxField為GridView控件中的每一項顯示一個復選框，通常用于顯示具有布爾值的字段CommandField顯示用來執(zhí)行選擇、編輯或刪除操作的預定義命令按鈕HyperLinkField將數據源中摸個字段顯示為超鏈接，允許將字段綁定到超鏈接的URL中ImageField為GridView控件中的每一項顯示一個圖片TemplateField根據指定的模板為GridView控件中的每一項顯示用戶定義的內容-21-GridView控件事件GridView控件支持多種事件，幾乎所有的操作如選擇、排序、分頁、編輯、更新、刪除等都有明確的事件。事件描述DataBound在GridView控件完成到數據源的綁定后發(fā)生PageIndexChanging在單擊頁導航按鈕時發(fā)生，在GridView控件執(zhí)行分頁操作之前發(fā)生PageIndexChanged在單擊頁導航按鈕時發(fā)生，在GridView控件執(zhí)行分頁操作之后發(fā)生RowDataBound在GridView控件中的某個行被綁定到一個數據記錄時發(fā)生RowCreated創(chuàng)建新行時發(fā)生RowDeleting在GridView控件刪除數據行之前（點擊數據行的Delete按鈕時）發(fā)生RowDeleted在GridView控件刪除數據行之后發(fā)生RowEditing在GridView控件進入編輯模式之前（點擊數據行的Edit按鈕時）發(fā)生RowUpdating在GridView控件更新數據行之前（點擊Update按鈕時）發(fā)生RowUpdated在GridView控件更新數據行之后發(fā)生Sorting在GridView控件執(zhí)行排序操作之前發(fā)生Sorted在GridView控件執(zhí)行排序操作之后發(fā)生-22-GridView控件數據操作-1GridView控件實現對數據的修改功能實際上是通過數據源控件的UpdateCommand的SQL語句來實現的，也可以通過調用對應的RowUpdated事件在后臺完成對數據的修改。 將GridView控件添加到頁面中，在其任務窗口的“選擇數據源”下拉組合框中選擇“新建數據源”選項，彈出“數據源配置向導”窗口，選擇數據源類型為“數據庫”類型，并指定數據源的ID為“sqlUser”，點擊“確定”按鈕。-23-GridView控件數據操作-2選擇數據連接并配置Select語句，點擊“高級”按鈕，在彈出的“高級SQL生成選項”對話框中選中“生成INSERT、UPDATE和DELETE語句”。-24-GridView控件數據操作-3啟用GridView控件的編輯和刪除功能，在GridView任務窗口中選中“啟用編輯”和“啟用刪除”復選框。

啟用編輯和刪除功能后，GridView控件會在第一列插入一個CommandField列，該列會顯示編輯和刪除超鏈接按鈕

-25-GridView控件數據操作-4設置GridView控件“自動套用格式”為“專業(yè)型”，并編輯列。將CommandField列從第一列移到末尾，并設置其ButtonType屬性值為Button。-26-GridView控件數據操作-54.生成的頁面源代碼中核心代碼如下所示。<asp:SqlDataSourceID="sqlUser"runat="server" ConnectionString="<%$ConnectionStrings:HRConnectionString%>" … <DeleteParameters> <asp:ParameterName="userId"Type="Int32"/> </DeleteParameters> <UpdateParameters> <asp:ParameterName="userName"Type="String"/> … <asp:ParameterName="userId"Type="Int32"/> </UpdateParameters> <InsertParameters> <asp:ParameterName="userName"Typ