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

第10章使用Web窗体建立Web应用程序 本章要点 WEB服务的基本概念WEB窗体的使用WEB应用程序 第10章使用Web窗体建立Web应用程序 10 1Web应用程序概述10 2使用Web窗体10 3建立Web服务程序10 4思考与创新 10 1Web应用程序概述 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 OrientedWebService 该类服务针对的是那些面向企业的应用服务 包括企业内部的ERP系统 企业间的SCM CRM等系统 当这些系统以Web服务的形式在网络 Internet或Intranet 中出现时 企业内的应用集成将更为容易 而且众多企业间合作伙伴的系统对接也将成为可能 目前现有的解决方案和产品的提供商有Bowstreet Epicentric WebMethods等 2 面向消费者的Web服务 Con sumer OrientedWebService 此类服务针对的是那些原先的B2C网站的改造 为面向浏览者的Web应用增加 注意是增加 了Web服务的应用接口 使得第三方的桌面工具或自身提供增值的桌面工具能够通过更优秀的用户界面提供跨越多个B2C服务的桌面服务 这将使得用户使用Internet更为方便 从而获得更便捷的服务 比如我们完全可以在个人理财桌面系统中集成 调用 Internet上的股票询价和机票预定Web服务 使得个人理财应用的自动化程度更高 3 面向设备的Web服务 Device OrientedWebService 此类服务的使用终端一般是手持设备和日用家电 对于前者而言 可以在不用修改网络服务的体系架构前提下 令先前的网络服务支持除PC以外的各种终端 比如Palm PocketPC 手机等 如此 那些天气预报服务 Email服务 主动信息服务等将更为有效和便捷 对于后者 则可能是一个市场的启动期 有了Web服务作为基础框架 智能型的日用家电将真正获得标准的支持 从而有了广泛使用的可能 4 面向系统的Web服务 System OrientedWebService 该类是指一些传统意义上的系统服务 比如用户权限认证 系统监控等 如果这些传统服务被迁移到Internet上 或者企业内部的Intranet上 其作用范围将从单个系统或局部网络拓展到整个企业网络或整个Internet 这样 基于同一系统服务的不同应用将得以在整个Internet环境中部署 譬如跨国企业的所有在线服务可以使用同一个用户权限认证Web服务 10 2使用Web窗体 当创建一个Web项目时 VisualStudio会在目标Web服务器上构造一个Web应用程序目录结构 并在本地计算机上构造一个项目结构 生成如表10 1显示的文件 例 设计如图10 1所示程序 1 打开VS NET 新建一个项目 在项目类型中选择 VisualBasic项目 在模板中选择 ASP NETWEB应用程序 单击确定 如图10 2所示 2 从工具箱的 HTML 选项卡中 将一个Label控件拖到页上 放置该控件并根据要输入的文本调整其大小 单击该标签将其选中 然后再次单击它 缓慢地进行此操作 以确保您不是双击该元素 该标签进入文本编辑模式 表现为带阴影的边框 键入所需的静态文本 例如 键入 示例Web窗体页 选择该文本 然后使用 格式 工具栏上的工具设置文本的块格式 字体 大小等 3 将TextFiled控件添加到Web窗体页单击底部的 设计 选项卡切换到 设计 视图 从工具箱的 HTML 选项卡中 将一个TextField元素拖到页上 右击该元素并选择 作为服务器控件运行 将该HTML文本元素转换为服务器控件 4 从工具箱的 Web窗体 选项卡 而不是 HTML 选项卡 将一个ButtonWeb服务器控件拖到页上 双击按钮 在Button1的Click事件过程中添加以下代码 Text1 Value Hello WebForms 5 在解决方案资源管理器中 右击WebForm1 Aspx页 然后选择 在浏览器中查看 VisualStudio编译该页并将其显示在 浏览 选项卡中 在Web窗体页上单击该按钮 文本 Hello WebForms 就会出现在文本框中 10 3建立Web服务程序 例 用VB NET创建一个ASP NETWEB服务页面 提供一个Data 方法来访问本地数据库 返回一个数据集 然后创建一个ASP NETWEB应用程序页面 用来调用Web服务中的Data 方法 同时通过DAtaGrid空件显示出数据库中的信息 设计步骤 1 打开VS net 新建一个项目 在项目类型中选择 VisualBasic项目 在模板中选择 ASP NETWEB服务 2 为WEB窗体添加三个数据库组件 Oledbconnection OledbCommand和OledbDataAdapter 然后在程序中动态的设置它们的属性 填入代码如下 PublicFunctionData ByValPathAsString ByValTNameAsString ByValSQLAsString AsDataSet Path参数是数据库的路径 TName参数是数据表 SQL是用户输入的查询参数DimdsAsDataSet NewDataSet 建立一个新的数据集DimConnStrAsStringConnStr Provider Microsoft Jet OLEDB 4 0 DataSource Server MapPath Path 数据库链接字符串OleDbConnection1 NewSystem Data OleDb OleDbConnection ConnStr 建立到数据库的链接OleDbDataAdapter1 NewSystem Data OleDb OleDbDataAdapter SQL OleDbConnection1 OleDbDataAdapter1 Fill ds TName 配置数据适配器Data ds 返回数据集EndFunction 3 运行程序 按F5键运行程序 效果如图10 4所示 4 建立ASP NETWEB应用程序即调用服务的页面 打开VS NET 新建一个项目 在项目类型中选择 VisualBasic项目 在模板中选择 ASP NETWEB应用程序 单击确认按钮后会出现如图10 7所示窗口 5 添加一个Label控件和一个DAtaGrid控件 Label控件中的Text属性设为 调用web服务显示数据如下 6 添加Web引用 在 解决方案资源管理器 中选择该项目 并在右键菜单中选择 添加Web引用 在弹出的对话框的地址栏中填上Web服务的描述的地址URL http localhost TestService1 Service1 Asmx 7 在Page Load事件中添加代码 Dimd1Aslocalhost Service1 newlocalhost service1 引用Web服务中的类DimddAsDataSet 定义一个数据集D2 d1 data xkxt mdb student select fromstudent 得到远程数据库中的数据集Datagrid1 datAsource dd tables student defaultviewDatagrid1 databind 通过DataGrid1控件来显示远程数据库中的所有记录按F5运行程序 效果如图10 8所示 10 4思考与创新 至此 一个一个可以动态访问数据库的Web服务程序完成 大家可以根据所学数据库访问知识来添加在Web服务程序中动态的操作数据库的功能 例如动态的插入