使用Web窗体建立Web应用程序

1、使用Web窗体建立Web应用程序第第10章章 使用使用Web窗体建立窗体建立Web应用程序应用程序 本章要点本章要点: WEB服务的基本概念 WEB窗体的使用 WEB应用程序使用Web窗体建立Web应用程序第第10章章 使用使用Web窗体建立窗体建立Web应用程序应用程序10.1 Web 应用程序概述应用程序概述10.2 使用使用Web窗体窗体10.3 建立建立Web服务程序服务程序10.4 思考与创新思考与创新使用Web窗体建立Web应用程序10.1 Web 应用程序概述应用程序概述 Web服务依赖于XML格式的消息来发送数据和接收命令。Web服务支持三种与客户交互的协议:HTTP-GET、

2、HTTP-POST、和SOAP。 HTTP-GET是一种让客户能够通过HTTP与服务器通信的标准协议。可将HTTP-GET操作看做是客户从web服务器那里获得网页,即客户向web站点的URL发送HTTP请求而Web站点使用相应的HTML应答。使用Web窗体建立Web应用程序 HTTP-POST该协议类似于HTTP-GET,最常用于HTML表单设计。用来向客户发送一个包含消息的HTTP请求信息,其中包括参数及其值。 SOAP是一种简单对象访问协议,它使客户和服务器能够相互发送数据。SOAP依赖于XML来转发信息,而不使用HTTP请求信息,所以能够发送更为复杂的对象。使用Web窗体建立Web应用程

3、序Web服务实施的领域可以分为四类 ：1. 面向商务的Web服务(Business -Oriented Web Service)。该类服务针对的是那些面向企业的应用服务，包括企业内部的ERP系统、企业间的SCM/CRM等系统。当这些系统以Web服务的形式在网络(Internet或Intranet)中出现时，企业内的应用集成将更为容易，而且众多企业间合作伙伴的系统对接也将成为可能。目前现有的解决方案和产品的提供商有Bowstreet、Epicentric、WebMethods等。 使用Web窗体建立Web应用程序 2.面向消费者的Web服务(Consumer-Oriented Web Servi

4、ce)。此类服务针对的是那些原先的B2C网站的改造，为面向浏览者的Web应用增加(注意是增加)了Web服务的应用接口，使得第三方的桌面工具或自身提供增值的桌面工具能够通过更优秀的用户界面提供跨越多个B2C服务的桌面服务。这将使得用户使用Internet更为方便，从而获得更便捷的服务。比如我们完全可以在个人理财桌面系统中集成(调用)Internet上的股票询价和机票预定Web服务，使得个人理财应用的自动化程度更高。 使用Web窗体建立Web应用程序 3. 面向设备的Web服务(Device-Oriented Web Service)。此类服务的使用终端一般是手持设备和日用家电。对于前者而言，可以

5、在不用修改网络服务的体系架构前提下，令先前的网络服务支持除PC以外的各种终端，比如Palm、PocketPC、手机等。如此，那些天气预报服务、Email服务、主动信息服务等将更为有效和便捷。对于后者，则可能是一个市场的启动期，有了Web服务作为基础框架，智能型的日用家电将真正获得标准的支持，从而有了广泛使用的可能。使用Web窗体建立Web应用程序 4. 面向系统的Web服务(System-Oriented Web Service)。该类是指一些传统意义上的系统服务，比如用户权限认证、系统监控等。如果这些传统服务被迁移到Internet上，或者企业内部的Intranet上，其作用范围将从单个系统

6、或局部网络拓展到整个企业网络或整个Internet。这样，基于同一系统服务的不同应用将得以在整个Internet环境中部署，譬如跨国企业的所有在线服务可以使用同一个用户权限认证Web服务。使用Web窗体建立Web应用程序10.2 使用使用Web窗体窗体 当创建一个 Web 项目时，Visual Studio 会在目标 Web 服务器上构造一个 Web 应用程序目录结构，并在本地计算机上构造一个项目结构。生成如表101显示的文件：使用Web窗体建立Web应用程序创建的文件创建的文件说明说明WebForm1.Aspx 和 WebForm1.Aspx.vb 文件 这两个文件组成一个 Web 窗体页。

7、.Aspx 文件包含 Web 窗体页的视觉元素（例如 HTML 元素和 Web 窗体控件）用来显示静态文本和控件。WebForm1.Aspx.vb 类文件是隐藏的，它是 WebForm1.Aspx 的依赖文件。它包含 Web 窗体页的代码隐藏类，此类包含事件处理程序代码及类似的内容。AssemblyInfo.vb项目信息文件（AssemblyInfo.vb 文件），包含有关项目中的程序集的元数据（如名称、版本和区域性信息）。Web.config基于 XML 的文件，包含有关项目中使用的每个唯一 URL 资源的配置数据。 Global.Asax 和 Global.vb 或 Global.cs 文

8、件用于处理应用程序级事件的可选文件。该文件驻留在 应用程序的根目录下。Global.vb 类文件是隐藏的，它是 Global.Asax 的依赖文件。它包含处理应用程序事件（如 Application_OnError 事件）的代码。运行时分析并编译该文件。Styles.css要在项目中使用的级联样式表文件。使用Web窗体建立Web应用程序 例：设计如图101所示程序。 使用Web窗体建立Web应用程序1.打开VS.NET，新建一个项目，在项目类型中选择Visual Basic项目，在模板中选择 WEB应用程序单击确定。如图102所示。使用Web窗体建立Web应用程序2.从工具箱的“HTML”选项

9、卡中，将一个 Label 控件拖到页上。放置该控件并根据要输入的文本调整其大小。单击该标签将其选中，然后再次单击它。（缓慢地进行此操作，以确保您不是双击该元素。） 该标签进入文本编辑模式，表现为带阴影的边框。 键入所需的静态文本。例如，键入“示例 Web 窗体页”。 选择该文本，然后使用“格式”工具栏上的工具设置文本的块格式、字体、大小等。 使用Web窗体建立Web应用程序3.将TextFiled控件添加到 Web 窗体页单击底部的“设计”选项卡切换到“设计”视图。 从工具箱的“HTML”选项卡中，将一个 Text Field 元素拖到页上。右击该元素并选择“作为服务器控件运行”，将该 HTM

10、L 文本元素转换为服务器控件。使用Web窗体建立Web应用程序4.从工具箱的“Web 窗体”选项卡（而不是“HTML”选项卡），将一个 Button Web 服务器控件拖到页上。 双击按钮，在Button1的Click事件过程中添加以下代码：Text1.Value = Hello, Web Forms!5.在解决方案资源管理器中，右击 WebForm1.Aspx 页，然后选择“在浏览器中查看”。 Visual Studio 编译该页并将其显示在“浏览”选项卡中。 在 Web 窗体页上单击该按钮。 文本“Hello, Web Forms!”就会出现在文本框中。 使用Web窗体建立Web应用程序1

11、0.3 建立建立Web服务程序服务程序例:用VB.NET创建一个 WEB服务页面，提供一个Data()方法来访问本地数据库，返回一个数据集。然后创建一个 WEB应用程序页面，用来调用Web服务中的Data（）方法，同时通过DAtaGrid空件显示出数据库中的信息 .使用Web窗体建立Web应用程序设计步骤：1.打开VS.net，新建一个项目，在项目类型中选择Visual Basic项目，在模板中选择 WEB服务2.为WEB窗体添加三个数据库组件：Oledbconnection,OledbCommand和OledbDataAdapter，然后在程序中动态的设置它们的属性。填入代码如下：使用Web

12、窗体建立Web应用程序 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) 数据

13、库链接字符串 OleDbConnection1 = New System.Data.OleDb.OleDbConnection(ConnStr)使用Web窗体建立Web应用程序 建立到数据库的链接 OleDbDataAdapter1 = New System.Data.OleDb.OleDbDataAdapter(SQL, OleDbConnection1) OleDbDataAdapter1.Fill(ds, TName) 配置数据适配器 Data = ds 返回数据集 End Function使用Web窗体建立Web应用程序 3.运行程序。按F5键运行程序，效果如图104所示。使用Web窗

14、体建立Web应用程序4.建立 WEB应用程序即调用服务的页面。打开VS.NET，新建一个项目，在项目类型中选择Visual Basic项目，在模板中选择 WEB应用程序，单击确认按钮后会出现如图107所示窗口使用Web窗体建立Web应用程序5.添加一个Label控件和一个DAtaGrid控件，Label控件中的Text属性设为：“调用web服务显示数据如下：”。6.添加Web引用。在解决方案资源管理器中选择该项目，并在右键菜单中选择添加Web引用，在弹出的对话框的地址栏中填上Web服务的描述的地址URL ：使用Web窗体建立Web应用程序7.在Page_Load事件中添加代码：Dim d1 A

15、s localhost.Service1=new localhost.service1引用Web服务中的类Dim dd As DataSet定义一个数据集D2=d1.data(“xkxt.mdb”,”student”,”select * from student”)得到远程数据库中的数据集 Datagrid1.datAsource=dd.tables(“student”).defaultviewDatagrid1.databind() 通过DataGrid1控件来显示远程数据库中的所有记录按F5运行程序，效果如图108所示。使用Web窗体建立Web应用程序使用Web窗体建立Web应用程序10.4 思考与创新思考与创新 至此，一个一个可以动态访问数据库的Web服务程序完成。大家可以根据所学数据库访