ICEfaces 和 Google Translate

核心提示： 您需要在 backing bean 中实现应用程序逻辑，本教程中的应用程序包括一个用于输入文本的文本框、一些按钮和一个输出文本字段，ICEfaces 和 Google Translate(3)，可以轻松地将此逻辑组装成较复杂的应用程序，图 1 展示了基本布局，执行翻译之后，结果将通过 ice:o

您需要在 backing bean 中实现应用程序逻辑。

本教程中的应用程序包括一个用于输入文本的文本框、一些按钮和一个输出文本字段。可以轻松地将此逻辑组装成较复杂的应用程序。图 1 展示了基本布局。

图 1. 应用程序的主页面

在此教程中，您将构建一个名称为 Google Translate 的 ICEfaces 应用程序，并将它部署到一个本地 Community Edition 服务器上。需要一些额外的代码来支持特定的语言，但本示例旨在演示 ICEfaces 和 Google Translate API 的基本组件。

完成后的 ICEfaces Google Translate 应用程序应该具备以下功能：

用户使用键盘将待翻译文本输入到 ice:inputTextArea 组件中。

位于 ice:inputTextArea 下方的是一些列表（在 ICEFaces 中称作 ice:selectOneMenu），选择后可以向在 backing bean 中实现的 Google API 翻译功能添加语言参数。

右上角是两个按钮。第一个按钮是 Reset 按钮，用于刷新 ice:textArea 组件中的旧数据，重置 backing bean 中的某些变量。第二个按钮是 Translate，用于触发执行翻译操作。

执行翻译之后，结果将通过 ice:outputText 显示在页面上。翻译后的文本还会通过 ICEFaces Highlight 效果高亮显示。

图 2 展示了此过程：

图 2. Translate 教程应用程序实际效果