ASP.NET网站开发技术项目化教程（下篇共上中下3篇）

ADO.NET访问数据库

数据访问技术是实现一个动态网站强大功能的最核心的技术。随着网络技术的飞速发展，网络信息的不断增加，数据库访问技术越来越受到关注，ADO.NET数据访问技术得到了业内广泛的好评。本项目中通过多个学习任务讲解如何灵活运用各种控件或编写代码来实现各类数据访问功能。项目导入»熟知SQLServerExpressLocalDB将应用程序连接到本地计算机上的数据库文件的流程。»能解释什么是数据访问技术。»能解释什么是数据源控件和数据绑定控件。»能说明Connection数据库连接对象、Command命令执行对象的作用和使用方法。»能解释Command对象ExecuteReader()方法的作用。»掌握DataAdapter对象（数据适配器对象）和DataSet对象（数据集）应用的相关知识。知识目标»具备创建网站母版页的能力。»具备采用DIV+CSS技术对母版页进行排版布局的能力。»具备利用母版页创建内容页的能力。»具备在内容页中编写代码访问母版页中的控件的能力。»具备在母版页中编写后台代码，访问母版页中的控件的能力。技能目标»培养全局观念、团队合作精神，产生共同的使命感、归属感和认同感。»培养形象思维,运用直观、形象的事物理解抽象知识,增强记忆力。»树立良好的职业素养、敬业精神，深入实施人才强国战略。。思政目标学习任务一

创建StudentDB网站数据库

小明同学通过前面项目内容的学习已经基本掌握了如何使用多种ASP.NET控件创建多种样式的页面了，现在他想采用动态网页技术实现更多的交互功能，比如：用户注册、登录、在线调查等，这就需要采用数据库技术来辅助实现相应的功能了，这时首先需要通过一个专门的数据库来存储网站的数据，可是该如何实现呢？下面就让我们和小明同学一起在本任务中熟悉一下这个流程吧，该任务我们主要利用VisualStudioCommunity集成开发环境创建数据库StudentDB。

创建网站，在“解决方案资源管理器”窗格中右击网站名称，选择“添加”→“添加新项”命令，按照步骤进行操作。。（1）选择“添加”→“添加新项”命令后，将显示图所示的“添加新项”对话框，在左侧项目中选择“数据”，在右侧模板中选择“SQLServer数据库”，在“名称”文本框中输“StudentDB.mdf”，然后单击“添加”按钮。创建StudentDB网站数据库

(2)弹出图所示的提示信息，询问是否需要将数据库创建在专用文件夹“App_Data”下，单击“是”按钮，网站即可创建“App_Data”文件夹并将数据库文件“StudentDB.mdf”存放在文件夹中。创建StudentDB网站数据库

创建StudentDB网站数据库

(3)此时，在“解决方案资源管理器”窗格，如图所示，网站的“App_Data”文件夹中已经存在数据库文件“StudentDB.mdf”。学习任务二

创建数据表和设计表结构

在学习任务一中我们创建好了数据库文件，而数据库应用系统中的数据是以二维表的方式直接存储目标数据的，所以我们接着还需要创建数据表来帮助我们存储网站中的数据，小明同学迫不及待地想知道如何创建表结构并去添加数据，我们陪同他快到任务开发过程中学习一下吧。

通过表设计器依次添加三个表并创建表外键，保存表后输入三个数据表的样例数据。创建数据表和设计表结构（1）首先创建Student学生信息表。在“服务器资源管理器”窗格（视图菜单中可选择服务器资源管理器）中，依次单击展开“数据连接”→“StudentDB.mdf”节点，然后右击“表”字节，选择“添加新表”命令，在工作区将出现表设计器，如图所示。创建数据表和设计表结构（2）添加列。按照表中学生信息表Student的设计，在网格中输入各列的名称、数据类型以及是否允许Null，并将StudentId列设置为主键，如图所示。创建数据表和设计表结构

（3）定义表名。在“T-SQL”窗口中修改第一行语句来命名Student表，修改后的语句如下。

CREATETABLE[dbo].[Student]（4）保存表。在表设计器的左上角单击“更新”按钮，出现图7-6所示“预览数据库更新”对话框，单击“更新数据库”按钮，上述步骤所做的更改将保存到本地数据库文件中。创建数据表和设计表结构

（5）重复步骤(1)～(4)的操作，创建Course课程表和Score学生成绩表。在“服务器资源管理器”窗格的“表”节点下可以看到创建的数据表及其列，如图所示。创建数据表和设计表结构

（6）创建外键。在“服务器资源管理器”窗格中双击表名称“Score”，表设计器中将打开Score表，在“设计”窗口右侧的上下文窗口中右击“外键”选项，然后在弹出的快捷菜单中选择“添加新外键”命令。（7）定义外键。在显示的文本框中将“ToTable”替换为Student，然后在“T-SQL”窗口中更新最后一行代码如下。CONSTRAINT[FK_Score_Student]FOREIGNKEY([StudentId])REFERENCES[Student]([StudentId])创建数据表和设计表结构

（8）重复步骤（6）~（7）的操作，再次添加外键，在显示的文本框中将“ToTable”替换为Course，然后在“T-SQL”窗口中更新最后一行代码如下。CONSTRAINT[FK_Score_Course]FOREIGNKEY([CourseId])REFERENCES[Course]([CourseId]创建数据表和设计表结构

（9）更新数据库。在表设计器的左上角单击“更新”按钮，然后在弹出的“预览数据库更新”对话框中单击“更新数据库”按钮，将所做的更改保存到本地数据库文件中。（10）输入Student表样例数据。在“服务器资源管理器”窗格中，右击“Student”表名称，然后选择“显示表数据”命令，在数据窗口中逐行输入样例数据。（11）保存数据。在菜单栏上选择“文件”→“全部保存”命令，保存输入的数据。（12）重复步骤（10）~（11）的操作，在Course和Score数据表中输入样例数据，需要注意Score表的数据必须遵守外键的规则。学习任务三

实现特定条件的查询功能

通过学习任务一和任务二的学习，小明同学很高兴，因为现在他可以在动态网页设计方面小试牛刀了。他决定创建一个按照学生姓名来查询某个特定学生的基本信息的动态交互页面，在交互页面的查询文本框内输入一个学生姓名，单击“搜索信息”按钮之后，页面按该姓名执行查询，并显示返回的数据，如果查询不到该姓名的学生信息，则弹出消息框进行提示“该生信息不存在”。小明同学是如何实现的呢？我们拭目以待吧。。

使用SqlCommand对象和SqlDataReader对象查询数据库并返回查询结果。实现特定条件的查询功能（1）在项目网站文件夹新建查询学生信息网页StudentSelect.aspx，界面设计如图所示。实现特定条件的查询功能（2）双击页面的空白处，切换到该页面的后台页面，首先输入以下代码引用命名空间。usingSystem.Data；usingSystem.Data.SqlClient;usingSystem.Configuration;实现特定条件的查询功能（3）双击“搜索信息”按钮，生成该按钮的Click事件处理框架，输入以下代码。protectedvoidButton1_Click(objectsender,EventArgse){stringconstr=ConfigurationManager.ConnectionStrings["ConStudent"].ConnectionString;//创建数据源连接对象SqlConnectioncon=newSqlConnection(constr);con.Open();//打开数据库连接stringsqlstr="SELECT*FROMStudentwhereName=N'"+TextBox1.Text+"'";//定义SQL语句，查询某姓名的学生信息SqlCommandcom=newSqlCommand(sqlstr,con);//创建命令对象SqlDataReaderreader=com.ExecuteReader();//执行命令读取数据，生成SqlDataReader对象readerif(reader.Read()){实现特定条件的查询功能

TextBox5.Text=reader["StudentId"].ToString();TextBox2.Text=reader["Name"].ToString();TextBox3.Text=reader["Sex"].ToString();TextBox11.Text=reader["BirthTime"].ToString();TextBox7.Text=reader["Major"].ToString();TextBox8.Text=reader["Email"].ToString();if(Convert.ToBoolean(reader["IsMonitor"])==true){TextBox12.Text="是";}else{TextBox12.Text="否";}}else{Response.Write("<script>alert('该生信息不存在');location.href='StudentSelect.aspx';</script>");}reader.Close();con.Close();}实现特定条件的查询功能

（4）运行网页，在搜索文本框中输入需要查询的姓名，然后单击“搜索信息”按钮，页面将显示查询到的各项数据，页面如图所示。学习任务四

使用GridView控件显示所有表数据

在学习任务三中，小明初步通过实现简单的查询功能已经体会到了设计动态网页的快乐，他想继续挑战实现显示学生管理数据库中所有学生的基本信息，这可能就需要使用SqlDataAdapter对象和DataSet对象来访问数据库，进而使用GridView控件显示所有学生的信息数据，这对小明同学来说是个挑战，他能完成这个挑战吗？我们一起在完成任务过程中寻找答案吧。。

DataAdapter对象通过Connection对象连接到数据源，并使用Command对象从数据源检索数据，填充到DataSet中的表，使用GridView控件绑定显示所有学生的信息。使用GridView控件显示所有表数据（1）新建学生信息查询网页StudentSearch.aspx，在页面上放入一个DropDownList控件、一个Button按钮控件和一个GridView控件，界面设计如图所示。使用GridView控件显示所有表数据

将DropDownList的AutoPostBack设为True（点击DropDownList右上角的任务选项卡后可勾选启用该选项），该控件通过绑定SqlDataSource数据源显示专业列表，将AppendDataBoundItems属性设为“True”，通过“编辑项”添加一个选项“请选择要查询的专业”，GridView控件的HorizontalAlign属性设为“Center”，Width为“500px”,Font-Size为“Small”。在“GridView任务”菜单中选择“自动套用格式”，在左侧窗格中选择主题“专业型”，然后单击“确定”按钮。使用GridView控件显示所有表数据（2）使用数据源填充DropDownList控件列表项，在DropDownList控件的任务快捷菜单中选择“选择数据源”命令，在“选择数据源”下拉列表中选中“新建数据源”项，在“选择数据源类型”界面选择“SQL数据库”项，并指定数据源ID为“SqlDataSource1”，然后单击“确定”按钮。弹出“配置数据源”对话框，选择“ConStudent”，然后单击“下一步”按钮。出现“配置Select语句”界面，选择“指定来自表或视图的列”选项，在“名称”下拉列表中选择表名“Student”，在“列”选择框中勾选“Major”，注意一点要在窗口右侧勾选“只返回唯一行”，消除重复数据，然后单击“下一步”按钮，单击“完成”按钮，回到“数据源配置向导”对话框，选择数据源为刚刚创建的“SqlDataSource1”，将要显示的数据字段和值的数据字段都选择为“Major”。使用GridView控件显示所有表数据（3）在后台页面导入命名空间，双击“查询”按钮，在按钮的Click事件中填写下述代码。stringconstr=ConfigurationManager.ConnectionStrings["ConStudent"].ConnectionString;SqlConnectioncon=newSqlConnection(constr);con.Open();stringsqlstr="select*fromStudentwhereMajor=N'"+DropDownList1.SelectedValue+"'";SqlDataAdaptersda=newSqlDataAdapter(sqlstr,con);//定义数据适配器DataSetds=newDataSet();//定义数据集sda.Fill(ds);//通过数据库适配器将数据添加到数据集中GridView1.DataSource=ds;GridView1.DataBind();使用GridView控件显示所有表数据(4)运行网页，在下拉列表中选择某个专业后，页面显示该专业所有学生的信息，页面如图所示。项目总结

通过本项目的学习，要求用户能够使用ADO.NET访问数据库，对数据进行增删改查等操作。●ADO.NET有一个非常大的优点，当它与数据源断开连接时也可以使用数据。ADO.NET可以把数据源检索到的数据保存在本地一个叫作“数据集”的地方，这样的应用程序就可以直接操作本地的数据，而数据源可以为更多的应用程序提供服务。这就是ADO.NET的断开连接模型。●SQLServer.NET数据提供程序MicrosoftSQLServer数据源System.Data.SqlClient命名空间。●.NETFramework数据提供程序：专门为数据处理及快速地只进、只读访问数据而设计的组件，使用它可以连接数据源，执行命令和检索结果，直接对数据源进行操作。项目总结●Connection建立与特定数据源的连接，操作SQLServer对应的对象SqlConnection。●Command对数据源执行命令，操作SQLServer对应的对象SqlCommand。●DataReader从数据源中读取只进且只读的数据流，操作SQLServer对应的对象SqlDataReader。●DataAdapter用数据源填充DataSet并解析更新，操作SQLServer对应的对象SqlDataAdapter。●DataSet是专门为独立于任何数据源的数据访问而设计的。使用它，可以不必直接和数据源打交道，大批量操作数据，也可以将数据绑定在控件上。感谢您的观看ADO.NET数据绑定控件的应用

在ASP.NET中，服务器控件可以直接与数据源进行交互（如显示或修改数据），.NET称这种技术为数据绑定技术。它可以把Web窗体页（包括其控件或其他元素）和数据源无缝地连接到一起，增强页与数据源的交互能力。数据绑定允许在控件的声明代码中为控件的某个属性指定一个绑定表达式，从而将表达式的内容与该控件进行绑定。根据数据源的不同，数据绑定技术可以分为简单数据绑定和数据控件绑定，其中，简单数据绑定可以是对变量或属性的绑定，数据控件绑定主要是对ASP.NET中的数据绑定控件进行绑定，例如GridView控件、DataList控件、ListView控件等。项目导入»熟知数据源控件可以访问不同类型的数据源。»能解释什么是数据绑定技术。»能解释SqlDataSource数据源控件方法DataBind()的作用。»掌握SqlDataSource数据源控件连接SQL关系数据库的相关知识。»能解释GridView控件中的数据进行编辑操作的原理。»能说明DataList控件以某种设定好的格式循环显示多条数据的过程。知识目标»具备使用SqlDataSource控件连接到SQLServerExpressLocalDB数据库文件的能力。»具备使用Connection对象连接特定的数据源的能力。»具备使用GridView控件以表格的形式显示数据的能力。»具备使用GridView控件在不编写代码的情况下对数据进行编辑、删除、选择、排序和分页的能力。»具备使用DataList控件通过模板与定义样式来显示数据的能力。»具备使用DetailsView控件对数据进行增删改查操作数据的能力。技能目标»培养数据敏感度，能主动去收集数据，并进行归类和积累。»培养谨慎细心的工作态度，一丝不苟、精益求精的精神。»树立以学铸魂、以学增智、以学正风、以学促干的意识。。思政目标学习任务一

GridView控件的分页和

排序功能

通过项目七的学习，小明同学已经基本掌握了ADO.NET访问数据库技术，可以通过自己的努力在网页上实现数据访问功能。小明同学想继续完善页面的某些功能，比如他想对项目七学习任务四中显示数据实现分页和排序的功能，展示数据时每页显示5条学生信息，并能按照学号、出生日期排序。这样的功能实现途径多种多样，小明同学想先试试利用GridView控件自带的分页和排序功能去实现，看看他是如何操作的？

创建网页，通过数据源控件SqlDataSource配置数据源，通过设置GridView控件的DataSourceID属性关联数据源控件，从而显示相关数据，使用GridView控件自带的分页和排序功能满足任务要求，按照步骤进行操作。（1）新建网页StudentList.aspx，从工具箱的“数据”组中拖放1个SqlDataSource控件到页面上，单击SqlDataSource控件右上角的任务按钮，出现“SqlDataSource任务”快捷菜单，然后单击“配置数据源”命令。（2）在出现的“配置数据源”窗口的“选择数据连接”界面，单击下拉按钮展开下拉列表框，选择数据库文件名称“StudentDB.mdf”，然后单击“下一步”按钮。（3）在“将连接字符串保存到应用程序配置文件中”界面勾选“是，将此连接另存为”复选框，并在下面的文本框中输入“ConStudent”，表示在应用程序配置文件中保存该连接名称为“ConStudent”，然后单击“下一步”按钮。GridView控件的分页和排序功能

（4）在“配置Select语句”界面，选择“指定来自表或视图的列”单选按钮，在“名称”下拉列表中选择表名“Student”，在“列”列表框中勾选“*”复选框，表示查询表Student表中的所有列，然后单击“下一步”按钮。

（5）在“测试查询”界面，单击右下侧的“测试查询”按钮，显示框中出现查询结果，表明已经成功连接数据库，单击“完成”按钮。

（6）从工具箱的“数据”选项卡中拖放1个GridView控件到页面上，并设置其HorizontalAlign属性为Center、Font-Size属性为Small。

（7）单击GridView控件右上角的任务按钮后，出现“GridView任务”快捷菜单，在“选择数据源”下拉列表中选择已创建的数据源“SqlDataSource1”，GridView控件将显示数据源控件SqlDataSource1所返回的数据。GridView控件的分页和排序功能GridView控件的分页和排序功能

（8）设置GridView控件的外观。在“GridView任务”快捷菜单中选择“自动套用格式”命令，打开“自动套用格式”对话框，在左侧窗格中选择一种主题，然后单击“确定”按钮。（9）此时控件上绑定显示的字段名称是表中定义的英文名称，若要显示为便于识别的中文名称，则在设计页面中的“GridView任务”菜单中选择“编辑列”命令，打开“字段”对话框。在“选定的字段”列表框中选择StudentID，并在右侧的属性窗格中，将HeaderText属性设置为“学号”，单击ItemStyle属性左侧的图标展开属性选项，设置其中的Width属性为60px。然后依次选中各个字段，参考上面的设置将各个字段设置完毕后，单击“确定”按钮。GridView控件的分页和排序功能

(10)运行页面，如图所示，GridView控件显示了Student表中的所有数据行。GridView控件的分页和排序功能

（11）启用分页。单击GridView控件右上角的“任务”按钮，出现“GridView任务”快捷菜单，勾选“启用分页”复选框，GridView控件随即会添加带有页码链接的页脚，默认显示的是数字页码，可通过设置GridView控件的PagerSettings属性值更改页码的显示样式，通过设置Mode属性可实现。（12）设置每页显示记录数。选中GridView控件，如果不指定，PageSize的默认值为10。在属性面板中更改PageSize属性值为5。如果数据源包含的记录数大于设定的每页显示行数，可以使用GridView控件底部的页导航链接实现在各页之间翻页。GridView控件的分页和排序功能

（13）启用排序。在“GridView任务”快捷菜单中勾选“启用排序”复选框，GridView控件中的列标题将会变为链接形式，用户单击列标题即按该列的内容进行排序，每单击一次将会在升序和降序之间进行切换。（14）取消字段排序。GridView启用排序后，所有字段都变为排序字段，本例将取消除学号、出生日期字段之外的排序。在“GridView任务”快捷菜单中选择“编辑列”命令打开“字段”窗口，选定“姓名”“性别”“专业”“是否班干部”“电子邮件”字，在右侧属性窗格中将它们的SortExpression的属性值清空，则取消了它们的排序。GridView控件的分页和排序功能

（15）运行网页，页面效果如图所示。

可看到学生信息显示区的下部带有数字页码链接，单击可进行翻页；单击学号和出生日期的标题链接，可按字段排序。学习任务二

GridView控件实现主/详信息页显示

其实网页可以采用多种方式显示数据，一种最常见的方案是“主页/详细信息页”，在一个页面显示主记录信息，在另一个页面中显示某条记录的详细信息。小明在学会利用数据绑定控件实现显示数据后，也想挑战实现主/详信息页显示的功能，如在主页显示学生的基本信息，点击某行记录的链接跳转到新页面去查看该生的详细信息，本任务会引导小明同学去实现这样的功能。

在学习任务一制作的学生信息页面的基础上，在每行信息中添加一个“查看成绩”链接，单击该链接即进入成绩查看页面；同时，新建一个网页ScoreList.aspx，用于显示选中学生的成绩信息。在这里将学生信息页称为主页，查看成绩页面称为详细信息页，具体步骤如下。选择控件实现信息单选功能（1）打开学习任务一中制作的学生信息页面StudentList.aspx。（2）选中“GridView”控件，在“GridView任务”快捷菜单中选择“编辑列”命令弹出“字段”对话框。在“可用字段”列表框中选择“HyperLinkField”节点，然后单击“添加”按钮将其添加到“选定的字段”列表中。在“选定的字段”列表框中选择刚刚添加的“HyperLinkField”字段，然后在右侧的属性窗格中设置Text属性为查看成绩，DataNavigateUrlFormatString属性值设为ScoreList.aspx?id={0}&name={1}，目的是指定链接的URL，导航到ScoreList.aspx页，传递两个查询字符串变量id和name，变量的值将使用DataNavigateUrlFields属性中指定的列进行填充。选择控件实现信息单选功能变量id传递学生学号，变量name传递学生姓名，DataNavigateUrlFields属性设置为StudentId,Name，目的是指定链接从StudentId和Name列获取查询字符串变量id和name的值然后单击“确定”按钮关闭“字段”对话框，在GridView控件中成功添加了“查看成绩”超链接列。（3）在当前网站文件夹下新建学生成绩查看网页ScoreList.aspx，在页面顶部放入1个Label控件显示标题文字，Text属性为空，打开ScoreList.aspx.cs编码页面，在Page_Load事件中输入如下代码。if(Request.QueryString["id"]!=null){Label1.Text=Request.QueryString["name"]+"的成绩表";//获取查询字符串变量传递的姓名，作为页面标题文字}选择控件实现信息单选功能（4）添加数据源，查询选定学生的成绩记录。拖放1个SqlDataSource控件到ScoreList.aspx页面上，打开“SqlDataSource任务”快捷菜单，选择“配置数据源”命令。在“配置数据源”对话框中展开下拉列表选择数据连接“ConStudent”，然后单击“下一步”按钮，出现“配置Select语句”界面，选择“自定义SQL语句或存储过程”，然后单击“下一步”按钮，在“定义自定义语句或存储过程”窗口点击“查询生成器”按钮，在添加表窗口依次点击选择Student、Course、Score三个表后关闭该窗口。选择控件实现信息单选功能在“查询生成器”窗口中勾选如图中的字段并设定StudentId字段的筛选器的值。选择控件实现信息单选功能

上面的SQL语句表示联合查询学生表、课程表和成绩表，返回某个学生的成绩记录，包括学号、课程名称和分数列，筛选条件是学号。然后单击“确定”按钮，关闭查询生成器窗口，点击“下一步”按钮，出现如图所示的“定义参数”界面。

选择控件实现信息单选功能

在“参数源”下拉列表中选择“QueryString”，在“QueryStringField”文本框中输入“id”，表示数据源按照查询字符串变量id传递的学号来查询信息。然后单击“下一步”按钮，接下来在打开的“测试查询”界面中单击“完成”按钮关闭对话框。（5）使用GridView控件显示成绩记录。拖放1个GridView控件到页面上，HorizontalAlign属性为“Center”,Width属性为“400px”，Size为“Small”。打开“GridView任务”快捷菜单，选择数据源为“SqlDataSource1”。在“GridView任务”快捷菜单中选择“自动套用格式”命令，在打开的对话框中选择“专业型”样式，然后单击“确定”按钮。选择控件实现信息单选功能

（6）编辑列。在“GridView任务”菜单中选择“编辑列”命令，打开“字段”对话框。在“选定的字段”列表框中选择StudentId字段，然后单击删除按钮，移除学号字段；选择Coursename字段，然后单击上移按钮，将课程名称列前移，并在属性窗口中设置其HeaderText属性为“课程名称”；选择Score字段，设置HeaderText属性为“课程成绩”，设置完毕后，单击“确定”按钮。

（7）运行StudentList.aspx页面，单击学生信息表格中某一行的“查看成绩”链接，跳转到学生成绩页面，可以查看选定学生所有科目的成绩记录。如图所示最终成绩页面效果。学习任务三

启用GridView控件的编辑

功能

GridView控件除了可以显示数据，还支持编辑模式，在编辑模式下用户可以更改选中行的数据。开发人员无须编写代码即可启用GridView控件的编辑功能，对关联的数据源进行编辑更新操作。对于利用这样简单的方式就可以实现的编辑数据功能，小明当然乐意去学习，本学习任务中就启用GridView控件的编辑功能实现学生信息的更新，我们和小明一起去看看实现过程吧。

启用SqlDataSource控件的高级功能，配置数据源，启用GridView控件编辑功能，具体步骤如下。启用GridView控件的编辑功能（1）打开学生信息页面StudentList.aspx。（2）启用SqlDataSource控件的高级功能。选中SqlDataSource控件，单击其右上角的任务按钮弹出任务快捷菜单，然后选择“配置数据源”命令。在弹出的“配置数据源”对话框中单击“下一步”按钮，出现“配置Select语句”界面，单击右侧的“高级”按钮，生成“高级SQL生成选项”对话框，勾选“生成INSERT、UPDATE和DELETE语句”复选框，然后单击“确定”按钮。此时，控件将生成Insert、Update和Delete语句。接下来在“配置Select语句”界面中单击“下一步”按钮，然后单击“完成”按钮。弹出警告提示对话框，单击“否”按钮。如果选择“是”，前面对GridView控件所做的所有设置都将清除，所以一般选择“否”。启用GridView控件的编辑功能（3）GridView控件启用编辑。选GridView控件，单击其右上角的任务按钮打开任务快捷菜单，勾选“启用编辑”复选框。可以看到，GridView控件的第一列前面加入了“编辑”超链接列，如图所示。启用GridView控件的编辑功能（4）运行网页。单击任意一行的“编辑”超链接，进入编辑视图。该行除主键字段“学号”列外，其他列的数据都用文本框或复选框显示，可供用户进行编辑，编辑完成数据后，单击“更新”按钮，更新数据。学习任务四

启用GridView控件的

删除功能

小明学会了如何启用GridView控件的编辑功能，他在操作过程中发现了GridView控件还支持删除模式，和编辑功能类似，只需要启用一下就可以从数据源中删除当前行，此时他并不需要编写任何代码就可以添加删除功能，他觉得这个功能特别方便，还独自通过代码实现了警告提示框的效果。本次任务我们就通过小明同学的操作流程来检验一下他的学习成果，他的主要任务就是启用GridView控件的删除功能，GridView控件在每一行都会显示一个“删除”超链接，单击“删除”超链接时，实现学生信息记录的删除，在数据源中删除该行并重新显示数据。

启用GridView控件删除功能，添加警告提示框，具体步骤如下。启用GridView控件的删除功能（1）删除功能与编辑功能一样，注意必须首先设置数据源控件支持高级功能，GridView控件才能启用删除。在学习任务三中，控件绑定的SqlDataSource控件已经启用了高级功能，可以支持增、删、改的数据源操作，所以本学习任务中GridView控件直接启用删除功能即可，操作与启用编辑功能类似。选中GridView控件，在GridView控件右上角任务快捷菜单中勾选“启用删除”复选框。之后会发现GridView控件的“编辑”列后面加入了“删除超链接”列，如图所示。启用GridView控件的删除功能（2）添加警告提示框。选中GridView控件，在任务快捷菜单中选择“编辑列”命令，打开“字段”对话框。在“选定的字段”列表框中选中“CommandField”字段复选框，单击底部右侧的“将此字段转换为TemplateField”超链接，完成后单击“确定”按钮关闭窗口，单击“GridView任务”快捷菜单的“编辑模板”超链接，在GridView控件任务窗口选择第一列的“ItemTemplate”选项，找到LinkButton删除链接，然后在它的属性OnClientClick里面输入returnconfirm(“确定删除吗？”)。启用GridView控件的删除功能（3）运行网页。单击学生信息任意一行的“删除”超链接，弹出提示框如图所示，用户单击“确定”按钮，则删除所选记录；单击“取消”按钮，则取消删除操作。学习任务五

DataList控件分页显示数据

通过前面任务的学习，小明同学基本掌握了利用GridView控件进行数据的基本处理功能，他觉得GridView控件功能非常强VS拖拽，并从属性面板设置属性即可使用，还可以完成如分页、排序、外观设置等功能。但是这个控件不支持插入操作，并且只能按照表格样式显示数据，所以小明同学觉得应该再了解一些数据绑定控件，这样他就可以灵活设计页面了，那么本任务中将学习DataList控件分页显示数据，我们和小明同学一起来学习一下这个控件，看看它和GridView控件在显示数据方面有什么异同？。

创建数据表，准备表中数据，编辑DataList控件模板，编辑后台代码实现分页显示功能，具体步骤如下。DataList控件分页显示数据（1）创建数据库和表，在当前网站“解决方案资源管理器”窗格中右击网站名称，选择“添加”→“添加新项”命令，在左侧项目中选择“数据”，右侧模板中选择“SQLServer数据库”，在“名称”文本框中输入“Product.mdf”，然后单击“添加”按钮。产品基本信息表Product设计见表。DataList控件分页显示数据（2）准备表中数据。创建图片文件夹Image，添加产品图片。打开数据表Product，添加产品信息，添加后的表信息如图所示。DataList控件分页显示数据

（3）在网站文件夹新建网页DLTest.aspx，通过添加一个两行一列的表格进行布局，表格第一行添加一个DataList控件，单击DataList控件右上方的按钮，在弹出的快捷菜单中选择“编辑模板选项”，打开“DataList控件任务-模板编辑模式”，在“显示”下拉列表框中选择“ItemTemplate”选项，以便对项模板进行编辑，如图所示。DataList控件分页显示数据

（4）表格中第二行主要是翻页按钮设计，如图所示。共添加4个Button控件和2个Label控件，Label控件的ID属性分别是lblCount和lblNowPage，主要用来显示总页数和当前页码，lblNowPage的Text属性值设为“1”，LinkButton控件的ID属性分别是“lnkbtnFirst”、“lnkbtnFront”、“lnkbtnNext”、“lnkbtnLast”，分别用来显示首页、上一页、下一页、末页DataList控件分页显示数据（5）在后台页面导入命名空间，如图所示，并编写后台代码。DataList控件分页显示数据（6）分别双击四个按钮，添加相应的事件代码。添加后的代码如下所示。DataList控件分页显示数据（7）运行网页。网页的预览效果如图所示。学习任务六

使用ListView控件对数据进行显示、分页、排序

小明同学通过前面的学习任务，已经了解了两种数据绑定控件，他想继续多学习几种数据绑定控件，这样他就可以通过多种数据绑定控件灵活显示数据了，那么本次学习任务他想试着利用ListView控件对学生信息表数据进行显示、分页、排序。

新建页面ListViewTest.aspx，在页面中添加一个ListView控件和一个SqlDataSource控件，具体步骤如下。使用ListView控件对数据进行显示、分页、排序（1）选中SqlDataSource控件，按照提示配置数据源，查询Student数据表的数据。并点击ListView控件的右上方的按钮，打开该控件的任务窗口，选择数据源为上述SqlDataSource控件。（2）单击ListView控件右上方的按钮，在弹出的快捷菜单中的选择“配置ListView”选项，弹出“配置ListView”对话框，在该对话框中设置ListView的样式，并选中“启用分页”复选框，如图所示。使用ListView控件对数据进行显示、分页、排序（3）再次单击ListView控件右上方的按钮，在弹出的快捷菜单中选择一个视图来编辑LayoutTemplate模板（如ItemTemplate)。这里选择分页控件DataPager所在的位置，即从“设计”选项卡切换到“源”选项卡，找到<asp:DataPagerID=“DataPager1”

runat=“server”</asp:DataPager>标签，然后光标停留到这个标签的下方，从“工具箱”的“标准”选项卡中，将一个Button控件拖到控件的底部。使用ListView控件对数据进行显示、分页、排序（4）打开Button控件的“属性”窗口，按照以下方式更改Button控件的属性。将Button控件的Text属性设置为“按出生日期排序”，将CommandName属性设置为“Sort”，将CommandArgument设置为“BirthTime”。设定分页控件的PageSize属性值为“6”，则每页显示6条数据记录。（5）完成以上设置后调试网页，运行结果如图所示。使用ListView控件对数据进行显示、分页、排序（6）单击“按出生日期排序”按钮，学生信息将按照出生日期在升降序排序之间进行切换显示。通过以上步骤即完成了在ListView控件中分页显示数据，并分别按出生日期对所显示的数据进行排序的功能。学习任务六

使用DetailsView控件对数据进行增删改查操作

学无止境，小明本次学习任务想使用DetailsView控件新增、显示以及编辑、删除学生信息记录，我们来看看他是如何实现的。

新建页面DetailsViewTest.aspx，在页面中添加一个DetailsView控件和一个SqlDataSource控件，具体步骤如下。使用ListView控件对数据进行显示、分页、排序（1）在“SqlDataSource任务”快捷菜单中选择“配置数据源”命令，打开“配置数据源”对话框，选择数据连接为“ConStudent”，单击“下一步”按钮。（2）在“配置Select语句”界面中选择“指定来自表或视图的列”选项，在“名称”下拉列表中选择表名“Student”，在“列”选择框中勾选“*”选项。（3）单击窗口右侧的“高级”按钮，弹出“高级SQL生成选项”对话框，勾选“生成INSERT、UPDATE和DELETE语句”复选框，然后单击“确定”按钮关闭窗口。（4）回到“配置Select语句”界面，然后单击“下一步”按钮，接下来单击“完成”按钮。使用ListView控件对数据进行显示、分页、排序（5）从工具箱的“数据”组中拖放1个DetailsView控件到页面上，设置HorizontalAlign属性为“Center”，Font-Size属性为“Small”，Width属性为“400px”。（6）选择数据源。单击DetailsView控件右上角的任务按钮打开“DetailsView任务”快捷菜单，在“选择数据源”列表中选择“SqlDataSource1”。（7）设置控件外观。在“DetailsView任务”菜单中选择“自动套用格式”，在左侧窗口中选择主题“专业型”，然后单击“确定”按钮。。使用ListView控件对数据进行显示、分页、排序（8）启用新增、删除、编辑功能。在“DetailsView任务”菜单中勾选“启用插入”“启用编辑”“启用删除”复选框。（9）设置控件默认模式为只读模式。选中DetailsView控件，在属性窗格中设置DefaultMode属性值为“ReadOnly”，页面打开时DetailsView控件将直接呈现为显示数据模式，每一行显示第一个学生数据记录。使用ListView控件对数据进行显示、分页、排序（10）编辑列。在“DetailsView任务”菜单上中选择“编辑字段”命令打开“字段”对话框，在“选定的字段”窗格中依次选中各个字段，在右侧的属性窗格中将它们的HeaderText属性分别设置为“学号”“姓名”“性别”“出生日期”“专业”“是否班干部”和“电子邮箱”，并且单击窗格右侧底部的“将此字段转换为TemplateField”超链接，将性别、出生日期字段都转换为模板字段。完成后单击“确定”按钮关闭“字段”对话框。（11）编辑模板。由打开“DetailsView任务”快捷菜单，选择“编辑模板”命令，切换到DetailsView控件的模板编辑模式。使用ListView控件对数据进行显示、分页、排序（12）首先编辑“性别”字段新增和编辑模板。选择“性别”字段的“InsertItemTemplate”选项，删除原有的文本框控件，新增一个RadioButtonList控件，增加其男和女两个选项，并设定其RepeatDirection属性为”Horizontal”，单击RadioButtonList控件右上角的任务按钮打开“RadioButtonList控件”快捷菜单，选择编辑DataBindings项，打开如图所示窗口。使用ListView控件对数据进行显示、分页、排序（13）编辑“专业”字段新增和编辑模板。选择“专业”字段的“InsertItemTemplate”选项，删除原有的文本框控件，新增一个DropDownList控件，为其新增数据源SqlDataSource控件，设定其查询学生表中的Major列并且勾选只返回唯一行。如图所示。完成数据源控件设置后单击DropDownList控件右上角的任务按ASP.NET网站开发技术项目化教程钮打开“DropDownList控件”快捷菜单，选择编辑DataBindings项，将字段绑定到数据库中的Major字段，然后单击“确定”按钮，按照以上操作步骤，更改“专业”字段的“EditItemTemplate”选项的文本框为DropDownList控件，设置同上。使用ListView控件对数据进行显示、分页、排序使用ListView控件对数据进行显示、分页、排序（14）所有字段的模板编辑完毕，在“DetailsView任务”快捷菜单中选择“结束模板编辑”命