获取数据库中的数据.ppt

第8章获取数据库中的数据,8章 获取数据库中的数据,2,第8章 获取数据库中的数据,主要内容数据源控件 SqlDataSource控件(重点）数据绑定控件（重点/难点）GridView DetailsView FormView DataList其他数据源控件,8章 获取数据库中的数据,3,8.1 使用SqlDataSource查询数据,SqlDataSourceSelectCommand InsertCommand UpdateCommand DeleteCommand,数据库,GridView,ConnectionString,DataSourceID,浏览器。,Select()Insert()Update()Delete(),8章 获取数据库中的数据,4,8.1 使用SqlDataSource查询数据,SqlDataSource1SelectCommand=“Select*FROM Singer”,GridView,ConnectionString,DataSourceID=SqlDataSource1,8章 获取数据库中的数据,5,8.1 使用SqlDataSource查询数据,8.1 使用SqlDataSource查询数据 数据源控件概述SqlDataSource的属性、方法和时间SqlDataSource的配置方法,8章 获取数据库中的数据,6,8.1 使用SqlDataSource查询数据,数据源控件概述1、什么是数据源 数据源控件是网页和数据库之间的桥梁。2、主要功能 实现对基础数据库数据的访问。包括：连接数据源、使用SQL语句获取或管理数据等。3、数据源控件类型 SqlDataSource控件 AccessDataSource控件 Object DataSource控件 Xml DataSource控件 SiteMap DataSource控件,8章 获取数据库中的数据,7,8.1 使用SqlDataSource查询数据,SqlDataSource的属性、方法和事件1.属性（1）ConnectionString属性功能：设置连接数据源的连接字符串。该字符串一般包含数据库服务器名称、数据库名称以及安全信息等。例：Data Source=.SQLEXPRESS;AttachDbFilename=|DataDirectory|MusicDB.mdf;Integrated Security=True;User Instance=True说明：AttachDbFilename=|DataDirectory|MusicDB.mdf指向要连接的数据库。可以使用绝对路径，也可采用相对路径。,8章 获取数据库中的数据,8,8.1 使用SqlDataSource查询数据,（2）SelectCommand InsertCommand DeleteCommand UpdateCommand属性功能 用于获取或设置在数据库中执行查询、插入、删除和更新等标准操作的SQL命令文本或存储过程名称，并可带有参数。（3）DataSourceMode属性功能 用于获取或设置SqlDataSource控件获取数据时的数据返回模式。说明：其属性值有两种可能值。DataReader：获得向前只读的数据 DataSet(默认)：获得的数据是可读可写的，且可向回读取。,8章 获取数据库中的数据,9,8.1 使用SqlDataSource查询数据,（4）ProviderName属性功能：设置提供程序名称 在.NET框架中，提供程序有4个：、和（默认）。,8章 获取数据库中的数据,10,8.1 使用SqlDataSource查询数据,2、方法,8章 获取数据库中的数据,11,8.1 使用SqlDataSource查询数据,3、事件,8章 获取数据库中的数据,12,8.1 使用SqlDataSource查询数据,SqlDataSource的配置方法1、配置内容（1）配置ConnectionString属性（2）配置SelectCommand属性等。2、配置方式（1）采用手工书写方式进行，但很不方便且易出错。（2）通过SqlDataSource控件的配置向导,8章 获取数据库中的数据,13,8.1 使用SqlDataSource查询数据,3、配置SqlDataSource控件的方法和步骤例8.1：设计Web应用程序，要求通过曲目名称查找Music数据表中相应的曲目资料。,8章 获取数据库中的数据,14,8.1 使用SqlDataSource查询数据,（1）配置ConnectionString 单击SqlDataSource控件右上角的智能标签，选择“配置数据源”，打开SqlDataSource数据源配置向导。在数据库连接下拉列表中选择要连接的数据库MusicDB.mdf（如无可选项，可单击右边的“新建连接”按钮）。,8章 获取数据库中的数据,15,8.1 使用SqlDataSource查询数据,（2）配置Select语句选择数据表，选择哪些字段。,8章 获取数据库中的数据,16,8.1 使用SqlDataSource查询数据,配置WHERE子句,8章 获取数据库中的数据,17,8.1 使用SqlDataSource查询数据,“源”类型,None：不绑定到对象，而直接指定常量或数据表字段值；Control：绑定控件；Cookie：绑定Cookie变量；Form：绑定Form；Profile：绑定Profile；QueryString：绑定查询字符串；Session：绑定Session变量。,8章 获取数据库中的数据,18,8.1 使用SqlDataSource查询数据,测试生成的SELECT语句,SELECT*FROM Music WHERE(Title LIKE%+Title+%),8章 获取数据库中的数据,19,8.1 使用SqlDataSource查询数据,（3）配置GridView控件配置内容：选择数据源 编辑数据列,8章 获取数据库中的数据,20,8.1 使用SqlDataSource查询数据,编辑数据列,8章 获取数据库中的数据,21,8.1 使用SqlDataSource查询数据,浏览页面,8章 获取数据库中的数据,22,8.2 数据绑定控件,8.2 数据绑定控件概述 GridView控件 DetailsView控件 FormView控件 DataList控件,8章 获取数据库中的数据,23,8.2 数据绑定控件,概述1、数据绑定控件的作用 使由SqlDataSource获得的数据库中的数据以一定的格式显示在浏览网页。使用数据绑定控件输出数据，既可有效降低程序的代码量，又可获得比较整洁、规范的页面显示效果。2、数据绑定控件的类型 GridView DetailsView FormView DataList Repeater,8章 获取数据库中的数据,24,8.2 数据绑定控件,GridView,DetailsView,8章 获取数据库中的数据,25,8.2 数据绑定控件,FormView,DataList,8章 获取数据库中的数据,26,8.2 数据绑定控件,Repeater,8章 获取数据库中的数据,27,8.2 数据绑定控件,GridView控件1、功能 以表格形式显示数据源中的数据，表格中的每一列表示数据源中的一个字段，每一行表示数据源中的一条记录。具有分页、排序、定制列等功能。,8章 获取数据库中的数据,28,8.2 数据绑定控件,2、主要属性 DataSourceID 设置GridView控件所绑定的数据源控件ID。DataKeyNames 指出数据表的主键。如果不指出主键，则无法在GridView中执行插入、删除和更新操作。如果只是显示数据，可不设置该属性。AutoGenerateColumns 指示是否启用自动生成数据绑定列的功能，默认为False。AllowSorting：指示是否启用排序功能。,8章 获取数据库中的数据,29,8.2 数据绑定控件,AllowPaging 指示是否启用分页功能。PageSize每一页中所显示的最大记录数，默认为10。PageCount总页数，根据所显示的记录总数和PageSize属性值所决定。CurrentPageIndex获取或设置当前显示页的页码,8章 获取数据库中的数据,30,8.2 数据绑定控件,3、主要方法,8章 获取数据库中的数据,31,8.2 数据绑定控件,4、主要事件（1）RowCommand事件 在GridView中的一个按钮被单击时触发。相应的事件过程中的e.CommandArgument用于获得命令按钮的参数；e.CommandName 用于获得命令按钮的名称。,8章 获取数据库中的数据,32,8.2 数据绑定控件,（2）PageIndexChanged事件触发在单击分页导航按钮，而GridView处理完分页操作之后。（3）PageIndexChanging事件发生在单击分页导航按钮，而GridView处理完分页操作之前。相应的事件过程中的e.NewPageIndex用于获取新页码；,8章 获取数据库中的数据,33,8.2 数据绑定控件,5、GridView控件的配置配置项目：选择数据源启用分页启用排序编辑列编辑模板,例8-2 显示Music表中的数据,并包含”试听”和”歌词”链接.,8章 获取数据库中的数据,34,8.2 数据绑定控件,编辑列,8章 获取数据库中的数据,35,8.2 数据绑定控件,编辑模板,8章 获取数据库中的数据,36,8.2 数据绑定控件,编辑Title模板,删除原控件,添加新控件,8章 获取数据库中的数据,37,8.2 数据绑定控件,/Music/0代表/Music/小背篓,MP3,8章 获取数据库中的数据,38,8.2 数据绑定控件,8章 获取数据库中的数据,39,8.2 数据绑定控件,编辑MusicFile模板(试听)参照Title模板注意:Text不要与字段绑定,而是在属性窗口中直接修改其属性值得为”试听”,8章 获取数据库中的数据,40,8.2 数据绑定控件,编辑Lyric模板(歌词),LinkButton,8章 获取数据库中的数据,41,8.2 数据绑定控件,Protected Sub GridView1_RowCommand(ByVal sender As Object,ByVal e As)Handles GridView1.RowCommand If e.CommandName=Lyric Then Dim s,s2 As String s=Default2.aspx?Lyric=&e.CommandArgument s2=window.open(&s&,NewName,top=30,left=30,_ height=300,width=400,resizable=yes)Response.Write(s2)End IfEnd Sub,中的代码,8章 获取数据库中的数据,42,8.2 数据绑定控件,Protected Sub Page_Load(ByVal sender As Object,ByVal e As System.EventArgs)Handles Me.Load Dim Lyric As String=Request.QueryString(Lyric)Response.Write(Lyric)End Sub,中的代码,8章 获取数据库中的数据,43,8.2 数据绑定控件,8章 获取数据库中的数据,44,8.2 数据绑定控件,例 8-3 设计Web应用程序，要求用GridView控件显示Singer数据表中的数据.其中Photo字段显示照片,单击该照片可打开另一窗口看大图片.,8章 获取数据库中的数据,45,8.2 数据绑定控件,程序设计分析 配置SqlDataSource数据源:ConnectionString和Select语句。配置GridView控件。配置内容：选择数据源；编辑数据列，将Photo转换为TemplateField列并使其形成照片按钮。编写GridView1_RowCommand()事件过程代码，实现“点击小图看大图”的功能。,8章 获取数据库中的数据,46,8.2 数据绑定控件,(1)配置数据源控件SqlDataSource1 数据表使用Singer；将Select语句配置成“Select*FROM Singer”。(2)设置GridView1控件设置内容:选择数据源.编辑列.编辑模板.,8章 获取数据库中的数据,47,8.2 数据绑定控件,编辑列,8章 获取数据库中的数据,48,8.2 数据绑定控件,编辑模板列,ImgBtn1,8章 获取数据库中的数据,49,8.2 数据绑定控件,编辑模板列,:根0:绑定的字段/Photo/0的结果是:/Photo/宋祖英.jpg,Eval(“Photo”,”/Photo/0”)单向绑定Bind(“Photo”,”/Photo/0”)双向绑定,8章 获取数据库中的数据,50,8.2 数据绑定控件,GridView1_RowCommand()事件过程代码 Protected Sub GridView1_RowCommand(ByVal sender As Object,ByVal e As)Handles GridView1.RowCommand If e.CommandName=ImgBtn1 Then Dim s,s1 As String s=e.CommandArgument s1=window.open(&s&,NewName,top=30,left=30,height=300,width=400,resizable=yes)Response.Write(s1)End If End Sub单击小照片时执行,8章 获取数据库中的数据,51,8.2 数据绑定控件,s=e.CommandArgument 等价于S=“Photo/宋祖英.jpg”window.open(&s&,NewName,top=30,left=30,height=300,width=400,resizable=yes)打开一个新窗口,并以指定的格式和大小显示给定的内容.Response.Write(window.open()“)将使客户端执行window.open()进程.,8章 获取数据库中的数据,52,8.2 数据绑定控件,小结数据源控件（SqlDataSource）功能 ConnectionString Select语句数据绑定控件（GridView)功能 属性 配置 DataSourceID 分页 排序 编辑列 编辑模板,8章 获取数据库中的数据,53,8.2 数据绑定控件,DetailsView控件1、功能 以表格的形式显示来自数据源的单条记录。其表格只含有两列，一列用于显示列名称，一列用于显示对应的列数据。可绑定到数据源控件，内置插入、更新、删除、分页等功能,8章 获取数据库中的数据,54,8.2 数据绑定控件,2、主要属性AllowPaging:是否启用分页功能DefaultMode:获取或设置控件的起始默认模式：ReadOnly（默认），Edit，Insert。,用于显示数据,编辑修改,用于插入,8章 获取数据库中的数据,55,8.2 数据绑定控件,EmptyDataText:获取或设置DetailsView所绑定的数据源未返回任何数据时所显示的替代文字。GridLines:获取或设置一个值，指示是否显示指定的表格线。可能的值有：Vertical、Horizontal、Both和None。CurrentMode:获取DetailsView控件的当前数据模式.PageCount:获取DetailsView控件所显示的页数.,8章 获取数据库中的数据,56,8.2 数据绑定控件,3.方法ChangeMode(NewMode):将DetailsView控件切换至指定模式。NewMode的值可取：Edit,Insert,ReadOnly.InsertItem():将当前记录插入到数据源中.DeleteItem():从数据源中删除当前记录。UpdateItem():更新数据源中的当前记录。,8章 获取数据库中的数据,57,8.2 数据绑定控件,4.事件,8章 获取数据库中的数据,58,8.2 数据绑定控件,例8-4:,8章 获取数据库中的数据,59,8.2 数据绑定控件,1.设计内容:配置Default.aspx中的SqlDataSource1和GridView1控件.编写中的程序代码 配置Default2.aspx中的SqlDataSource1和DetailsView控件.,8章 获取数据库中的数据,60,8.2 数据绑定控件,2.设计步骤:(1)配置Default.aspx中的SqlDataSource1数据源控件 将连接字符串指向MusicDB.mdf 将Select语句配置成“Select*FROM Singer”,8章 获取数据库中的数据,61,8.2 数据绑定控件,(2)配置Default.aspx中的GridView1控件,8章 获取数据库中的数据,62,8.2 数据绑定控件,(3)中的程序代码,8章 获取数据库中的数据,63,8.2 数据绑定控件,(4)配置Default2.aspx中的SqlDataSource1数据源控件,SELECT*FROM Singer WHERE SingerId=SingerId,8章 获取数据库中的数据,64,8.2 数据绑定控件,(5)设置Default2.aspx中的DetailsView1控件：选择SqlDataSource1作为数据源；在“字段”编辑窗口中添加所有字段,8章 获取数据库中的数据,65,8.2 数据绑定控件,浏览结果,Default2.aspx?SingerId=1,SELECT*FROM Singer WHERE SingerId=SingerId,8章 获取数据库中的数据,66,8.2 数据绑定控件,FormView控件1.主要功能 显示来自数据源的单条记录。支持的功能有：绑定到数据源控件、内置插入功能、内置更新功能、内置删除功能、内置分页功能 2.特点 具有很强的自定义布局功能,具有多个模板.ItemTemplate、InsertItemTemplate、EditItemTemplate,8章 获取数据库中的数据,67,8.2 数据绑定控件,FormView控件3.主要属性、方法、事件(同DetailsView控件)4.应用实例（例8-5：改良例8-4）,8章 获取数据库中的数据,68,8.2 数据绑定控件,设计步骤（只做Default2.aspx中的FormView设计）,Image1照片,8章 获取数据库中的数据,69,8.2 数据绑定控件,照片（Image1)的设置,8章 获取数据库中的数据,70,8.2 数据绑定控件,资源管理器,8章 获取数据库中的数据,71,8.2 数据绑定控件,编号、姓名、性别、身高字段的设置（以编号为例）,8章 获取数据库中的数据,72,8.2 数据绑定控件,浏览页面,Default2.aspx?SingerId=1,SELECT*FROM Singer WHERE SingerId=SingerId,8章 获取数据库中的数据,73,8.2 数据绑定控件,DataList控件1.功能 用来显示数据源中的数据;与FormView类似，具有很强的自定义布局功能。2.特点 无论有多少条记录，都会在一个页面中连续显示出来，且不支持分页功能。,8章 获取数据库中的数据,74,8.2 数据绑定控件,3.主要属性大部分属性同FormViewRepeatColumns属性 指定该控件中显示的列数。RepeatDirection属性 指定数据记录的排列顺序.可能的值有2个:RepeatDirection.Horizontal:水平排列优先RepeatDirection.Vertical（默认）:垂直排列优先。,8章 获取数据库中的数据,75,8.2 数据绑定控件,4DataList控件应用实例例8-6:使用DataList控件显示Singer数据表中的所有数据。要求以水平优先排列顺序显示数据，每行显示2列。,8章 获取数据库中的数据,76,8.2 数据绑定控件,设计步骤:(1)配置SqlDataSource1 数据库使用MusicDB.mdf，将Select语句配置为Select*FROM Singer。(2)配置DataList1控件 数据源选择SqlDataSource1；参照例8.5中对Default2.aspx的FormView1控件的配置方法，来编辑DataList1控件的ItemTemplate模板。,8章 获取数据库中的数据,77,8.2 数据绑定控件,编辑DataList1控件的ItemTemplate模板,Image1照片,8章 获取数据库中的数据,78,8.2 数据绑定控件,(3)编写程序代码Protected Sub Page_Load(ByVal sender As Object,ByVal e As System.EventArgs)Handles Me.Load DataList1.RepeatDirection=RepeatDirection.Horizontal DataList1.RepeatColumns=2End Sub,8章 获取数据库中的数据,79,8.2 数据绑定控件,浏览页面,8章 获取数据库中的数据,80,8.2 数据绑定控件小结,小结DetailsView控件 功能:以表格形式显示单条记录 特点:不可定制外观 显示模式:显示,插入,编辑 主要属性:EmptyDataTemplate CurrentMode 主要方法:ChangeMode()FormView控件 功能:显示单条记录 特点:可定制外观 显示模式:显示,插入,编辑 主要属性、方法和事件:模板编辑方法、数据绑定：,DataList控件 功能:连续显示所有条记录 特点:可定制外观 显示模式:显示 主要属性:RepeatColumns RepeatDirection 模板编辑方法、数据绑定：,8章 获取数据库中的数据,81,8.3 其他数据控件,8.3 其他数据控件DropDownList控件 ListBox控件 CheckBoxList控件 RadioButtonList控件,8章 获取数据库中的数据,82,8.3 其他数据控件,DropDownList控件,天路.MP3,8章 获取数据库中的数据,83,8.3 其他数据控件,1相关属性（1）DataSourceId：指定要绑定的数据源ID，如SqlDataSource1。（2）DataTextField：指定数据源中的一个字段，该字段的值对应于列表项的Text属性，充当各个选项的显示文本。（3）DataTextFormatString：获取或设置格式化字符串。与DataTextField属性配合，一起形成各个选项的显示文本。（4）DataValueField：指定数据源中的另一个字段（也可与DataTextField所指定的字段相同），字段值对应于列表项的Value属性，用于获得选定项的结果值。(5)DataSource:指定要绑定的数据源。（6）AutoPostBack:是否自动回送。,8章 获取数据库中的数据,84,8.3 其他数据控件,2相关方法DataBind()方法：将数据源绑定到控件及其所有子控件。例:Dim Arr()As String=男,女 DropDownList1.DataSource=Arr DropDownList1.DataBind(),8章 获取数据库中的数据,85,8.3 其他数据控件,3动态选项 定义：用数据表或数组中的数据动态填充DropDownList控件中的选项。动态选项的配置方法：设置DataSourceId属性，为DropDownList指定一个数据源；设置DataTextField属性，使其指向某个字段，该字段值作为下拉列表控件中各选项的显示文本；设置DataValueField属性，使其指向另一个字段，该字段的值作为列表项的选择结果（Value属性）。,8章 获取数据库中的数据,86,8.3 其他数据控件,4.静态选项 通过ListItem集合编辑器手工添加的不变化的选项。5.填充混合选项 既包含动态选项，又包含静态选项。,-选择曲目-,静态选项,动态选项,8章 获取数据库中的数据,87,8.3 其他数据控件,混合选项的配置方法打开DropDownList控件的ListItem编辑器，添加一个静态选项，将该选项的Text属性值设置为“-未知-”,8章 获取数据库中的数据,88,8.3 其他数据控件,在源视图中查看DropDownList控件的声明标记-未知-修改为：-未知-,8章 获取数据库中的数据,89,8.3 其他数据控件,将DropDownList的AppendDataBoundItems属性值设为True 添加动态选项（方法1：使用数组，方法2：操作设置）方法1：Dim Arr()As String=男,女 DropDownList1.DataSource=Arr DropDownList1.DataBind()方法2：（见例8-8）,8章 获取数据库中的数据,90,8.3 其他数据控件,例8.8：设计应用程序，使用DropDownList控件选择播放MusicDB.mdf数据库中Music数据表中的音乐。,8章 获取数据库中的数据,91,8.3 其他数据控件,（1）页面设计 新建网站WebSite8_8，在Default.aspx中添加SqlDataSource1数据源、DropDownList1下拉列表、Button1按钮以及“选择曲目”提示文本 配置SqlDataSource1控件：数据库使用MusicDB.mdf，数据表选择Music；将Select语句配置成Select*FROM Music。,8章 获取数据库中的数据,92,8.3 其他数据控件,设置DropDownList1控件：在智能标签中，单击“选择数据源”链接按钮，打开“数据源配置向导”对话框；数据源-SqlDataSource1 文本字段-Title 值字段-MusicFile,8章 获取数据库中的数据,93,8.3 其他数据控件,（2）编写代码 Protected Sub Page_Load(ByVal sender As Object,ByVal e As System.EventArgs)Handles Me.Load Button1.Text=播放“End Sub Protected Sub Button1_Click(ByVal sender As Object,ByVal e As System.EventArgs)Handles Button1.Click Dim strMusicFile As String=DropDownList1.SelectedValue 获得下拉列表的选择值(曲目文件)Response.Redirect(Music/&strMusicFile)重定向到选择的曲目文件,即可打开播放器.End Sub,8章 获取数据库中的数据,94,8.3 其他数据控件,8章 获取数据库中的数据,95,8.3 其他数据控件,ListBox控件 该控件与DropDownList控件基本相同区别：ListBox控件一般显示为多行，而DropDownList控件只显示一行。,8章 获取数据库中的数据,96,8.3 其他数据控件,CheckBoxList控件,DataTextField DataTextFormatString,DataValueField 对应的选择结果值,8章 获取数据库中的数据,97,8.3 其他数据控件,属性：（1）DataSourceId：指定填充复选框列表的数据源ID，比如SqlDataSource1。（2）DataTextField：指定数据源中的一个字段，该字段的值对应于各选项的Text属性，用于形成各个选项的显示文本。（3）DataTextFormatString：获取或设置格式化字符串，它与DataTextField属性配合使用，一起形成各个选项的显示文本。（4）DataValueField：指定数据源中的另一个字段，该字段的值对应于选项的Value属性，用于获得选定项的结果值。,8章 获取数据库中的数据,98,8.3 其他数据控件,（5）RepeatColumns：指定在CheckBoxList控件中显示的选项占用几列。默认值为0，表示任意多列。（6）RepeatDirection：指定CheckBoxList控件的显示方向。属性值为Vertical时，各选项以列优先排列的顺序显示；属性值为Horizontal时，各选项以行优先排列的顺序显示。,8章 获取数据库中的数据,99,8.3 其他数据控件,方法 DataBind()：将数据源绑定到控件及其所有子控件。RadioButtonList控件（略）与CheckBoxList控件类似,8章 获取数据库中的数据,100,8.3 其他数据控件,小结1.DropDownList控件 属性：（1）DataSourceId（2）DataTextField（3）DataTextFormatString（4）DataValueField(5)DataSource（6）AppendDataBoundItems方法：DataBind()选项：静态选项、动态选项、混合选项,ListBox控件 CheckBoxList控件 RadioButtonList控件,