网络技术专业教学资源WEB 应用开发课程教案学习情境数据显示与管理学习任务图书信息的显示（ 4 ）授课班级上课时间上课地点能力目标知识目标教 学1. 能够使用数据控件 DetailsView 控件实现数据1掌握 DetailsView控件的作用及用法目标绑定显示及操作教学内容和教学组织教学步骤教学内容（工作任务）教学教学学生考核方法手段行动方式回顾点评提问如何实现查看商品的详细信息提问法学生回答在前面图书信息显示的基础上，当单击查看任务描述详情按钮时，能够查看该图书的详细信息，接 受 学要求使用数据控件 DetailsView实现显示图习任务书的详细信息。1.任务分析要显示详细信息可以使用控件DetailsView2.讲解相关知识点案例、任务3完成页面的制作学生实施任务驱动、讲练新建项目练习结合添加“详细信息”按钮，实现页面传参新建页面利用DetailsView完成显示商品详细信息的页面。深化训练1.页面传值归纳总结2.DetailsView的作用3.DetailsViewde 的用法4.DetailsView的应用独 立 完作业显示商品详细信息提交作业成1网络技术专业教学资源主要教学内容1.子任务 4 图书详细信息的显示在前面图书信息显示的基础上，当单击查看详情按钮时，能够查看该图书的详细信息，要求使用数据控件 DetailsView 实现显示图书的详细信息。效果图如下：2.基本知识与技能2.1 DetailsView控件用于一次处理一条数据记录， 可以显示、编辑、插入与删除数据项，可以导航。DetailsView控件使用 HTML表格来显示一条数据库记录的内容。（ 1）在 DetailsView 控件中使用字段如果需要对 DetailsView 控件的外观做更多设置，如指定某些列显示而某些列不显示，这时可以使用 DetailsView 字段来达到目的。（ 2）使用 DetailsView 控件对数据分页选择数据源，勾选启用分页 使用分页模板 PagerTemplate编辑分页模板，添加4 个 ImageButton 控件和 1 个 DropDownlist控件组成。PagerTemplate 中的每一个按钮都有CommandName和 CommandArgument属性：2网络技术专业教学资源CommandName属性都设置为 PageCommandArgument属性可以使用下列值：First：导航到首页Last ：导航到末页Prev ：导航到上一页Next ：导航到下一页number：导航到指定的页码（ 3）使用 DetailsView 控件更新数据首先要选择数据源，配置数据源，以生成Update 语句。在展开的菜单中勾选启动编辑使用编辑模板（ 4）使用 DetailsView 控件删除数据在删除记录时，需要给DetailsView控件的 DataKeynames属性赋值。勾选启动删除（ 5）使用 DetailsView 控件插入数据设置好数据源控件的 InsertCommand，勾选启动插入可以结合模板列给输入添加验证。3.子任务 4 的实施3.1 任务分析（ 1）如何一次显示一条记录？（ 2） DetailsView 控件如何显示数据、操作数据？3.2 页面设计与实现（ 1）在第一个图书显示页面中的DataList控件中添加一个按钮控件， 修改其 text值为“ 查看详 情 ”， 修 改 其 commandName为 select,编辑 DataBindings,设置 可绑定属性CommandArgument的绑定表达式为DataBinder.Eval(Container.DataItem,“BookID”) 。（ 2）为“查看详情”按钮编写事件代码，由于它包含在 DataList 控件中， CommandName为 select, 所以将反升至容器控件 DataList 的 ItemCommand事件。（ 3）新建一个页面命名为 Sample4-4-4 ，在页面上添加一个 DetailsView 控件，展开控件右侧小箭头，单击 DetailsView 任务编辑字段，添加两个 TemplateField 字段（ 4）进入 DetailsView 编辑模板，按照样张效果，编辑两个列的ItemTemplate 模板 ,并且分别设置 Label 控件的绑定表达式绑定到对应的字段（ 5）编写后台代码定义 bind1() 方法 ，实现数据绑定到 DetailsView 控件上（ 6）在页面加载时调用 bind1() 方法3网络技术专业教学资源4.小结本次课主要介绍了数据控件DetailsView控件的作用及相关属性， 方法，介绍了使用这些控件实现数据显示，更新插入的方法，学习该部分的内容要求能够灵活使用这些数据控件实现数据的绑定显示及操作。5.作业利用 DetailsView控件实现显示商品的详细信息4