电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: ICEfaces 和 Google Translate -2 如何使用翻译功能创建 JSF 页面 [打印本页]

作者: look_w 时间: 2018-8-23 20:33 标题: ICEfaces 和 Google Translate -2 如何使用翻译功能创建 JSF 页面

如何使用翻译功能创建 JSF 页面本教程所示的应用程序将向用户提供翻译功能。用户将文本粘贴到一个 ice:textarea 组件中，选择源文本语言（ice:selectOneMenu），选择目标文本语言，单击 ice:commandButton，最后获取经过翻译的文本（如 ice

utputText 所示）。
您需要在 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 应用程序

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)