怎样浅谈JSF和Dojo小部件

这篇文章给大家介绍怎样浅谈JSF和Dojo小部件，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

作为一种 Web 框架，JavaServer Faces (JSF) 提供了端到端的生命周期管理和具有完整事件处理和数据绑定的丰富组件模型。Dojo 是一种十分流行的 Asynchronous JavaScript + XML (Ajax) 库，可为 Web2.0 应用程序提供丰富的小部件和美妙效果。借助 JSF 和 Dojo 技术，您就可以通过在服务器端使用 JSF 集成特性、在客户机端使用 Dojo 用户界面创建一种更好的用户体验。本文介绍了这一过程并向您展示了如何能轻松构建 Web 应用程序来为您的用户提供更好的用户体验。

简介

JSF 是一种流行的 Web 框架、相当稳定并已被广泛应用于 Java™ Platform, Enterprise Edition (Java EE) 领域。Dojo 是一种功能最为强大的 Web 2.0 库之一，可用来为您的 Web 应用程序创建丰富的界面。

通过综合使用这两种技术，您就能享受到两种技术的好处。在服务器端，好处体现在对组件端对端的生命周期管理、后端 bean 数据捆绑和事件处理。在客户机端，您将能利用 Dojo 的丰富小部件、实时动画（比如淡出和滑变效果）以及拖放功能。此外，借助 Dojo 框架的 API 支持，您还能通过将更多的逻辑放在客户机端提高性能。

如下所示的是利用 JSF 和 Dojo 技术的方式：
◆延迟捆绑 JSF 组件和客户机端的 Dojo小部件
◆构建一个定制的 JSF 组件来启用 Dojo小部件
◆对 JSF 组件进行延缓注入和解析为 Dojo小部件

下面的示例 JSF 应用程序由两个页面组成：Create Project 和 Project result。图 1 和图 2 展示了这两个页面。为了方便理解，图中所示的这些示例将用在描述的所有方式当中以便展示如何综合 Dojo 和一个 JSF 应用程序

方式 1：延迟捆绑 JSF 组件和客户机端的 Dojo小部件

这种方式是一种最简单的将 Dojo 样式应用到 JSF 组件的方式。我们只需使用 JavaScript 来绑定 JSF 组件和客户机端的 Dojo小部件。通过使用 JavaScript，数据就可被传递并能在 JSF 组件和 Dojo小部件间保持一致。

方式 2：构建定制 JSF 组件来启用 Dojo小部件

JSF 是一种功能强大的 Web 框架。它不仅为 Web 应用程序提供了标准的用户界面组件，它还是一种非常灵活的 API，允许用户定制。在本节中，我们将介绍如何开发综合了 Dojo 样式的定制 JSF 组件。

通常，JSF 组件将包含如下部分：
◆UIComponent Class：该类获取自 UIComponentBase 或其他已有的 JSF 组件，比如 outputText。这个类代表的是整个 JSF 组件的核心逻辑。
◆Render Class：该类用来呈现组件。通常，它负责处理如何生成要呈现的 HTML 代码，所以它是本节的关键所在。我们需要更改这个类并让其生成 Dojo 样式的 HTML 代码。
◆UI Component Tag Class：它是一个 JSP 标记处理程序类，能让 UI Component 用于 JSP 页面。它还能关联一个单独的呈现类和一个 UIComponent 类。
◆Tag Library Descriptor File：这是一个标准的 JavaEE JSP 标记库描述符（tld）文件，能关联标记处理程序类与 JSP 页面内的一个可用标记。

我们将继续以创建项目的场景为例来展示如何创建一个具备 dojo 验证功能的输入文本 JSF 组件。

关于怎样浅谈JSF和Dojo小部件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。