《ASP NET程序设计及实践》课件08-第8章 数据绑定

-1-了解数据源控件和数据绑定控件的种类熟悉SqlDataSource数据源控件的配置掌握使用GridView控件进行数据显示、编辑、删除目标-2-数据控件概述数据源控件 用于配置数据源数据绑定控件 用于绑定数据源并显示数据数据源控件和数据绑定控件让开发人员以可视化的方式操作并显示数据库中的数据，简化了开发难度提高了工作效率。-3-数据源控件数据源控件：ASP.NET4.0提供了6种数据源控件：SqlDataSource：用来连接数据库类型的数据源，使用T-SQL命令来检索和修改数据。可用于数据库的类型包括SQLServer、OLEDB、ODBC和Oracle数据库。AccessDataSource：继承自SqlDataSource，专门用于Access数据库。LinqDataSource：通过LINQ技术访问数据库的映射类，实现数据的增、删、改操作。ObjectDataSource：其数据源始中间层的业务对象，实现一种或多种方法与业务数据对象进行交互，同时检索或修改数据。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关系数据库中的数据，并绑定到数据绑定控件中。提供数据的检索、插入、更新、删除、排序等功能，开发人员不需要手动编写任何代码。在所属页面加载时，会自动打开数据库，进行数据操作，当页面关闭时会自动关闭数据库。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.查看生成的数据源控件代码数据源控件配置结束后，查看页面的源代码，其中关于数据源控件的代码如下所示。可视化属性<asp:SqlDataSourceID="sqlUser"runat="server" ConnectionString="<%$ConnectionStrings:HRConnectionString%>" SelectCommand="SELECT*FROM[UserDetails]"></asp:SqlDataSource> -11-GridView控件GridView是最常用的数据绑定控件之一，可以以表格形式显示数据库中的数据：通过数据源控件将数据绑定到GridView控件；实现数据的选择、编辑、删除、排序、分页功能；通过指定GridView控件的模板列以及显示风格，创建自定义的用户界面；通过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显示用来执行选择、编辑或删除操作的预定义命令按钮HyperLinkField将数据源中摸个字段显示为超链接，允许将字段绑定到超链接的URL中ImageField为GridView控件中的每一项显示一个图片TemplateField根据指定的模板为GridView控件中的每一项显示用户定义的内容-21-GridView控件事件GridView控件支持多种事件，几乎所有的操作如选择、排序、分页、编辑、更新、删除等都有明确的事件。事件描述DataBound在GridView控件完成到数据源的绑定后发生PageIndexChanging在单击页导航按钮时发生，在GridView控件执行分页操作之前发生PageIndexChanged在单击页导航按钮时发生，在GridView控件执行分页操作之后发生RowDataBound在GridView控件中的某个行被绑定到一个数据记录时发生RowCreated创建新行时发生RowDeleting在GridView控件删除数据行之前（点击数据行的Delete按钮时）发生RowDeleted在GridView控件删除数据行之后发生RowEditing在GridView控件进入编辑模式之前（点击数据行的Edit按钮时）发生RowUpdating在GridView控件更新数据行之前（点击Update按钮时）发生RowUpdated在GridView控件更新数据行之后发生Sorting在GridView控件执行排序操作之前发生Sorted在GridView控件执行排序操作之后发生-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控件“自动套用格式”为“专业型”，并编辑列。将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