以文本方式查看主题 -  曙海教育集团论坛  (http://peixun0.cn/bbs/index.asp) --  JAVA语言开发  (http://peixun0.cn/bbs/list.asp?boardid=64) ----  面向 Ajax 和 Web 应用程序开发的新技术  (http://peixun0.cn/bbs/dispbbs.asp?boardid=64&id=2491)

--  作者：wangxinxin --  发布时间：2010-12-11 10:32:20 --  面向 Ajax 和 Web 应用程序开发的新技术 以下内容含脚本,或可能导致页面不正常的代码 <div>面向 Ajax 和 Web 应用程序开发的新技术：项目 jMaki、项目 Dynamic Faces 和项目 Phobos <div> <div> <table cellspacing="0" cellpadding="0" summary="layout"> <tbody> <tr> <td><a title="Email this="this" page="page" to="to" a="a" friend" href="mailto:?subject=Sun%20Web%20Page:%20Sun%E4%B8%AD%E5%9B%BD%E6%8A%80%E6%9C%AF%E7%A4%BE%E5%8C%BA-%20Sun%20Developer%20Network%20(SDN)%20Home&amp;body=Check%20out%20this%20page%20on%20sun.com:%20%0A%0Ahttp%3A%2F%2Fdevelopers.sun.com.cn%2FJava%2Fwebapp_1.html"></a></td> <td><a title="See who="who" links="links" to="to" this="this" page="page" on="on" Technorati" href="http://www.technorati.com/search/http%3A%2F%2Fdevelopers.sun.com.cn%2FJava%2Fwebapp_1.html"></a></td> <td><a title="Bookmark this="this" page="page" in="in" del.icio.us" href="http://del.icio.us/post?v=4;url=http%3A%2F%2Fdevelopers.sun.com.cn%2FJava%2Fwebapp_1.html;title=Sun%E4%B8%AD%E5%9B%BD%E6%8A%80%E6%9C%AF%E7%A4%BE%E5%8C%BA-%20Sun%20Developer%20Network%20(SDN)%20Home"></a></td> <td><a title="Submit this="this" page="page" to="to" Digg" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fdevelopers.sun.com.cn%2FJava%2Fwebapp_1.html&amp;title=Sun%E4%B8%AD%E5%9B%BD%E6%8A%80%E6%9C%AF%E7%A4%BE%E5%8C%BA-%20Sun%20Developer%20Network%20(SDN)%20Home"></a></td> <td><a title="Submit this="this" page="page" to="to" Slashdot" href="http://slashdot.org/bookmark.pl?title=Sun%E4%B8%AD%E5%9B%BD%E6%8A%80%E6%9C%AF%E7%A4%BE%E5%8C%BA-%20Sun%20Developer%20Network%20(SDN)%20Home&amp;url=http%3A%2F%2Fdevelopers.sun.com.cn%2FJava%2Fwebapp_1.html"></a></td> <td><a title="Show available="available" feeds" href="http://developers.sun.com.cn/Java/webapp_1.html#"></a></td></tr></tbody></table></div></div></div> 本系列文章介绍能简化交互性和动态 Web 应用程序开发的新项目。本文是系列文章的第一部分。项目 jMaki 和项目 Dynamic Faces 可以轻松地将 <a href="http://developers.sun.com/ajax/index.jsp">Ajax</a> 功能添加到您的 Web 应用程序中，这是一项由 Ajax 等众多新兴技术构成的技术。Phobos 项目允许您使用脚本语言开发 Web 应用程序，这种方式可以提高开发速度。 <div><strong>满足交互性和动态 Web 应用程序的需求</strong></div> <div> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td><img title="面向 <wbr/>Ajax <wbr>和 <wbr>Web <wbr>应用程序开发的新技术" height=4 alt=" " src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif" width=1 border=0 real_src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif"></td></tr></tbody></table></div> 我们都熟悉如何使用传统的 Web 应用程序：输入数据，单击按钮，然后等待运行结果。目前，Web 站点的用户再也不愿意接受工作流中的这种中断。他们期望 Web 应用程序与他们一起协同工作，并能对他们的任何操作立即做出响应。 一直以来，Web 应用程序开发人员都在尝试尽快满足交互性和动态 Web 应用程序的这种新需求。其中许多人使用 Ajax 来实现这一目标。Ajax 技术使用 <a href="http://java.sun.com/javascript/index.jsp">JavaScript 技术</a> 来响应用户对部件的操作。该技术使用 <code>XMLHttpRequest</code> 对象在客户机和服务器之间异步交换 XML 数据，并异步更新部分 HTML 文档对象模型（Document Object Model，DOM），后者将使用 XML 表示页面。如果您对 Ajax 还不熟悉，请阅读 <a href="http://java.sun.com/developer/technicalArticles/J2EE/AJAX/">Greg Murray 撰写的《Ajax 简介》</a>。 当然，您确实需要在服务器上提供一些内容来处理传入 <code>XMLHttpRequest</code>，获取 XML 数据并将其返回给客户机。对于任何 Web 应用程序，它都必须能够处理转换、验证、数据持久性和导航。仅仅在 Web 应用程序中应用一些 Ajax 技术是远远不够的。您必须确保能够做出正确决策并遵循所推荐的设计模式。 即使您不遵循所推荐的做法，您也能够构建一个初步看起来不错的 web 应用程序。但是构建较差的应用程序很快就会显示出维护和可伸缩性方面的问题。 借助 Ajax，您可以决定哪些工具和技术适用于开发支持 Ajax 的应用程序。运行 Ajax 应用程序只需要一个支持 JavaScript 技术的浏览器，目前所使用的大多数浏览器都支持 JavaScript 技术。要开发支持 Ajax 的 Web 应用程序，您可使用 <a href="http://java.sun.com/javaee/sdk/">Java Platform, Enterprise Edition (Java EE)</a>、其他一些开发平台或者许多脚本语言中的一种。您甚至可以在 Java EE 平台中使用脚本语言。我们先比较一下 Java EE 平台和脚本语言的优点，以及一起使用它们的好处。 <div><strong>Java EE 平台和 Ajax</strong></div> <div> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td><img title="面向 <wbr/>Ajax <wbr>和 <wbr>Web <wbr>应用程序开发的新技术" height=4 alt=" " src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif" width=1 border=0 real_src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif"></td></tr></tbody></table></div> 使用 Java EE 平台工具和技术来构建支持 Ajax 的应用程序，您的应用程序将能访问整个 Java EE 平台栈，包括新的和已更新的 Web 服务和数据库访问技术。在栈的 Web 层，您可以使用 Servlets、<a href="http://java.sun.com/products/jsp/index.jsp">JavaServer Pages（JSP）技术</a> 和 <a href="http://java.sun.com/products/jsp/jstl/">Java 标准标记库（JSTL）</a>。您还可以使用 <a href="http://java.sun.com/javaee/javaserverfaces/index.jsp">JavaServer Faces 技术 1.2</a>，它是一个用于构建 Web 应用程序富用户界面（UI）的框架。它提供了一个复杂且可扩展的组件模型来处理事件、转换和验证数据，以及管理组件状态。此外，它还提供了一个导航模型（用于处理页面流）和一个托管 bean 工具（用于将组件绑定到 scoped bean）。 除了提供 Ajax 所需的额外服务器端功能，JavaServer Faces 技术还可以方便地将 Ajax 添加到应用程序中。您可以将 JavaScript 技术封装到 JavaServer Faces 组件内部，而不用将它直接嵌入到页面中，因此全面利用了 JavaServer Faces 组件模型为您提供的所有好处。 如果使用不带有 JavaServer Faces 技术的 JSP 技术，则可以使用自定义标记来封装 Ajax 功能。将 JSP 和 JavaServer Faces 技术与 Java EE 平台栈的其他部分耦合在一起，您就具备了所需要的各项事宜来构建支持 Ajax 的 Web 应用程序的服务器端。 <div><strong>使用面向 Web 应用程序开发的动态语言</strong></div> <div> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td><img title="面向 <wbr/>Ajax <wbr>和 <wbr>Web <wbr>应用程序开发的新技术" height=4 alt=" " src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif" width=1 border=0 real_src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif"></td></tr></tbody></table></div> 尽管 Java 编程语言拥有各种优点（其中，所有 Java EE 平台组件都是使用该语言编写的），但越来越多的人都愿意使用脚本语言，因为脚本语言拥有无法比拟的开发速度优势。当开发人员争相将 Ajax 功能添加到 Web 应用程序中时，他们不能忽视脚本语言所提供的开发速度优势。 脚本语言支持快速开发的特性之一就是 <a href="http://en.wikipedia.org/wiki/Dynamic_typing" target="_blank">动态类型</a>。由于脚本语言的动态类型特性，开发人员发现这种语言更适合于构建快速变化的系统、连接不同组件和扩展现有软件组件。由于这种动态类型特性，开发人员发现使用动态语言所编写的代码更少。 脚本语言的另一个特性就是不需要单独的编译步骤。这允许开发人员在不编译应用程序的情况下部署应用程序，并允许他们操作运行中的代码，而不需要重新部署。 如果您正在开发支持 Ajax 的应用程序，并且在服务器端使用 JavaScript 技术，那么还将拥有在客户机上和服务器上使用相同脚本语言的好处。而且，由于脚本语言更适合于连接和扩展现有组件，所以脚本可以很好地满足开发人员希望将 Ajax 添加到现有应用程序的需求。 <div><strong>最佳搭档：协同使用 Java EE 平台和动态语言</strong></div> <div> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td><img title="面向 <wbr/>Ajax <wbr>和 <wbr>Web <wbr>应用程序开发的新技术" height=4 alt=" " src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif" width=1 border=0 real_src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif"></td></tr></tbody></table></div> 尽管动态语言在一些情况下可以提供一些优势，但这是以其他方面的开销为代价的。由于其动态类型特性，开发人员在读取其他开发人员的脚本代码时会发现难以解码。在大多数情况下，您需要执行代码来了解它的具体信息。 另一个问题是，额外的运行时检查会降低执行速度，因为缺少捕获代码错误的编译步骤。更重要的是，在构建更加健壮的应用程序时，开发人员更愿意在编译期间捕获尽可能多的错误，而不是在运行过程中。这是 Java 等静态类型系统语言得以广泛流行的重要因素。 您可以使用 Java 编程语言编辑较少更改的应用程序部分，例如图形用户界面（GUI）组件；还可以编写与性能瓶颈相关的应用程序，例如执行复杂计算或者操作大量数据。此外，您还可以使用脚本语言来连接这部分应用程序。 <div><strong>Web 应用程序开发创新：jMaki、Dynamic Faces 和 Phobos</strong></div> <div> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td><img title="面向 <wbr/>Ajax <wbr>和 <wbr>Web <wbr>应用程序开发的新技术" height=4 alt=" " src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif" width=1 border=0 real_src="http://developers.sun.com.cn/export/sites/default/Java/webapp_1_files/a0000000.gif"></td></tr></tbody></table></div> Sun 正在开发一种新的框架，代号为 <a href="https://phobos.dev.java.net/" target="_blank">项目 Phobos</a>，它支持通过脚本语言来开发 Web 应用程序，而且还支持通过这些应用程序调用 Java EE 平台栈来处理更适合 Java 技术组件执行的那些任务。 Sun 还提供了两种新技术，用于简化将 Ajax 添加到应用程序的过程。这两项技术是 <a href="https://ajax.dev.java.net/" target="_blank">项目 jMaki</a> 和 <a href="https://jsf-extensions.dev.java.net/nonav/mvn/reference-ajax.html" target="_blank">项目 Dynamic Faces</a>。 jMaki 项目允许您将现有的支持 Ajax 的部件，例如 <a href="http://dojotoolkit.org/" target="_blank">Dojo 工具包</a> 或 <a href="http://widgets.yahoo.com/" target="_blank">Yahoo Widgets</a> 提供的部件，封装到 JavaServer Faces 组件或 JSP 标记处理程序中。 Dynamic Faces 扩展了 JavaServer Faces 1.2 运行时，以便将 JavaServer Faces 生命周期向 Web 浏览器公开，支持各种创新特性，例如通过使用 Ajax 呈现部分或完整页面，通过 JavaScript 技术调度真实 JavaServer Faces 技术事件，以及允许页面作者识别页面上哪些现有组件支持 Ajax。 本系列文章的第 1 部分详细介绍了 Phobos、jMaki 和 Dynamic Faces，以及如何在应用程序中使用它们。文章还向您展示了协同使用它们的方法。本系列的下一篇文章将介绍 jMaki 项目 说明：上面显示的是代码内容。您可以先检查过代码没问题，或修改之后再运行.