06使用获取与处理数据

1、第 6 章使用ADO.NET 获取与处理数据ADO.NET（ActiveX Data Objects.NET）是 ASP.NET 应用程序的数据接口，它提供了对SQL Server 数据源以及通过OLE DB 和XML 公开的数据源的一致的，使用 ADO.NET 连接数据源，并检索、处理和更新所包含的数据。【教学导航】【6.1操作准备】使用 SQL Server 2005 创建数据库和数据表创建 ASP.NET在 Visual Studio 2008 主窗口中创建一个 ASP.NET，该的名称为“eShop06”，的位置是“D:ASP.NET开发实例WebSiteeShop06”，同时会自动创

2、建该一个 Web 页面 Default.aspx。3准备样式文件和图像文件在文件夹“eShop06”（其路径为“D:ASP.NET开发实例WebSiteeShop06”）新建两个子文件夹，将新建的文件夹重命名为“css”和“images”。将已有的样式文件拷贝到子文件夹“css”中，将所需的图像文件拷贝到子文件夹 “images”中。4设计起始页面 Default.aspx本章所创建的 Web 页面以 Default.aspx 页面为起点进行扩充，实现其功能。页面Default.aspx 的浏览效果如图 6-1 所示。【6.2操作演练】【任务 6-1】获取和显示购物车中已选购商品的数量和总金额

3、教学目标学会使用 ADO.NET 的对象（包括mand、DataReader、DataAdapter、 DataSet 和DataView）数据库学会使用数据源控件和数据绑定控件在 Web 页面中输出数据，对数据库中的数据进行修改和更新学会在Web 页面中灵活使用ADO.NET 对象、数据源控件和数据绑定控件实现应用程序功能掌握mand、DataReader、DataAdapter、DataSet、DataView 等ADO.NET对象的功能和常用属性、方法掌握 SqlDataSource 数据源控件和 GridView、DataList、Repeater、DetailsView、 FormV

4、iew、DropDownList 等数据绑定控件的功能、属性和事件建议12【任务描述】创建Web 页面 eShop0601.aspx，在该页面中显示购物车中已选购商品的数量和总金额，该页面的浏览效果如图 6-2 所示，具体要求如下所示。（1）建立 SqlConnection 连接对象和mand 命令对象。（2）调用mand 命令对象的 ExecuteScalar 方法，计算购物车中已选购商品的数量，并通过 Label 控件输出其值。（3）调用mand 命令对象的 ExecuteReader 方法，计算购物车中已选购商品的总金额，然后使用 DataReader 对象的Read 方法数据，并通过

5、Label 控件输出其值。图 6-2 Web 页面eShop0601.aspx 的浏览效果【任务实施】1在eShop06 中添加一个 Web 页面 eShop0601.aspx设计 CSS 样式Web 页面布局设计在页面“eShop0601.aspx”中添加 Web 控件编写程序代码，实现程序功能运行 Web 页面与测试程序功能将 Web 页面eShop0601.aspx 设为起始页，运行该页面，其浏览效果如图 6-2 所示。由图可知，分别输出了购物车中已选购商品的数量和总金额。【任务 6-2】获得和显示购物车中的商品信息【任务 6-2-1 的描述】创建 Web 页面 eShop060201.

6、aspx，使用 SqlDataReader 对象获得和显示购物车中的商品信息，并在该页面的 textarea 控件中显示购物车中已选购商品的信息，该页面的浏览效果如图 6-3 所示。图 6-3 Web 页面eShop060201.aspx 的浏览效果【任务 6-2-1 的实施】1在eShop06 中添加一个 Web 页面 eShop060201.aspx设计 CSS 样式Web 页面布局设计在页面“eShop060201.aspx”中添加 Web 控件编写程序代码，实现程序功能运行 Web 页面与测试程序功能将 Web 页面eShop060201.aspx 设为起始页，运行该页面，其浏览效果如

7、图 6-3 所示。由图可知，该页面的 textarea 控件中显示了购物车中已选购商品的信息。【任务 6-2-2 的描述】创建 Web 页面 eShop060202.aspx，使用 GridView 控件和 SqlDataSource 控件获得和显示购物车中已选购商品的信息，并在该页面中显示购物车中已选购商品的总数量，该页面的浏览效果如图 6-4 所示。图 6-4 Web 页面eShop060202.aspx 的浏览效果【任务 6-2-2 的实施】1在eShop06 中添加一个 Web 页面 eShop0602.aspx设计 CSS 样式Web 页面布局设计在页面“eShop060202.as

8、px”中添加 SqlDataSource 控件在页面中添加 SqlDataSource 控件配置或选择数据连接配置 Select 语句测试查询数据源配置完成5在页面“eShop060202.aspx”中添加 GridView 控件在页面中添加 GridView 控件设置 GridView 控件的数据源设置 GridView 控件的属性编辑 GridView 控件的列6编写程序代码，实现程序功能7运行 Web 页面与测试程序功能将 Web 页面eShop060202.aspx 设为起始页，运行该页面，其浏览效果如图 6-4 所示。由图可知，该页面左侧输出了购物车中已选购商品的数量，右侧输出了购物

9、车息。品的信【任务 6-3】更改购物车中的商品数据【任务描述】创建 Web 页面 eShop0603.aspx，在该页面中显示购物车中已选购商品信息，该页面的浏览效果如图 6-26 所示，具体要求如下所示。使用代码方式动态创建数据源，并将 GridView 控件绑定到数据源。使用代码方式在 GridView 控件中实现编辑和删除功能。图 6-26 页面eShop0603.aspx 的浏览效果【任务实施】1在eShop06 中添加一个 Web 页面 eShop0603.aspx设计 CSS 样式Web 页面布局设计在页面“eShop0603.aspx”中添加 GridView 控件编写程序代码，

10、实现程序功能定义方法 getConn()定义方法 gridViewBind()编写 Page 对象的 Load 事件过程的程序代码编写 GridView1 控件的 RowEditing 事件过程的程序代码编写 GridView1 控件的 RowUpdating 事件过程的程序代码编写 GridView1 控件的 RowCancelingEdit 事件过程的程序代码编写 GridView1 控件的 RowDeleteing 事件过程的程序代码6运行 Web 页面与测试程序功能【任务 6-4】分页列表显示商品数据【任务描述】创建 Web 页面 eShop0604.aspx，在该页面中分页列表显示商

11、品信息，该页面的浏览效果如图 6-33 所示，具体要求如下所示。使用代码方式动态创建数据源，并将 GridView 控件绑定到数据源。Web 页面中使用 GridView 控件分页显示商品数据表中的商品信息，包括 8 个字段：商品、商品名称、市场价格、价格、库存数量、品牌名称、商品状态、商品描述。每页显示 5 条，GridView 控件自动套用“红糖”类格式。图 6-33 Web 页面eShop0604.aspx 的浏览效果【任务实施】1在eShop06 中添加一个 Web 页面 eShop0604.aspx设计 CSS 样式Web 页面布局设计在页面“eShop0604.aspx”中添加 G

12、ridView 控件GridView 控件自动套用已有格式 6设置 GridView 控件的分页属性 7编写程序代码，实现程序功能定义 getConn()方法，其程序代码如表 6-19 所示。Web 页面 eShop0604.aspx 的Page 对象的 Load 事件过程的代码如表 6-21 所示。定义方法 gridViewBind()编写 GridView1 控件的 PageIndexChanging 事件过程的程序代码8运行 Web 页面与测试程序功能【任务 6-5】分页显示商品数据列表与浏览商品详细信息【任务 6-5-1 的描述】创建 Web 页面 eShop060501.aspx，该

13、页面的左侧使用 Repeater 控件展示商品销售的畅销榜，Repeater 控件的布局设计示意图如图 6-示。图 6-38 Web 页面eShop060501.aspx 中Repeater 控件的布局设计示意图该页面的右侧使用 DataList 控件显示商品的搜索结果，DataList 控件的布局设计示意图如图 6-39 所示。图 6-39 Web 页面eShop060501.aspx 中DataList 控件的布局设计示意图当客户在“搜索文本框”输入不同的商品名称，单击“搜索”按钮在页面的左侧会显示同类商品的畅销榜。Web 页面eShop060501.aspx 的右下方实现了分页功能，可以

14、显示总页数和当前页码。分别单击“首页”按钮，可以显示第一页的数据；单击“末页”按钮，可以显示最后一页的数据；单击“上一页”可以显示前一页数据；单击“下一页”可以显示下一页数据。该页面的浏览效果如图 6-40 所示。【任务 6-5-1 的实施】1在eShop06 中添加一个 Web 页面 eShop060501.aspx设计 CSS 样式Web 页面 eShop060501.aspx 右侧的布局设计在页面“eShop060501.aspx”的右侧添加 DataList 控件在页面右侧添加一个 DataList 控件编辑 DataList 控件的项模板修改完善 DataList 控件的代码切换到“

15、源”视图，对 DataList 控件的代码进行必要的完善： 删除“”标记。 设置 DataList 的属性，设置属性 CellPadding 的值为“6”，设置属性 CellSpacing 的值为“4”，设置属性 RepeatColumns 的值为“4”，即每一行显示 4 列数据。 根据图 6-39 所示的布局设计示意图添加标记或设置属性CssClass 的值进行布局设计。添加 2 个ImageButton 控件，用于设置“”按钮和“收藏”按钮。为商品外观设置超，以便能打开商品详情页面。添加代码保证商品信息数据表中价格为 0 时输出文字“价格未知”。在 DataList 控件的下一行添加 4

16、个 LinkButton 控件，分别用来显示首页、上一页、下一页和末页。另外添加 2 个 Label 控件，分别用来显示总页数和当前页码。完善后 DataList 控件的项模板如图 6-44 所示，在“设计”视图中查看 DataList 控件的设计外观如图 6-45 所示。图 6-44 应用样式后的DataList 控件项模板图 645 应用样式后DataList 控件的设计外观Web 页面 eShop060501.aspx 左侧的布局设计在页面“eShop060501.aspx”的左侧添加 Repeater 控件在页面左侧添加一个 Repeater 控件添加与编辑 Repeater 控件的项

17、模板修改完善 Repeater 控件的代码切换到“源”视图，对 Repeater 控件的代码进行必要的完善： 删除“”标记。 根据图 6-进行布局设计。 为商品外观示的布局设计示意图添加标记或设置属性CssClass 的值设置超，以便能打开商品详情页面。 添加代码保证商品信息数据表中价格为 0 时输出文字“价格未知”。页面“eShop060501.aspx”中的 Repeater 控件的项模板中应用样式后，在“设计”视图中查看 Repeater 控件的设计外观如图 6-48 所示。图 6-48 应用样式后Repeater 控件的设计外观7编写程序代码，实现程序功能（1）定义方法 getStr(

18、)（2）定义方法 getValue()定义方法 repeaterBind()定义方法 dataListBind()定义方法 getCategoryID()编写 Page 对象 Load 事件过程的程序代码编写 btnSearch 搜索按钮 Click 事件过程的程序代码编写“首页”按钮 Click 事件过程的程序代码编写“上一页”按钮 Click 事件过程的程序代码编写“下一页”按钮 Click 事件过程的程序代码编写“末页”按钮 Click 事件过程的程序代码8运行 Web 页面与测试程序功能将 Web 页面eShop060501.aspx 设为起始页，运行该页面，其浏览效果如图 6-40

19、所示。由图可知，页面的左侧使用 Repeater 控件展示了本周销售数量最多的 10 件商品，该页面的右侧使用 DataList 控件显示了 12 件商品的数据。【任务 6-5-2 的描述】创建 Web 页面 eShop060502.aspx，该页面的右侧使用 FormView 控件显示客户选择商品的详细信息，FormView 控件的布局设计示意图如图 6-51 所示。图 6-51 Web 页面eShop060502.aspx 中FormView 控件的布局设计示意图Web 页面eShop060502.aspx 的左侧使用Repeater 控件显示与右侧商品同类的商品信息列表。【任务 6-5-

20、2 的实施】1在eShop06 中添加一个 Web 页面 eShop060502.aspx设计 CSS 样式Web 页面 eShop060502.aspx 右侧的布局设计在页面“eShop060502.aspx”右侧添加 FormView 控件且配置其数据源添加 1 个 FormView 控件启动“数据源配置向导”在“数据源配置向导”在“配置数据源”配置 Select 语句添加 Where 子句框中选择数据源类型框中选择数据连接5编辑完善 FormView 控件的模板切换到“源”视图，对 FormView 控件的代码进行必要的完善： 根据图 6-51 所示的布局设计示意图添加标记或设置属性Cs

21、sClass 的值进行布局设计。 添加 1 个ImageButton 控件，用于设置“加入购物车”按钮。 添加代码控件价格保留 1 位小数。FormView 控件的项模板中应用样式后，在“设计”视图中查看 FormView 控件的设计外观如图 6-63 所示。图 6-63 应用样式后FormView 控件的设计外观Web 页面 eShop060502.aspx 左侧的布局设计在页面“eShop060502.aspx”的左侧添加 Repeater 控件在页面左侧添加一个 Repeater 控件手工添加与编辑 Repeater 控件的项模板页面“eShop060502.aspx”中 Repeate

22、r 控件的项模板中应用样式后，在“设计”视图中查看 Repeater 控件的设计外观如图 6-64 所示。图 6-64 应用样式后Repeater 控件的设计外观编写程序代码，实现程序功能运行 Web 页面与测试程序功能【6.3技术】【任务 6-6】利用“主/从”操作更新商品类别数据【任务描述】创建Web 页面eShop0606.aspx，该页面使用 GridView 控件和 DetailsView 控件实现“主/从”操作，其中 GridView 控件显示“主”数据，DetailsView 控件用来操作“主”数据中当前选择的数据。相对 GridView 控件中显示的“主”数据而言，Detail

23、sView 控件操作的数据称为“从”数据。该页面的左侧使用 GridView 控件输出商品类型数据表中的数据，并且 GridView 控件具有选择、编辑和删除功能。该页的右侧使用 DetailsView 控件输出商品类型数据表中的数据，当左侧 GridView 控件选择不同的行时，右侧的 DetailsView 控件能自动同步显示对应的数据，并且 DetailsView 控件具有添加新录的功能。Web 页面eShop0606.aspx 的浏览效果如图 6-66 所示。，修改或删除记图 6-66 Web 页面eShop0606.aspx 的浏览效果【任务实施】1在eShop06 中添加一个 Web 页面 eShop0606.aspx设计 CSS 样式Web 页面布局设计在页面“eShop0606.aspx”中添加第 1 个 SqlDataSource 控件 5在页面“eShop0606.aspx”中添加第 2 个 SqlDataSource 控件 6在页面“eShop0606.aspx”左侧添加 GridView 控件7在页面“eShop0606.aspx”右侧添加 DetailsView 控件添加 DetailsView 控件与设置其属性设置字段属性编辑 DetailsView 控件的 HeaderTemplate 模板编辑 Det