04情境四任务1子任务4..docVIP

04情境四任务1子任务4. 04情境四任务1子任务4. PAGE / NUMPAGES 04情境四任务1子任务4. 网络技术专业授课资源 《WEB 应用开发》课程授课设计 学习情境 数据显示与管理 学习任务 图书信息的显示（ 4 ） 授课班级 上课时间 上课地点 能力目标 知识目标 教 学 1. 可以使用数据控件 DetailsView 控件实现数据 1．掌握 DetailsView 控件的作用及用法 目标 绑定显示及操作 授课内容和授课组织 授课步骤 授课内容（工作任务） 授课 授课 学生 核查 方法 手段 行动 方式 回顾议论 提问如何实现查察商品的详细信息 提问法 学生 回答 在前面图书信息显示的基础上， 当单击查察 任务描述 详情按钮时，可以查察该图书的详细信息， 接 受 学 要求使用数据控件 DetailsView 实现显示图 习任务 书的详细信息。 1.任务解析 要显示详细信息可以使用控件 DetailsView 2.讲解相关知识点 案例、任务 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属性都设置为 Page CommandArgument属性可以使用以下值： 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