第17讲 网站信息删除管理动态网页制作.docVIP

《动态网站交互技术》教学单元设计方案 课程编号 编制时间：2009.7 编制人：谭东清 教学单元编号 9．1 教学单元名称 新闻信息删除管理 学时数 8 所属学习情境 名称编号 信息删除 教学目标 主要能力指标 1、能够添加和编辑gridView控件 2、能够编写删除新闻记录代码 相关能力指标 1、与人合作能力 2、解决问题能力 3、自我学习能力 教学单元的重点： 1、gridView控件模板编辑 2、编写删除新闻记录代码 教学单元的难点： 1、编写删除新闻记录代码 教师讲授的主要内容： 1、gridView、DataList和FormView控件比较 2、使用数据源控件和编写代码方式分别实现gridView的分页和管理数据的优缺点比较 3、gridView控件模板介绍 4、gridView控件外观设置 5、gridView字段设置 6、编写删除记录代码 学生自主学习的主要内容： 1、gridView控件外观设置 2、gridView字段设置 教学单元的教学微观设计 具体的教学 安排 本教学单元首先介绍gridView控件的特点，gridView和DataList 、FormView两种控件应用比较。接着以制作网站后台管理新闻信息页面为例子，讲解如何在网页添加gridView控件、设置gridView控件外观、gridView绑定数据字段设置等。然后讲解通过编写代码方式给gridView控件绑定数据库数据，最后重点讲gridView删除事件，通过编写该事件代码删除数据库数据。 学习任务 使用gridView控件管理数据 教学载体 新闻信息删除网页 教学方法 任务驱动教学法 教学手段 多媒体演示 学习成果 1、提交新闻信息删除管理网页 效果评估 教师： 1、学生是否熟练的添加和编辑gridView控件。 2、学生是否理解通过代码方式删除数据库记录。 学生： 1、是否能够制作具有分页功能的新闻信息删除网页。 实施评估： 1、能够创建具有分页功能的新闻信息删除网页50%； 2、能够正确编写删除新闻记录代码 50%。 主要教学内容 数据删除管理是网站后台管理的重要功能之一。本次任务是对新闻信息进行删除管理，通过学习新闻信息删除管理来掌握网站数据删除管理的程序设计操作。 本次任务使用GridView控件管理网站新闻信息数据的删除操作。GridView控件管理数据功能强大，能对数据库数据进行简单的添加、删除和修改操作，还具有分页功能等。为了统一和方便整个网站的数据库数据管理操作，任务采用了编写后台代码的方式绑定数据到GridView控件和执行删除数据的操作。同时，为了增强GridView控件的分页功能和分页按钮显示美观，本任务还使用了第三方分页控件AspNetPager分页控件。 1、 news_delete.aspx主要控件及其用途 news_delete.aspx页面主要控件的属性设置及其用途 控件类型 控件名称 主要属性设置 用途 GridView GridView1 管理新闻信息显示和执行删除操作 AspNetPager AspNetPager1 控制数据的分页显示 2、 数据库设计 本次任务news_delete.aspx网页操作的数据表是xinwenzixun表。 3、 news_delete.aspx页面效果图 本次课要实现新闻内容管理页面效果图如下，单击“删除”两字可以删除相应的数据行。 4、 news_delete.aspx网页制作步骤 1、创建一个名为News_delete.aspx的网页，在网页新建一个3行1列的表格，表格宽度750像素，居中对齐。 2、在第1行输入“新闻内容管理”并居中对齐。 3、从工具箱把GridView添加到第2行。 4、单击GridView任务菜单的添加新列，添加一个“序号”列，字段类型为TemplateField。 5、参照第四步添加一个“标题”列，字段类型为TemplateField。 6、参照第四步添加一个“发布人”和“发布时间”列，字段类型为BoundField。 7、参照第四步添加一个“删除”列，字段类型为CommandField,按钮类型为Link,命令按钮选项为删除。 8、所有字段添加完后的页面效果。 9、单击GridView任务菜单的编辑列。在弹出的字段对话框把自动生成字段项打勾去掉。（注：因为自动生成字段默认是显示所有字段，而上面的的操作又添加了几个字段，如不去掉则会出现重复的字段显示。不采用自动生成字段，是因为不想显示那么多的字段） 10、去掉自动生成的字段（即上图的Column0, Column1等字段）后的GridView控件显示如下