《ADO.NET数据库访问技术案例教程 教学课件 ppt 陈承欢 (第14章)-Web网页中的数据访问》由会员分享，可在线阅读，更多相关《ADO.NET数据库访问技术案例教程 教学课件 ppt 陈承欢 (第14章)-Web网页中的数据访问（58页珍藏版）》请在金锄头文库上搜索。
1、,第 14 章 Web网页中的数据访问,【知 识 技 能 目 标】 （1）掌握利用Web服务器控件显示数据和更新数据的方法。 （2）掌握在Web窗体中实现数据绑定的方法。 （3）掌握浏览Web网页的方法。,【本 章 学 习 导 航】 Web网页通常使用数据命令与数据读取器配合来提取数据，调用数据命令的ExecuteNonQuery方法更新数据。,由于Web网页每一次提交数据到服务器时，网页以及控件就必须重新建立，导致数据集重新建立与填充，这样会导致访问效率低且浪费有限的内存资源。,如果使用数据命令直接读取数据库，就能提高访问效率而且有效利用内存资源。但是，在需要使用多个数据表或来自多个不同数据
2、源的数据表等情况下，只能使用数据集。,14.1 在Web网页中验证用户身份,【实例14-1】 1设计任务 设计一个Web窗体，该窗体用于验证用户身份。其运行效果如图14-1所示。,图14-1 用户登录页面,如果用户输入正确的用户名和密码，单击【提交】按钮，则会出现如图14-2所示的提示信息对话框；如果用户输入的用户名或密码有误，单击【提交】按钮，则会出现如图14-3所示的提示信息对话框。单击【重写】按钮，则清空用户名和密码对应的文本框。,图14-2 登录成功的提示信息,图14-3 登录失败的提示信息,2设计过程 （1）新建一个项目。 新建一个项目Chapter14_1。,注意创建Web项目与创
3、建Windows项目有所不同，较简单的方法是：先在Windows资源管理器中建立一个文件夹“Chapter14_1”，并将该文件夹设置为“Web共享文件夹”，然后创建Web项目，在“新建项目”对话框的“位置”文本框中输入http:/localhost/Chapter14_1，如图14-4所示，这样新建立的项目便位于指定的文件夹中。,图14-4 新建Web项目对话框,如果没有将指定的文件夹设置为“Web共享文件夹”，Web项目默认的保存位置在“C:Inetpubwwwroot”文件夹中。,（2）在Web窗体中添加2个Button控件、3个Label控件和2个TextBox控件，Web页面及控件的
4、设计外观如图14-5所示。 （3）切换到代码窗口，编写程序代码，实现其功能。,图14-5 登录页面的设计状态,本章使用的后台数据库为Access数据库，所以在定义类的代码之前引入命名空间，其代码为：Imports System.Data.OleDb。,登录窗体中【提交】按钮的Click事件过程的程序代码如代码14-1-1所示。,3代码分析 代码分析如表14-1所示。,表14-1 程序代码分析,4知识要点说明 实例14-1比较简单，其主要功能是验证用户输入的用户名和密码是否正确，根据用户输入的用户名和密码来判断用户是否为合法用户。对数据库的访问是通过OleDbCommand对象配合OleDbDa
5、taReader对象实现的。,14.2 在Web网页中浏览与维护数据库中的数据,【实例14-2】,1设计任务 设计一个Web窗体，该窗体用于浏览与维护数据库中的数据，其浏览效果如图14-6所示，在“班级编号”列表框中选取一个班级编号“2003030201”，然后单击【查询】按钮，下方的DataGrid控件中便显示查询的结果。,图14-6 学生信息浏览与维护页面,在如图14-6所示的页面中，单击第1行中的【编辑】按钮，第1行便变为可编辑状态，如图14-7所示。修改数据完成后，单击图14-7中的【更新】按钮，即可完成修改；如果取消所作的修改，则单击【取消】按钮即可。,图14-7 编辑学生信息,2设
6、计过程 （1）按照实例14-1中所介绍的方法新建一个项目Chapter14_2。,（2）在Web窗体中添加2个Button控件、2个Label控件、1个DropDownList控件和1个DataGrid控件。然后设置DataGrid控件的数据显示格式和分页格式，添加“编辑、更新、取消”按钮和“删除”按钮，页面及控件的设计外观如图14-8所示。,图14-8 学生信息浏览与维护页面的设计状态,（3）切换到代码窗口，编写程序代码，实现其功能。,在定义类的代码之前引入命名空间，其代码为：Imports System.Data.OleDb。 窗体级对象变量的定义如代码14-2-1所示。,窗体Load事件
7、过程的程序代码如代码14-2-2所示，这些代码的功能是：将后台“班级”数据表中的“班级编号”添加到DropDownList控件中，作为其选择项。,【查询】按钮Button2的Click事件过程的程序代码只有一行：Call DataGridBindData()，调用自定义过程DataGridBindData，自定义过程DataGridBindData的程序代码如代码14-2-3所示，其主要功能是设置DataGrid的数据源，并且将数据源与DataGrid控件绑定。,控件DataGrid1的EditCommand事件过程的程序代码如代码14-2-4所示，其主要功能是：将用户所单击的【编辑】按钮所在
8、的行设置为可编辑状态，并且重新加载数据。,控件DataGrid1的DeleteCommand事件过程的程序代码如代码14-2-5所示，其功能是删除某一行记录。,控件DataGrid1的UpdateCommand事件过程的程序代码如代码14-2-6所示，其功能是更新所修改的数据。,控件DataGrid1的CancelCommand事件过程的程序代码如代码14-2-7所示，其功能是取消数据修改。,控件DataGrid1的PageIndexChanged事件过程的程序代码如代码14-2-8所示，其功能是实现页面换页，当用户单击导航按钮时，会触发PageIndexChanged事件，用户请求的页面索引
9、被传递到PageIndexChanged事件处理程序中，并通过e.NewPageIndex将用户请求的页面索引赋给DataGrid1的CurrentPageIndex属性，从而实现换页。,【新增】按钮Button2的Click事件过程的程序代码也只有一行：Response.Redirect (“WebForm2.aspx“)，其功能是将页面切换到WebForm2.aspx。,3代码分析 代码分析如表14-2所示。,表14-2 程序代码分析,4知识要点说明 在Web页面中实现查询、新增、修改和删除数据记录的方法与Windows窗体中的实现方法相似。,【实例14-3】 1设计任务 设计一个Web窗
10、体，该窗体用于新增学生数据，其浏览效果如图14-9所示，页面浏览时，性别对应的DropDownList控件中的列表项为“男”和“女”，班级编号对应的DropDownList控件显示“班级”数据表中所有的班级编号。,图14-9 新增学生数据页面,在上面的文本框中分别输入学号和姓名，在下面的DropDownList控件中分别选择性别和班级编号，然后单击【提交】按钮即可完成数据新增功能。单击【取消】按钮可以切换到“数据浏览与维护”页面。,2设计过程 （1）在已有的项目Chapter14_2中添加一个Web窗体，将其命名为“WebForm2.aspx”。 （2）在Web窗体WebForm2中添加1个表
11、格，2个Button控件、5个Label控件和2个DropDownList控件，Web窗体及控件的设计外观如图14-10所示。 （3）切换到代码窗口，编写程序代码，实现其功能。,图14-10 新增学生数据页面的设计状态,在定义类的代码之前引入命名空间，其代码为：Imports System.Data.OleDb。 窗体级对象变量的定义如代码14-2-9所示。,窗体中【提交】按钮Button1的Click事件过程的程序代码如代码14-2-11所示。,窗体中【取消】按钮Button2的Click事件过程的程序代码只有一行：Response.Redirect(“WebForm1.aspx“)，其作用
12、是将页面切换到WebForm1.aspx。,3代码分析 （1）代码14-2-10中代码的作用是将后台“班级”数据表中的所有“班级编号”显示在DropDownList1中，作为其选项，其中第07行设置DropDownList控件的数据源，第08行设置DropDownList控件所显示值对应的字段名。,（2）代码14-2-11中的第04行和第05行通过DropDownList控件的SelectedValue属性获取其选定项的值。,4知识要点说明 实例14-3中的新增记录是通过调用数据命令的ExecuteNonQuery方法实现的，实例14-2中的修改记录、删除记录也是通过调用数据命令的ExecuteNonQuery方法实现的。,【课堂实践】 打开光盘中文件夹【ClassroomPractise14_1】中的解决方案文件【Classroom Practise14_1.sln】，打开该解决方案中的窗体【WebForm1.aspx】，切换到代码窗体，在该Web窗体的Load事件过程中补写程序代码，实现显示用户数据的功能，如图14-11所示。,图14-11 浏览用户数据列表的Web页面,【本章小结】 本章主要介绍利用Web服务器控件显示数据和更新数据的方法以及在Web窗体中实现数据绑定的方法。Web网页的浏览方法详见附录A的单元实验八所示。,
