Web程序设计课堂教学教案(第八章).docVIP

洛阳理工学院课堂教学教案 教师姓名： 课程名称：Web程序设计 授课时数：6 第17-19次课 授课课题 第8章 ASP.NET中的数据绑定 8.1 数据绑定概述 8.2 单值和列表控件的数据绑定 8.2.1 单值绑定 8.2.2 列表控件的数据绑定 8.3 GridView控件 8.3.1 GridView的数据绑定 8.3.2 设定GridView的绑定列和模板列 8.3.3 GridView的排序 8.3.4 GridView的分页 8.4 DataList和FormView控件 8.4.1 DataList的数据绑定 8.4.2 FormView控件的数据呈现和处理 教学目标 掌握数据绑定概念及方法 掌握数据绑定控件GridView、DataList和FormView控件 教学重点 单值绑定、多值绑定 2．数据绑定控件GridView 教学难点 GridView控件的使用方法 教学方法及手段 项目驱动，案例教学，一体化课堂；板书+多媒体。 教学过程设计 详细授课内容及具体过程，见正文描述。 课外拓展 GridView控件使用数据源控件进行数据绑定的方法。 作业布置 1．什么是数据绑定？有哪几种实现方法？ 2．比较GridView、DataList、FormView三种控件的使用场合。 教学后记 以下内容属于第17次课： 第8章 ASP.NET中的数据绑定 8.1 数据绑定概述 问题： 什么是数据绑定 ？ 数据绑定在web系统开发中的作用? 在ASP.NET中进行数据绑定的基本原理和过程？ 在ASP.NET中提供了那些可以进行数据绑定的控件？ 1. 数据绑定: WEB系统的一个典型的特征是后台对数据的访问和处理与前台数据的显示分离，而前台显示是通过HTML来实现的。 数据绑定实际上就是讲后台数据按照要求，根据某种样式、布局呈现到页面上的过程。 2. 数据绑定原理: HTML标记和服务器控件用于显示数据，数据绑定实际上是在HTML标记中或服务器控件中设置要显示数据的过程。 数据呈现的最直接的方式是将需要显示的数据和HTML标记拼接成字符串并输出，但这种方案的缺点是复杂而且难以重用，尤其是有大宗数据需要处理时。 因此为了简化开发过程，ASP.NET环境中提供了多种不同的服务器端控件来帮助程序员更快速高效地完成数据的呈现。 3. 数据绑定分类： 单值绑定控件（如TextBox) 列表控件(如DropDownList) 复杂数据绑定控件(如GridView,FormView) 8.2 单值和列表控件的数据绑定 数据绑定实际上是在HTML标记中或服务器控件中设置要显示数据的过程。（1）对于页面中的HTML标记，可以直接嵌入数据或绑定表达式来设置要显示的数据；（2）而对于服务器控件来说，通常通过设置控件属性或指定数据源来完成数据的绑定，并控制其呈现的样式。常用的绑定表达式具有以下形式： %#XXX% 8.2.1 单值绑定 绑定表达式可以直接嵌入到前台页面代码中去，通常用于HTML标记中的数据显示或单值控件数据设置。 见例8-1 前台页面代码： div %# SingleValueBindingStr + 1 % asp:TextBox ID=TextBox1 runat=server/asp:TextBox asp:TextBox ID=TextBox2 runat=server Text=%# SingleValueBindingStr + 3 %/asp:TextBox /div 后台服务器代码： TextBox1.Text = this.SingleValueBindingStr + 2; 使用绑定表达式必须调用Page类或对应控件的DataBind()方法。 8.2.2 列表控件的数据绑定 列表控件有以下几种： DropDownList、ListBox、CheckBoxList、RadioButtonList、BulletedList等等 可以通过编程的方式为控件对象增加多个数据项，也可以直接在VWD2008环境提供的图形界面中编辑要显示的数据项列表。 由于列表控件显示的是数据集合，主要采用指定数据源（DataSource）方法绑定数据 见例8-2 以下内容属于第18次课： 8.3 GridView控件 GridView是一个功能强大的数据绑定控件，主要用于以表格形式呈现、编辑关系数据集。 对应于关系数据集的结构，GridView控件以列为单位组织其所呈现的数据，除了普通的文本列，还提供多种不同的内置列样式，例如按钮列、图像列、复选框形式的数据列等等。 可以通过设置GridView控件的绑定列属性以不同的样式呈现数据，或通过模板列自定义列的显示样式。 G