《Web程序设计——ASP.NET 第2版 教学课件 ppt 作者 陈冠军 马翠翠 第9章数据绑定》由会员分享，可在线阅读，更多相关《Web程序设计——ASP.NET 第2版 教学课件 ppt 作者 陈冠军 马翠翠 第9章数据绑定（49页珍藏版）》请在金锄头文库上搜索。
1、,第9章 数据绑定,本章通过创建一个新闻发布模块，重点讲解了三个数据绑定控件的使用：GridView、Repeater和DataList。本章讲解的新闻发布模块的流程如图9-1所示。,图9-1 新闻自动发布模块的讲解流程,9.1 数据绑定控件,数据绑定Web服务器控件是指可绑定到数据源控件以实现在Web应用程序中轻松显示和修改数据的控件。使用数据绑定控件，用户不仅能够将控件绑定到一个数据结果集，还能够使用模板自定义控件的布局。它们还提供用于处理和取消事件的方便模型。,9.1.1 GridView控件的使用 显示表格数据是软件开发中的一个周期性任务。ASP.NET提供了许多工具用来在网格中显示表
2、格数据，例如GridView控件。通过使用GridView控件，用户可以显示、编辑和删除多种不同的数据源（例如数据库、XML文件和公开数据的业务对象）中的数据。,用户可以使用GridView执行以下操作。 （1）通过数据源控件自动绑定和显示数据。 （2）通过数据源控件对数据进行选择、排序、分页、编辑和删除。,另外，用户还可以通过执行以下操作来自定义GridView控件的外观和行为。,（1）指定自定义列和样式。 （2）利用模板创建自定义用户界面（UI）元素。 （3）通过处理事件将自己的代码添加到GridView控件的功能中。,GridView控件提供了两个用于绑定到数据的选项，如下所示。,（1）
3、使用DataSourceID属性进行数据绑定，此选项使您能够将GridView控件绑定到数据源控件。建议使用此方法，因为它允许GridView控件利用数据源控件的功能并提供了内置的排序、分页和更新功能。,（2）使用DataSource属性进行数据绑定，此选项使您能够绑定到包括ADO.NET数据集和数据读取器在内的各种对象。此方法需要为所有附加功能（如排序、分页和更新）编写代码。,9.1.2 Repeater控件的使用 Repeater Web服务器控件是一个数据绑定容器控件，用于生成各个项的列表。用户使用模板定义网页上各个项的布局。当该页运行时，该控件为数据源中的每个项重复该布局。,9.1.3
4、 DataList控件的使用 DataList Web服务器控件用可自定义的格式显示各行数据库信息。显示数据的格式在创建的模板中定义，可以为项、交替项、选定项和编辑项创建模板，也可以使用标题、脚注和分隔符模板自定义DataList的整体外观。,通过在模板中包括Button Web服务器控件，可将列表项连接到代码，而这些代码允许用户在显示、选择和编辑模式之间进行切换。,DataList Web服务器控件以某种格式显示数据，这种格式可以使用模板和样式进行定义。DataList控件可用于任何重复结构中的数据，如表。DataList控件可以以不同的布局显示行，如按列或行对数据进行排序。,9.2 后台管
5、理模块,后台管理模块是不让普通用户看到的模块，主要用于新闻的发布、修改和删除。在系统中只允许管理员发布新闻，所以查看后台管理模块时需要登录验证。根据这些功能实现本节的流程如图9-2所示。,图9-2 后台管理模块实现流程,9.2.1 新闻模块数据库设计 本例的后台数据管理使用的是SQL Server 2005。为了便于读者学习，数据库的设计相对比较简单。,1数据库设计 2使用数据库前的项目准备,9.2.2 新闻发布模板 新闻发布模块是将新闻数据添加到数据库中，本小节通过类和界面分离的方式实现新闻发布模板的设计。实现新闻发布模块的流程如图9-3所示。,图9-3 新闻发布模块实现流程,1设计新闻发布
6、的操作方法 2新闻发布模板设计,图9-4 新闻发布界面,图9-5 集合编辑器,图9-6 集合编辑器中的项目,3实现新闻发布的后台代码,9.2.3 新闻修改和删除功能 在ASP.NET 以前，修改和删除新闻的功能可以使用上一小结所介绍的发布新闻的方法实现。但现在，ASP.NET 提供了性能优越的GridView控件，使用该控件可以无代码实现修改和删除功能。,图9-7 “高级SQL生成选项”对话框,图9-8 编辑和删除功能界面,图9-9 新闻编辑最终设计界面,9.2.4 后台管理登录功能 如果用户选择了主页面的后台管理功能，则必须出现登录页面，验证其身份后才可以登录后台管理模块。,9.3 新闻主界
7、面展示功能,主界面的展示要求简洁、清晰，让读者有浏览的欲望，本例通过两种方式实现主界面浏览功能。,9.3.1 普通展示功能 普通展示功能同一些大的新闻网站相似，在主页中以分类的形式展现网站的主要新闻列表。本例设计的新闻主界面运行效果如图9-10所示。,图9-10 主界面运行效果,主界面包括后台的管理入口、新闻目录的展示以及每个新闻目录下最新的2条新闻的展示。,图9-11 类别设计视图,图9-12 主界面设计视图,9.3.2 滚动展示功能 很多网站喜欢把最新新闻或者公告以滚动的形式显示在网站的首页，这是一个很简单的功能，只需要一个HTML元素“marquee”就可以实现。,本小节介绍如何生成滚动
8、的新闻，读者可根据爱好设计更好的新闻展示功能。,图9-13 滚动新闻运行效果图,9.4 新闻列表功能,当用户选择主界面中的“更多新闻”链接时，需要展示的是用户所选目录下的所有新闻主题。,图9-14 配置Select语句,图9-15 “添加WHERE子句”对话框,9.5 新闻内容浏览功能,本节功能是用户最终看到的新闻内容展示。通过传递过来的ID参数判断用户选择的哪条新闻。,图9-17 新闻显示模板设计效果,9.6 整合新闻发布模块,本节主要是将前面设计好的后台管理和新闻浏览功能结合起来,小 结 本章介绍了一个完整的新闻发布系统，通过这个系统，学习了ASP.NET 中的多个关键技术：在GridView中实现无代码编辑和删除；自动生成注册用户到指定的数据库中；使用数据控件自动获取页面传递参数等。,ASP.NET 对数据的处理发生了很大的变化，尤其是“GridView”，不可以随便为其设置数据源，必须通过指定数据控件的ID，而数据源的所有信息都通过数据源控件得来。,
