第三讲几种应用框架简介.ppt

几种应用框架简介 AJAX技术 AJAX--“Asynchronous JavaScript and XML”（异步JavaScript和XML）， 是指一种创建交互式网页应用的网页开发技术。 Ajax（Asynchronous JavaScript + XML）的定义基于web标准（standards-based presentation）XHTML+CSS的表示； 它有机地包含了以下几种技术： AJAX技术基础 使用 DOM（Document Object Model）进行动态显示及交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript 将所有的东西绑定在一起。 类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。 AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。 与传统的web应用比较 传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。 与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。 基于Ajax的应用程序架构 浏览器端框架被划分成两大类： ·应用程序框架：提供浏览器的功能，但是常以包括窗口小部件抽象和另外的部件而出名，其功能主要围绕桌面GUI框架。 ·基本结构框架：提供基本的管道和可移植的浏览器抽象，让开发者去创建内容。典型的功能： 针对XMLHttpRequest的包装器以封装浏览器-服务器的交互。(所有的框架都提供这一功能)。 XML操作和查询。 根据来自XMLHttpRequest的应答执行DOM操作。 在一些情况中，与另外的浏览器端技术如Flash(和潜在的Java applets)集成在一起。 基于Ajax的应用程序架构 而服务器端框架通常以下面两种方式工作(尽管它们在这里根据语言的不同进行了分类)： HTML/JS生成：服务器提供完整的HTML/Javascript代码生成和浏览器-服务器协调，结果是只有浏览器端编码可以被定制。 远程调用：Javascript调用直接被路由到服务器端功能(例如Java方法)并返回到Javascript回叫处理器；或者Javascript调用服务器以提取信息，例如会话细节，数据库查询等。 Ajax的应用程序框架 纯Javascript：应用程序框架 通过强力联合DHTML，JavaScript，CSS和XML等技术，能生成高度交互的互联网应用程序-成为现代的桌面应用程序的强有力对手。 应用程序不要求下载和也不需要在用户端安装 仅要求有一个浏览器(也不需要Java，Flash或者ActiveX)。 一套完整的窗口系统，提供宽范围的窗口小部件支持，包括菜单、表单、格子、滑动条、量程．．． Bindows BackBase DOJO Open Rico qooxdoo Tibet Ajax的应用程序框架 服务器端：多种语言 跨平台异步的接口工具箱 支持PHP和ASP/Vbscript的Ajax实现和JSRS(JavaScript远程脚本)实现。 提供需求的代码在后台实现AJAX和JSRS 返回的数据以JavaScript形式在前台操作，格式化和显示。 支持远程脚本和XML、支持本地和远程函数 单个或者多个XMLHTTP对象 以文本或者JavaScript XML/DOM文档对象方式返回后台数据 CPAINT SAJAX Javascipt对象标志(JSON)和JSON-RPC Javascript远程脚本 Ajax的应用程序框架 服务器端：Java 客户系统提供一简单的在线api来绑定到并调用任何Java对象，XML Web服务或者EJB上的