使用Web窗体建立Web应用程序.ppt
第10章 使用Web窗体建立Web应用程序,本章要点: WEB服务的基本概念 WEB窗体的使用 WEB应用程序,第10章 使用Web窗体建立Web应用程序,10.1 Web 应用程序概述 10.2 使用Web窗体 10.3 建立Web服务程序 10.4 思考与创新,10.1 Web 应用程序概述,Web服务依赖于XML格式的消息来发送数据和接收命令。Web服务支持三种与客户交互的协议:HTTP-GET、HTTP-POST、和SOAP。 HTTP-GET 是一种让客户能够通过HTTP与服务器通信的标准协议。可将HTTP-GET操作看做是客户从web服务器那里获得网页,即客户向web站点的URL发送HTTP请求而Web站点使用相应的HTML应答。,HTTP-POST 该协议类似于HTTP-GET,最常用于HTML表单设计。用来向客户发送一个包含消息的HTTP请求信息,其中包括参数及其值。 SOAP 是一种简单对象访问协议,它使客户和服务器能够相互发送数据。SOAP依赖于XML来转发信息,而不使用HTTP请求信息,所以能够发送更为复杂的对象。,Web服务实施的领域可以分为四类 ： 1. 面向商务的Web服务(Business -Oriented Web Service)。该类服务针对的是那些面向企业的应用服务，包括企业内部的ERP系统、企业间的SCM/CRM等系统。当这些系统以Web服务的形式在网络(Internet或Intranet)中出现时，企业内的应用集成将更为容易，而且众多企业间合作伙伴的系统对接也将成为可能。目前现有的解决方案和产品的提供商有Bowstreet、Epicentric、WebMethods等。,2.面向消费者的Web服务(Consumer-Oriented Web Service)。此类服务针对的是那些原先的B2C网站的改造，为面向浏览者的Web应用增加(注意是增加)了Web服务的应用接口，使得第三方的桌面工具或自身提供增值的桌面工具能够通过更优秀的用户界面提供跨越多个B2C服务的桌面服务。这将使得用户使用Internet更为方便，从而获得更便捷的服务。比如我们完全可以在个人理财桌面系统中集成(调用)Internet上的股票询价和机票预定Web服务，使得个人理财应用的自动化程度更高。,3. 面向设备的Web服务(Device-Oriented Web Service)。此类服务的使用终端一般是手持设备和日用家电。对于前者而言，可以在不用修改网络服务的体系架构前提下，令先前的网络服务支持除PC以外的各种终端，比如Palm、PocketPC、手机等。如此，那些天气预报服务、Email服务、主动信息服务等将更为有效和便捷。对于后者，则可能是一个市场的启动期，有了Web服务作为基础框架，智能型的日用家电将真正获得标准的支持，从而有了广泛使用的可能。,4. 面向系统的Web服务(System-Oriented Web Service)。该类是指一些传统意义上的系统服务，比如用户权限认证、系统监控等。如果这些传统服务被迁移到Internet上，或者企业内部的Intranet上，其作用范围将从单个系统或局部网络拓展到整个企业网络或整个Internet。这样，基于同一系统服务的不同应用将得以在整个Internet环境中部署，譬如跨国企业的所有在线服务可以使用同一个用户权限认证Web服务。,10.2 使用Web窗体,当创建一个 Web 项目时，Visual Studio 会在目标 Web 服务器上构造一个 Web 应用程序目录结构，并在本地计算机上构造一个项目结构。生成如表101显示的文件：,例：设计如图101所示程序。,1.打开VS.NET，新建一个项目，在项目类型中选择“Visual Basic项目“，在模板中选择“ASP.NET WEB应用程序“单击确定。如图102所示。,2.从工具箱的“HTML”选项卡中，将一个 Label 控件拖到页上。放置该控件并根据要输入的文本调整其大小。单击该标签将其选中，然后再次单击它。（缓慢地进行此操作，以确保您不是双击该元素。） 该标签进入文本编辑模式，表现为带阴影的边框。 键入所需的静态文本。例如，键入“示例 Web 窗体页”。 选择该文本，然后使用“格式”工具栏上的工具设置文本的块格式、字体、大小等。,3.将TextFiled控件添加到 Web 窗体页 单击底部的“设计”选项卡切换到“设计”视图。 从工具箱的“HTML”选项卡中，将一个 Text Field 元素拖到页上。右击该元素并选择“作为服务器控件运行”，将该 HTML 文本元素转换为服务器控件。,4.从工具箱的“Web 窗体”选项卡（而不是“HTML”选项卡），将一个 Button Web 服务器控件拖到页上。 双击按钮，在Button1的Click事件过程中添加以下代码： Text1.Value = “Hello, Web Forms!“ 5.在解决方案资源管理器中，右击 WebForm1.Aspx 页，然后选择“在浏览器中查看”。 Visual Studio 编译该页并将其显示在“浏览”选项卡中。 在 Web 窗体页上单击该按钮。 文本“Hello, Web Forms!”就会出现在文本框中。,10.3 建立Web服务程序,例:用VB.NET创建一个ASP.NET WEB服务页面，提供一个Data()方法来访问本地数据库，返回一个数据集。然后创建一个ASP.NET WEB应用程序页面，用来调用Web服务中的Data（）方法，同时通过DAtaGrid空件显示出数据库中的信息 .,设计步骤：,1.打开VS.net，新建一个项目，在项目类型中选择“Visual Basic项目“，在模板中选择“ASP.NET WEB服务“ 2.为WEB窗体添加三个数据库组件：Oledbconnection,OledbCommand和 OledbDataAdapter，然后在程序中动态的设置它们的属性。填入代码如下：, Public Function Data(ByVal Path As String, ByVal TName As String, ByVal SQL As String) As DataSet 'Path参数是数据库的路径，TName参数是数据表，SQL是用户输入的查询参数 Dim ds As DataSet = New DataSet '建立一个新的数据集 Dim ConnStr As String ConnStr = “Provider=Microsoft.Jet.OLEDB.4.0; Data Source=“ & Server.MapPath(Path) '数据库链接字符串 OleDbConnection1 = New System.Data.OleDb.OleDbConnection(ConnStr),'建立到数据库的链接 OleDbDataAdapter1 = New System.Data.OleDb.OleDbDataAdapter(SQL, OleDbConnection1) OleDbDataAdapter1.Fill(ds, TName) '配置数据适配器 Data = ds '返回数据集 End Function,3.运行程序。按F5键运行程序，效果如图104所示。,4.建立ASP.NET WEB应用程序即调用服务的页面。打开VS.NET，新建一个项目，在项目类型中选择“Visual Basic项目“，在模板中选择“ASP.NET WEB应用程序“，单击确认按钮后会出现如图107所示窗口,5.添加一个Label控件和一个DAtaGrid控件，Label控件中的Text属性设为：“调用web服务显示数据如下：”。 6.添加Web引用。在“解决方案资源管理器“中选择该项目，并在右键菜单中选择“添加Web引用“，在弹出的对话框的地址栏中填上Web服务的描述的地址URL ：http:/localhost/TestService1/Service1.Asmx,7.在Page_Load事件中添加代码： Dim d1 As localhost.Service1=new localhost.service1 '引用Web服务中的类 Dim dd As DataSet '定义一个数据集 D2=d1.data(“xkxt.mdb”,”student”,”select * from student”) '得到远程数据库中的数据集 Datagrid1.datAsource=dd.tables(“student”).defaultview Datagrid1.databind() '通过DataGrid1控件来显示远程数据库中的所有记录 按F5运行程序，效果如图108所示。,10.4 思考与创新,至此，一个一个可以动态访问数据库的Web服务程序完成。大家可以根据所学数据库访问知识来添加在Web服务程序中动态的操作数据库的功能，例如动态的插入、删除、更新数据等。,习题10：,什么是WEB 服务？ 用于访问WEB服务的协议有那些？ WEB服务可分为哪几类？ 如何添加一个WEB引用？ SOAP协议的全称是什么？ 什么是Web 服务器控件？ URL代表什么？ 编写一个计算器的web应用程序。 编写一个简单的web应用程序，能够提供简单的数据库操作。 建立一个学生数据库，包括成绩表。编写一个简单的web应用程序，能够提供学生成绩查询服务。,
