数据绑定控件应用.ppt

数据绑定控件应用,第 6 章,珍惜每一寸光阴努力学习吧，时刻用知识武装头脑 吧，终究有一天，我们都会象马云一样，豪情万丈，行 走在成功的大道上,本章知识结构框图,SQL Server 2005 Express,数据控件的使用,常用数据源控件,常用数据 绑定控件,数据源控件概述SqlDataSource的使用,GridView、FormView、ListView、Repeater、DataPager、DataList DetailsView,概述 SSMSE安装与使用,共有属性 数据源的设定数据控件模板使用,从事软件开发的人要德才兼备，而德才兼备的人品，是依靠内心安静、精力集中来修养身心的，是依靠俭朴的作风来培养品德的。不看轻世俗的名利，就不能明确自己的志向，不是身心宁静就不能实现远大的理想。学习必须专心致志，增长才干必须刻苦学习。,学习激励与案例导航,阿里巴巴总裁马云,马云，阿里巴巴集团主席和首席执行官、软银 集团董事、中国雅虎董事局主席、亚太经济合作组 织（APEC）下工商咨询委员会(ABAC)会员、杭州师 范大学阿里巴巴商学院院长、华谊兄弟传媒集团董 事。 马云的人生因网络而辉煌，阿里巴巴网站因马云 而风靡全球。一个好的项目造就一个成功的人生。 从1995年一个普通的英语教师到1999年创办阿里 巴巴；从2002年“全年盈利1块钱”的目标到2003年“ 一天收入一百万”的蓝图；再到2004年“一天盈利一 百万”的成就，最后2005年“一天纳税一百万”的惊天 之语。马云每走一步都坚若磐石，步步为营，招招 大获全胜。,6.1 SQLServer 2005 Express,6.2 数据控件的使用,6.3 常用数据源控件,6.4 常用数据绑定控件,第6章 数据绑定控件应用,6.1 SQLServer 2005 Express,6.2 数据控件的使用,6.3 常用数据源控件,6.4 常用数据绑定控件,第6章 数据绑定控件应用,6.1.1 SQL Server 2005 Express概述,SQL Server 2005 Express缺乏企业版功能的支持，不支持多CPU操作，缓冲池内存限制为1GB，数据库大小限制最大为4GB等，相对而言，对于初学者以及中小型应用人员SQL Server 2005 Express已经完全满足需要。,6.1.2 SSMSE的安装与使用,开始菜单,所有程序,1启动SSMSE,Micorsoft SQL Server 2005,SQL Server Managem ent Studio Express,2连接服务器,启动SSMSE后，将出现“连接到服务器”对话框，输入服务器名称并选 择身份验证方式后即可进入SSMSE操作窗口。服务器名称可以用圆点“” 来代指默认服务器。如图7-1所示。,图7-1 SSMSE启动后的窗口,6.1.3集成开发环境数据库操作,1添加连接及创建数据库,点击Viusla Studio 2008菜单【工具】,连接到数据库,出现“添加连 接”对话框,选择数据库，新建数 据库，此处可空白不填,选择服务器名，圆 点代指默认服务器,图6-2 添加链接及创建数据库,2表的创建,在此处定义字段,设置字段属性,右键单击，设置主键,图6-3 添加链接及创建数据库,6.1 SQLServer 2005 Express,6.2 数据控件的使用,6.3 常用数据源控件,6.4 常用数据绑定控件,第6章 数据绑定控件应用,6.2.1 数据绑定控件共有属性,数据绑定控件由于其功能相同，都是为绑定数据库用于数据显示、操作的控件， 因此其很多属性都相同，如表6-3所示。 表6-3 数据绑定控件常见通用属性,6.2.2 数据源的设定,在使用数据库控件时一定要先设置数据源，其操作步骤如下：,建立数据库的连接，按图6-3所示的步骤建立 数据库的连接；,将数据源控件拖入设计窗口中，并进行设定， 将数据源指向某一个数据库；,单击数据绑定控件右侧的“”符号，“选择数据 源”中自动包含了已经建立的所有数据源，在 下拉列表框中选中某一个数据源，如图6-4所 示。,图7-4 设置数据源,特别强调配置Select语句时，一定要点击“高级”按钮，否则将不能启到插入、 选择、修改、更新等功能。而且要特别注意，表必须设置主键。否则“高级SQL生成 选项”中的内容将无法使用。,图6-5 配置Select语句,6.2.3 数据控件模板的使用,数据绑定控件常见模板,不同的数据绑定控件的功能各不相同，其模板拥有模板也不完全相同，表6-6是常 用的数据绑定模板。 表6-6常用的数据绑定模板,2数据绑定的基本语法,ASP.NET模板中使用的数据既可以自动绑定到数据源，也可以手动绑定到数据源， 数据绑定完整的语法为：,DataBinder.Eval(Container.DataItem, FieldName),上述写法为ASP.NET1.0版定义的完整语法，是标准的数据绑定语法，在ASP2.0中 可以简化地写为：,Eval(FieldName),HeaderTemplate模板,FooterTemplate模板,页眉和页脚 的模板包括,3页眉和页脚模板的基本使用方法,用于修改数据显示区域上部 的信息，,修改数据显示区域尾部信息。,这两个模板一般用于输入文字，并可以 利用Visual Studio 2008菜单的“格式”菜 单项对字体、字号、字色等进行设置， 与Word中文字设置方法相同。,（1）实例1：设置页眉。现以DataList控件为例，操作时，首先单击控件右侧 “”，调出该控件的任务栏，然后单击其上面的“编辑模板”，调出“模板编辑 模式”窗口。说明如7-7所示：,单击进入模板编辑模式,选择模板,（2）实例2：设置页脚。在上例中选中页脚设置模板，并输入“当前日期是：”， 切换到源视图，输入如下代码：, 当前日期是： ,运行后将在数据显示区下面显示当前日期。同样也可以在此处添加任意控件，并 与数据进行绑定。,图7-7 在页脚中编写代码,3项模板的基本使用方法,常见的项 模板包括,ItemTemplate,AlternatingItemTemplate,SelectedItemTemplate,EditItemTemplate,这些模板主要用来显示 数据，其主要操作是对 显示的文字内容的修改、 显示风格的修改、对齐 方式的修改等。,图6-8中，单击左侧标题修改文字，同时可以对文字进行字体、字号、字色、位置 的设定。当鼠标放在右侧中括号内数据绑定控件时，其右侧将显示一个“”，单击此 符号后可以对该字段进行编辑。完成修改后，单击“结束模板编辑”返回即可。,单击后编辑文字,单击后编辑字段,图7-8 编辑模板,6.1 SQLServer 2005 Express,6.2 数据控件的使用,6.3 常用数据源控件,6.4 常用数据绑定控件,第6章 数据绑定控件应用,ASP.NET专门提供了6种用于数据库连接的数据源控件，数据源控件概括了一个数 据存储和可以针对所包含的数据执行的一些操作，如图7-9所示。,图7-9 数据源控件,6.3.1 数据源控件概述,1SqlDataSource,SqlDataSource访问各种类型的数据库,其基本原理如图6-10所示。,图6-8 数据源控件的基本原理,2AccessDataSource,AccessDataSource 控件是使用 Microsoft Access 数据库的数据源控件。这个数据源控件与 SqlDataSource 一样，AccessDataSource 控件使用 SQL 查询执行数据检索。该控件不用设置 ConnectionString 属性。只需要在 DataFile 属性中设置 Access (.mdb) 文件的位置，AccessDataSource 将负责维护数据库的连接。Access 数据库应该放在网站的 App_Data 目录中，并用相对路径（如 /App_Data/Northwind.mdb）引用。,3LinqDataSource,4ObjectDataSource,适合大多数小规模的个人或业余站点，而对于较大规模的企业级应用程序，在应用程序的呈现页中直接存储 SQL 语句可能很快就会变得无法维护。这些应用程序通常需要用中间层数据访问层或业务组件构成的封装性更好的数据模型。所以大规模的站点使用 ObjectDataSource 控件是一种通用的做法。,SqlDataSource,5XMLDataSource,XmlDataSource 控件使得 XML 数据可用于数据绑定控件。可以使用该控件同时显示分层数据和表格数据。在只读的情况下，XmlDataSource 控件通常用于显示分层 XML 数据。,SiteMapDataSource控件用于站点导航。该控件检索站点地图提供程序的导航数据，并将该数据传递到导航控件中 . ASP.NET 3.5 版为程序员专门提供了导航控件，这些控件使导航菜单的创建、定义和维护变得更容易，而这些导航数据是由SiteMapDataSource控件提供。,6SiteMapDataSource,6.3.2 SqlDataSource的使用,1SqlDataSource控件常用属性,SqlDataSource控件是数据源控件中最常用的控件，他可以连接各类数据库，其 常用属性如表6-9所示：,表6-10 SqlDataSource控件常用属性,2SqlDataSource操作步骤,（1）添加控件。从工具箱中拖动SqlDataSource控件到设计窗口；单击其右侧“”， 选择“配置数据源”，如图6-11所示；,单击后进行数据源配置,图7-11 添加SqlDataSource控件,（2）选择连接数据库。配置数据源的第一步工作就是选择连接的数据库,第1步：单击新建连接,第2步：更改数据库类型,第3步：选择数据库类型,自动生成连接语句,图7-12 SqlDataSource操作步骤示意图,（3）配置Select语句,在配置Select语句时，要选择从数据库检索数据的方法，然后选择表名、设定字段。右侧还有一句“只返回唯一行”，其含义是当检索到多条符合条件的记录时只返回第一行。“Where按钮”用于设定Select的条件语句，指明符合什么条件的记录将被显示，“ORDER BY”按钮用于设定排序子句；“高级”选项用于设定是否生成Insert、Upadate、Delete语句。如图6-11所示。,(4)测试查询,设定子句,选择表名,指定从数据库检索数据的方法,选择字段名，*代表所有字段,最终生成的Select语句,图6-12 配置SqlDataSource数据源的Select语句,6.1 SQLServer 2005 Express,6.2 数据控件的使用,6.3 常用数据源控件,6.4 常用数据绑定控件,第6章 数据绑定控件应用,6.4.1 GridView控件,选择,编辑,删除,更新,GridView控件表格数据进行以下等操作。,排序,分页 显示,1GridView控件常用属性,除了Visual Studio 2008控件的通用属性以及数据绑定控件的共有属性之外， GridView控件独有的属性不多。最常用的属性是DataSourceID,用于设置数据源。 GridView控件所有的属性都可以可视化设置。,2GridView控件常见功能举例,（1）实例1：显示表格数据。,（2）实例2：添加选择、编 辑、删除、更新、排 序、分页显示等功能。,（3）实例3：更改列标题。,（4）实例4：更改列的位置。,（5）实例5：设置日期格式。,第1步单击设计视图,第2步选择数据源,选择喜欢的样式,（1）实例1：显示表格数据。,（2）实例2：添加选择、编 辑、删除、更新、排 序、分页显示等功能。,（3）实例3：更改列标题。,（4）实例4：更改列的位置。,（5）实例5：设置日期格式。,勾选,2GridView控件常见功能举例,（1）实例1：显示表格数据。,（2）实例2：添加选择、编 辑、删除、更新、排 序、分页显示等功能。,（3）实例3：更改列标题。,（4）实例4：更改列的位置。,（5）实例5：设置日期格式。,单击列名,2GridView控件常见功能举例,（1）实例1：显示表格数据。,（2）实例2：添加选择、编 辑、删除、更新、排 序、分页显示等功能。,（3）实例3：更改列标题。,（4）实例4：更改列的位置。,（5）实例5：设置日期格式。,2GridView控件常见功能举例,（1）实例1：显示表格数据。,（2）实例2：添加选择、编 辑、删除、更新、排 序、分页显示等功能。,（3）实例3：更改列标题。,（4）实例4：更改列的位置。,（5）实例5：设置日期格式。,设置日期格式。默认的情况下日期型字段显 示的是日期和时间，而实际应用中往往需要只显 示时间，这就需要进行设置。设置时在日期型字 段名称右侧对应的属性栏中修改DataFormatString 属性为0:d即可。,2GridView控件常见功能举例,6.4.2 ListView控件,1ListView使用步骤,ListView的使用先将控件从工具箱中拖入设计窗口，然后选择数据源，进而配置 数据源，如图6-16所示：,第1步从工具箱中拖入设计窗口,第3步配置ListView,第2部选择ListView任务,图7-16 ListView使用步骤,2配置ListView,提供了默认的5种布局、三种样式，同时还提供了“启用编辑”“启用插入”“启用 删除”“启用分页”四项功能。,选择布局,选择样式,预览时显示的数据,选择启用项目,3ListView常用属性,除了数据绑定控件共有的属性外，ListView还有一个InsertItemPosition属性，该 属性用于设置插入项的位置，主要有None、FirstItem、LastItem三个选项。分别代表 插入记录的位置在默认位置插入、在首行插入、最后一行插入。,6.4.3 FormView控件,Repeater控件使用时要先添加控件、再设置模板。从工具箱中拖动FormView控件 到设计窗口；单击其右侧“”，选择“选择数据源”，设定数据源。如图6-18所示；,图 6-18 设定数据源,（1）设置数据显示风格。,单击图6-19所示的“编辑模板”，对FormView控件提供的各种模板最终显示的 各项效果进行设定。现举例说明如下：,第1步：选中ItemTemplate模板,第2步：将Stu_No改为“学号”,第3步:继续任意修改,图 6-19 设定数据源,（2）修改数据显示区域顶部及尾部信息。,图 7-20 编辑模板,6.4.4 Repeater控件,Repeater控件必须通过手动输入HTML代码，才能完成数据的显示。如果想 对 Repeater 中所显示数据进行格式设置，则必须添加 HTML 标记。Repeater控 件要求使用者必须掌握必须的HTML代码基础知识，其操作十分简单。例如，欲 使头部显示信息“齐齐哈尔信息工程学校教师名册”，则添加如下代码即可：, 齐齐哈尔信息工程学校教师名册 ,如果需要使“齐齐哈尔信息工程学校教师名册”以粗体显示，则将上述代码改为, 齐齐哈尔信息工程学校教师名册 ,Repeater控件使用的具体步骤包括以下几个：,（1）添加控件,图 7-21设定数据源,（2）设置模板,现在这两行代码中输入如下代码：,完成上述操作后，按下CTRL+F5,将得到如下执行效果：,图 7-21 Repeater控件示例运行结果,6.4.5 DataPager控件,DataPager就是一个扩展ListView分页功能的控件。,选择显示样式,图6-22 DataPager控件设置,PagedControlID,PageSize,其属性主 要三个,QueryStringField,主要用于设置与其相关联的控件在 实际使用时只需要将PagedControlID 属性设为ListView控件ID即可。,主要用于设置分页控件在一页中显示的 记录数目；,主要用于设定当前页面索引的查询字 符串字段的名称，设置此属性时，面 导航将使用该查询字符串。,6.4.6 DataList控件,该控件的使用要经过以下几个步骤：,（1）添加控件,从工具箱中拖动DataList控件到设计窗口；单击其右侧“”，选择“选择 数据源”，如图7-23所示；,图7-23 DataList控件使用,（2）设置风格,6.4.7 DetailsView控件,（1）添加控件,设置风格,DetailsView 控件操作步骤 主要有：,从工具箱中拖动DetailsView控件到 设计窗口；单击其右侧“”，选择 “选择数据源”；,可以使用“自动套用格式”选择显示 风格，也可以编辑模板设置显示风格。,本章小结,Visual Studio2008集成了数据库SQL Server 2005 Express，SQL Server 2005 Express是Visual Studio 2008自带的一个数据库管理系统，是免费的SQL Server 2005的免费版本。SSMSE是使用和管理SQL Server 2005 Express数据库 的可视化工具。Viusla Studio 2008集成开环境数据库的操作主要有添加连接及 创建数据库、创建表。Visual Studio2008共提供了7种数据绑定控件，这些控件 简单得甚至不需要设置任何属性却能完成十分复杂的功能。ASP.NET数据库绑定 控件的功能十分强大，不但能够显示数据，而且很多控件都能够对数据库表修改、 查询、更新操作。ASP.NET为数据库绑定控件提供了模板，每个控件的多个模板对 应该控件的不同功能界面。ASP.NET专门提供了6种用于数据库连接的数据源控件 SqlDataSource、AccessDataSource、LinqDataSource、ObjectDataSource、 XMLDataSource、SiteMapDataSource。,每课一考,一、填空题(20空，每空2分，共40分),1.ASP.NET的数据源控件包括SqlDataSource、LinqDataSource、( )、（ ）、 ( ）。 2XmlDataSource控件通常用于显示（ ）数据。 3数据绑定完整的语法为（ ）在ASP2.0中可以简化为：（ ）。 4GridView控件最常用的属性是DataSourceID,用于（ ）。 5GridView实现选择、编辑、删除、更新、排序、分页等功能必须有两个前提条件， 一是（ ），二是数据源配置Select语句时必须选中“高级”选项，勾选生成( )、 ( )和（ ）语句。 6ListView提供了( )、启用插入、( )、启用分页四项功能。 7DataPager控件是ASP.NET新增的控件，是一个专门协助ListView实现（ ）功能的 控件。,8DataPager控件主要属性有（ ）、（ ）、（ ）三个。 9DataAdapter对象中用于读取指示数据读取器是否已关闭的值的属性是（ ）。 10用于建立数据库连接的对象是( )。 11数据绑定控件的属性DataMember的功能是（ ）。,二、选择题(10小题，每小题2分，共20分),1.SQL Server 2005 Express缓冲池内存限制为（ ）GB。 A1 B2 C3 D4 2.Visual Studio2008共提供了（ ）种数据绑定控件。 A6 B2 C7 D4 3（ ）是页眉模板。 AFooterTemplate BHeaderTemplate CSeparatorTemplate DItemTemplate,4常见的项模板不包括（ ）模板 AItemTemplate BFooterTemplate CSelectedItemTemplate DEditItemTemplate 5以下（ ）不是ASP.NET的数据源控件。 ASqlDataSource BAc