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

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

IBM Rational Application Developer for WebSphere Software V9.0 portal toolkit 包含了多项新的以及增强的特性。这篇文章通过使用代码片断和实例,演示了这些特性,包括 jQuery 工具、Maven 集成、Mac OS 支持和简化的 Dojo 移动视图创建等等。

Mansi Gaba, 高级软件工程师, IBM

Mansi Gaba 是印度德里 IBM 软件实验室的一名高级工程师。她的专长领域包括 WebSphere Portal、JavaServer Faces (JSF) portlet bridge、JSF technology on WebSphere Portal、JSR 286、portlet 及 portlet 服务器端工具、Eclipse、portlet 技术、用户界面技术及框架等。她拥有 Sun Certified Java Programmer (SCJP)、Sun Certified Web Component Developer (SCWCD) 及 Sun Certified Business Component Developer (SCBCD) 等认证。



2014 年 4 月 10 日

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 设置

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

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

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

图 3. 添加 jQuery 移动小部件
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 文件的内容提示

在 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 移动视图向导

创建一个 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 选项

增强的 Dojo Mobile View 创建

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

图 7.创建一个新的 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 项目向导

增强的 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 应用程序。

参考资料

学习

获得产品和技术

讨论

条评论

developerWorks: 登录

标有星(*)号的字段是必填字段。


需要一个 IBM ID?
忘记 IBM ID?


忘记密码?
更改您的密码

单击提交则表示您同意developerWorks 的条款和条件。 查看条款和条件

 


在您首次登录 developerWorks 时,会为您创建一份个人概要。您的个人概要中的信息(您的姓名、国家/地区,以及公司名称)是公开显示的,而且会随着您发布的任何内容一起显示,除非您选择隐藏您的公司名称。您可以随时更新您的 IBM 帐户。

所有提交的信息确保安全。

选择您的昵称



当您初次登录到 developerWorks 时,将会为您创建一份概要信息,您需要指定一个昵称。您的昵称将和您在 developerWorks 发布的内容显示在一起。

昵称长度在 3 至 31 个字符之间。 您的昵称在 developerWorks 社区中必须是唯一的,并且出于隐私保护的原因,不能是您的电子邮件地址。

标有星(*)号的字段是必填字段。

(昵称长度在 3 至 31 个字符之间)

单击提交则表示您同意developerWorks 的条款和条件。 查看条款和条件.

 


所有提交的信息确保安全。


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