﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-清睛仪明-文章分类-JSF</title><link>http://www.blogjava.net/msmary/category/26598.html</link><description>书山有路勤为径，学海无涯苦作舟</description><language>zh-cn</language><lastBuildDate>Tue, 16 Oct 2007 20:42:09 GMT</lastBuildDate><pubDate>Tue, 16 Oct 2007 20:42:09 GMT</pubDate><ttl>60</ttl><item><title>Javaserver Faces 简介(JSF)(转)</title><link>http://www.blogjava.net/msmary/articles/153417.html</link><dc:creator>谭明</dc:creator><author>谭明</author><pubDate>Tue, 16 Oct 2007 17:01:00 GMT</pubDate><guid>http://www.blogjava.net/msmary/articles/153417.html</guid><wfw:comment>http://www.blogjava.net/msmary/comments/153417.html</wfw:comment><comments>http://www.blogjava.net/msmary/articles/153417.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/msmary/comments/commentRss/153417.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/msmary/services/trackbacks/153417.html</trackback:ping><description><![CDATA[<h2>什么是 JSF？</h2>
<p>JavaServer Faces (JSF) 是一种用于构建 Web 应用程序的新标准 Java 框架。它提供了一种以组件为中心来开发 Java Web 用户界面的方法，从而简化了开发。JavaServer Faces 还引起了广大 Java/Web 开发人员的兴趣。&#8220;企业开发人员&#8221;和 Web 设计人员将发现 JSF 开发可以简单到只需将用户界面 (UI) 组件拖放到页面上，而&#8220;系统开发人员&#8221;将发现丰富而强健的 JSF API 为他们提供了无与伦比的功能和编程灵活性。JSF 还通过将良好构建的模型-视图-控制器 (MVC) 设计模式集成到它的体系结构中，确保了应用程序具有更高的可维护性。最后，由于 JSF 是通过 Java Community Process (JCP) 开发的一种 Java 标准，因此开发工具供应商完全能够为 JavaServer Faces 提供易于使用的、高效的可视化开发环境。</p>
<h2>JSF 体系结构</h2>
<h3>JavaServer Faces 的 MVC 实现</h3>
<p>JSF 的主要优势之一就是它既是 Java Web 用户界面标准又是严格遵循模型-视图－控制器 (MVC) 设计模式的框架。用户界面代码（<strong>视图</strong>）与应用程序数据和逻辑（<strong>模型</strong>）的清晰分离使 JSF 应用程序更易于管理。为了准备提供页面对应用程序数据访问的 JSF 上下文和防止对页面未授权或不正确的访问，所有与应用程序的用户交互均由一个前端&#8220;Faces&#8221;servlet（<strong>控制器</strong>）来处理。 </p>
<p><img height="250" src="http://www.oracle.com/technology/tech/java/newsletter/articles/introjsf/mvc.jpg" width="520"  alt="" /></p>
<p>图 1：JavaServer Faces 的 MVC 实现</p>
<h4>JSF 生命周期</h4>
<p>Faces Controller servlet 充当用户和 JSF 应用程序之间的纽带。它在明确限定的 <strong>JSF 生命周期</strong>（规定了用户请求之间的整个事件流）的范围内工作。例如，一收到访问 JSF 应用程序的初始 Web 请求，Faces Controller servlet 便通过首先准备 JSF 上下文（存放所有应用程序数据的一个 Java 对象）来处理请求。然后控制器把用户指引到所请求的页面。该页面通常使用简单的表达式语言来处理来自 JSF 上下文的应用程序数据。一收到后续请求，控制器就更新所有模型数据（假设输入了新数据）。JSF 开发人员可以通过编程的方式在应用程序运行期间随时访问整个 JSF 生命周期，从而可以随时对应用程序的行为进行高度控制。</p>
<h3>JavaServer Faces 的用户界面组件</h3>
<p>JavaServer Faces 的真正威力在于它的用户界面组件模型。在该模型中，应用程序完全用组件集合构建，这些组件可以针对多种客户端类型用不同的方式来进行显示。与其他专有技术（如 ASP.Net）有点类似，JSF 的 UI 组件模型技术使开发人员能够使用预先构建的用户界面 (UI) 组件来构建 Web 用户界面（而非完全从头构建用户界面），从而提供了前所未有的开发效率。JSF UI 组件有多种形式，可以简单到只是显示文本的 <strong>outputLabel</strong>，或者复杂到可以表示来自数据集合（如数据库表）的表格化数据的 <strong>dataTable</strong>。 </p>
<p>JavaServer Faces 规范在其参考实施中提供了一组基本 UI 组件，这些组件本身是非常有用的。它们包括两个组件库，即&#8220;HTML&#8221;组件库 — 它大部分映射了标准的 HTML 输入元素；以及&#8220;核心&#8221;库 — 它辅助常见的应用程序开发任务（如，国际化和验证/转换输入数据）。除了提供一个基本 UI 组件库之外，JSF API 还提供了扩展和创建定制 JSF UI 组件的功能，从而在基本组件之上提供更多功能。</p>
<h3>其他用户界面组件库</h3>
<p>由于 JSF API 的丰富性和灵活性，许多 Java 开发人员开始创建新的 JSF 组件库和实现。Oracle 的 <strong>ADF Faces</strong> 是一个完全符合 JSF 规范的组件库，它为 JSF 应用程序开发提供了一组广泛的增强 UI 组件。这些组件包括针对每种客户端类型的多种呈现器、高级表格、颜色和日期选择器以及大量通用组件（如菜单、命令按钮、转移选择器和进度指示计）。 </p>
<p><img height="442" src="http://www.oracle.com/technology/tech/java/newsletter/articles/introjsf/UIcomps.jpg" width="450"  alt="" /></p>
<p>图 2：Oracle 的 ADF Faces JSF UI 组件</p>
<p>除了 Oracle 的 ADF Faces 之外，还有其他新的 JSF 组件库开始从开放源代码社区和软件供应商社区中出现。<strong>MyFaces</strong> 就是一个新 JSF UI 组件库的例子，它通过 Apache 作为一个开放源代码项目提供的。Myfaces 还是对 JSF 基本 UI 组件的增强，它拥有更广泛的 UI 功能，如集成的 Tiles 支持、支持 Javascript 的菜单和树控件。</p>
<p><img height="368" src="http://www.oracle.com/technology/tech/java/newsletter/articles/introjsf/myfaces-sm.jpg" width="460"  alt="" /></p>
<p>图 3：开放源代码的 MyFaces 实现和 UI 组件库</p>
<h3>JSF UI 组件的可插入呈现技术</h3>
<p>JSF UI 组件技术最引人注目一个方面就是它的可插入呈现功能。JSF UI 组件能够根据查看组件的客户端的类型来以不同方式呈现自身。例如，HTML 浏览器将看到特定 UI 组件的&#8220;HTML 浏览器友好&#8221;版本，而支持无线或 WAP 的微型设备将看到<strong>同一</strong> UI 组件的&#8220;WML 友好&#8221;版本！JSF 通过解除 UI 组件与其呈现逻辑之间的耦合从而能够为同一 UI 组件创建多个呈现器实现了这一功能。不同的呈现器可以与 UI 组件相关联，在运行时 UI 组件可以根据请求的客户端类型决定使用哪个呈现器。</p>
<p><img height="331" src="http://www.oracle.com/technology/tech/java/newsletter/articles/introjsf/pluggable2.jpg" width="600"  alt="" /></p>
<p>图 5：一个 ADF Faces 表格组件针对无线客户端和 HTML 客户端进行了不同的呈现</p>
<p>还应当指出的是，由于 JSF 的可插入呈现功能，使得 JSF UI 组件能够显示任何类型的数据，无论它是标记数据（如 HTML、XML、WML 等）还是二进制数据。例如，UI 组件还可以显示二进制数据，如图像流或不同的文档类型，如 SVG、PDF 和 Word。</p>
<h3></h3>
<h3>一个新的 JSF 组件开发人员社区</h3>
<p>随着 JSF 开发人员和拥护者社区的不断壮大，现在有几个网站致力于进一步推动独立的 JSF 开发。<strong>JSFCentral</strong> 就是一个完全为 JSF 开发社区服务的新网站。它包含 JSF 技术信息、产品/组件信息以及大量与 JSF 相关的文章。 </p>
<p><img height="72" src="http://www.oracle.com/technology/tech/java/newsletter/articles/introjsf/jsf_logo.gif" width="246"  alt="" /></p>
<p>图 4：JSFCentral — 一个免费的 Javaserver Faces 社区</p>
<h5>（JSFCentral 的地址是：<a href="http://jsfcentral.com/" target="_blank">http://jsfcentral.com</a>）</h5>
<h3>JSF 开发工具</h3>
<p>因为 JavaServer Faces 是一种标准的 Java 技术，因此软件开发工具完全能够为 JavaServer Faces 提供高级的集成开发工具支持。多个供应商现在不同程度地支持 JSF 开发，这大大提高了 JSF 的易用性和功能。Oracle、Sun、Borland 和 IBM 都为 JavaServer Faces 提供了开发环境。由于开发工具供应商在竞相提供更好、更简单和更多的开发环境，因此基于 IDE 的 JSF 开发拥有美好的前景！</p>
<p><img height="300" src="http://www.oracle.com/technology/tech/java/newsletter/articles/introjsf/JSF_IDE.jpg" width="600"  alt="" /></p>
<p>图 6：Oracle 的 JDeveloper 提供高效、可视化的 JSF 开发体验</p>
<h2>总结</h2>
<p>JavaServer Faces 通过提供模型-视图-控制器设计模式的一个简洁实现，同时在不牺牲开发能力和灵活性的前提下提供高效的以组件为中心的开发，解决了 Java Web 开发的许多历史问题。此外，因为 JSF 是一种 Java 标准，因此多个软件供应商将继续提供始终高效的开发环境，这些开发环境毫无疑问将达到或很可能超过专有的可视化开发环境。请继续关注！</p>
<img src ="http://www.blogjava.net/msmary/aggbug/153417.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/msmary/" target="_blank">谭明</a> 2007-10-17 01:01 <a href="http://www.blogjava.net/msmary/articles/153417.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>