内容


IBM Rational Application Developer V9.0 Portal 工具包新特性

对 jQuery 工具、Maven 框架以及 Mac OS 的支持——以及简化的 Dojo 移动视图创建——最重要的一些改进

Comments

IBM® Rational® Application Developer 集成开发环境(Integrated Development Environment,IDE)包括了工具可以帮助您设计、开发、测试和部署可与 Java EE 框架集成的 portal 应用程序,包括了 JavaServer Faces (JSF) 技术。Rational Application Developer portal toolkit 则为集成了客户端 JavaScript 库的 portlet 项目提供了工具和特性,您可以使用它来在 IBM® WebSphere® Portal 或 IBM® WebSphere® Application Server 上发布、测试和调试您的应用程序。

新特性和增强特性的亮点

Rational Application Developer V9.0 增加的支持包括 Maven 框架、Apple Macintosh OS 操作系统以及 jQuery JavaScript 库(可以简化客户端 HTML 页面脚本编写)。支持 portlet 项目的 jQuery 工具包括了内容提示(content assist)、代码完成、视图(views)、palette 拖拽、向导(wizard)、编辑器(editor)以及自动化代码生成(automated code generation)。为了给移动设备创建 jQuery-enabled portlet,您现在可以在 Rational Application Developer 中使用 jQuery 移动小部件( mobile widget)。而在 portal 工具中支持的 Maven 可以帮助自动化 portal 应用程序开发的构建过程。

新增的面向 portlet 的 jQuery 支持

为了在创建 portlet 项目时获得更多新功能特性的好处,请访问 Web 2.0 Features 对话框,勾选 JavaScript toolkit 选项,并选择 jQuery 单选按钮,如图 1 所示:

图 1. 在 Web 2.0 Features 对话框中 jQuery toolkit 的设置
jQuery toolkit 设置
jQuery toolkit 设置

在 portlet 创建向导中选择 jQuery 来安装 jQuery on WebSphere Portal 到 portlet 项目的 Web 2.0 项目 facet。查看图 2:

图 2. 管理特性向导
Project facets 向导
Project facets 向导

由于已经在 portlet 项目中启用 jQuery facet,您可以通过展开感兴趣的小部件抽屉,来从 Palette 视图添加您想使用的 jQuery 移动小部件(mobile widget),如图 3 所示。您可以拖拽任意的 jQuery 移动小部件到相应的 portlet 设备或 tablet 视图的 JavaServer Pages (JSP) 文件中。

图 3. 添加 jQuery 移动小部件
jQuery 移动小部件的 Palette 视图
jQuery 移动小部件的 Palette 视图

当您创建一个 jQuery-enabled portlet 项目时,一个被命名为 PortaljQuery 的项目会被自动创建。复制诸如 JavaScript 或 Cascading Style Sheets (CSS) 文件(任意版本)等 jQuery 工件到这一项目中,以启用 jQuery 及 jQuery mobile 的支持。此外,jQuery 移动小部件随后就可以在 portlet 设备或 tablet JSP 页面中使用了。小部件 ID 会追加 <portlet:namespace/> 来避免 portlet 对象的命名空间冲突。

使用内容提示(content assist)

内容提示(content assist)可以在 portlet JSP 文件中提供 jQuery API。如图 4:

图 4. 在 jQuery-enabled portlet 项目中的内容提示
JavaScript 文件的内容提示
JavaScript 文件的内容提示

在 jQuery-enabled portlet 项目中的自动化代码生成

在一个 jQuery-enabled portlet 项目中,portlet 及 portletHelper JavaScript 文件可以自动化生成。此外,portlet object 可以实例化在 portlet JSP 文件中,可以访问 portlet JSP 页面中的 portlet 变量。

jQuery 移动视图(jQuery Mobile View)

您可以使用在 Mobile Navigation 视图中已有的 UI 模式来创建一个 jQuery Mobile Page。您无需从空白开始创建 UI;许多立即可用的模板可以用来添加常用的 UI。

选择诸如 AuthenticationConfigurationLists,以及 Navigation and Search 的模板。每一个模板都包含了多个可用的格式,并可以通过在 Property 视图中设置属性来进行定制化。查看图 5:

图 5. 创建一个 jQuery Mobile Page
Add jQuery 移动视图向导
Add jQuery 移动视图向导

创建一个 WebSphere Portal jQuery 主题概要文件(theme porfile)

正式地,为了对 WebSphere Portal 应用一个 jQuery profile,您需要复制 jQuery 工件到其中,创建一个模块(module),注册该模块,更新概要文件。Rational Application Developer portal toolkit 现在提供了一个新特性,可以通过一步单击操作自动化所有这些步骤。

一个新的选项已经被添加到 WebSphere Portal 的上下文菜单中,用于创建或更新一个 jQuery profile。如图 6 所示,通过使用在 PortaljQuery 项目中所存在的 jQuery 工件,您可以创建针对 jQuery 的主题模块(theme module)及概要文件(profile),并应用它们到 jQuery portlet 所部署的页面上:

图 6. 创建或更新一个 jQuery 主题概要文件(theme profile)
Server 上下文菜单的 jQuery theme profile 选项
Server 上下文菜单的 jQuery theme profile 选项

增强的 Dojo Mobile View 创建

创建 Dojo 移动视图(Dojo Mobile View)的功能已经通过提供诸如 AuthenticationConfigurationListsNavigation and Search 等 UI 模板得到了增强。您可以选择任意的 UI 模板来创建一个 Dojo Mobile View。查看图 7:

图 7.创建一个新的 Dojo Mobile View
添加 Dojo Mobile View 的向导
添加 Dojo Mobile View 的向导

集成的 Maven 支持

Maven 框架通过在一个常见灵活的系统中使用各种标准,自动化和简化了构建过程,使您可以学习一次便可跨多个项目进行部署。Maven 的 Project Object Model (POM) 机制为所有相关的项目提供了一个统一的构建系统。您可以从 POM 中抽取有用的信息来更好地控制项目,尤其在分布式开发环境中,集成 Maven 以及版本控制系统来管理发布。并且通过为项目构建基础设施提供统一性,Maven 通过协助您应用构建最佳实践提升了品质和生产力。

Rational Application Developer 引入了面向基于 Maven 的开发的工具支持。这一 portal toolkit 提供了:

  • 应用已有 portlet 项目成功经验的能力
  • 基于 Maven 面向 WebSphere Portal 的 IBM 部署插件(IBM deployment plugin)
  • 集成 portal JAR 文件与 pom.xml 的工具
  • 基于 Maven 面向 portlet 项目的 IBM archetype(图 8)
图 8. 面向 portlet 项目的 IBM archetype
新的 Maven 项目向导
新的 Maven 项目向导

增强的 Apple Mac 支持

Rational Application Developer 现在可以安装在 Apple Mac 上。可以通过 Rational Application Developer portal toolkit 在 Mac 平台上创建 portlet 项目,并随后部署这些项目到一个远程的 WebSphere Portal 来进行测试。

总结

Rational Application Developer V9.0 为 WebSphere Portal 提供了一个单一的环境来进行调试、测试和部署。现在这一 IDE 得到了增强,通过使用 jQuery 和 Maven 可以帮助您创建多通道开发的能力。Rational Application Developer 的这些增强工具可以帮助您更快更简便地构建 portal 应用程序。


相关主题


评论

添加或订阅评论,请先登录注册

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=10
Zone=Rational
ArticleID=968132
ArticleTitle=IBM Rational Application Developer V9.0 Portal 工具包新特性
publish-date=04102014