ICEfaces 和 Google Translate -2 如何使用翻译功能创建 JSF 页面

look_w

如何使用翻译功能创建 JSF 页面本教程所示的应用程序将向用户提供翻译功能。用户将文本粘贴到一个 ice:textarea 组件中，选择源文本语言（ice:selectOneMenu），选择目标文本语言，单击 ice:commandButton，最后获取经过翻译的文本（如 iceutputText 所示）。
您需要在 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，用于触发执行翻译操作。
• 执行翻译之后，结果将通过 iceutputText 显示在页面上。翻译后的文本还会通过 ICEFaces Highlight 效果高亮显示。

图 2 展示了此过程：
图 2. Translate 教程应用程序实际效果本教程中的三个步骤可以归纳为图 3 所示的目标结构。在阅读本教程时，我们假定您熟悉如何为 ICEfaces 配置环境，以确保您的环境经过适当配置，可以在 J2EE 应用服务器上部署和执行 ICEfaces 应用程序。有关详细信息，请参见与您环境相关的文件，并参阅 ICEfaces 文档（参见 参考资料）。
图 3. 项目浏览器中的 ICEFacesAndGoogleTranslate 应用程序