将Flex集成到JavaEE应用程序的最佳实践

来源：java认证发布时间：2012-11-12 13:15:37java认证视频

开发 Flex 客户端

首先安装 Flex Builder 3，可以在 Adobe 的官方网站获得 30 天免费试用版。然后，打开 Flex Builder 3，创建一个新的 Flex Project，命名为 EmployeeMgmt-Flex：

图 3. 新建 Flex 工程 - 第一步

Flex Project 需要指定 Server 端的配置文件地址：

图 4. 新建 Flex 工程 - 第二步

因此，需要填入 EmployeeMgmt-Server 项目的 web 根目录，该目录下必须要存在 /WEB-INF/flex/.点击“Validate Configuration”验证配置文件是否正确，只有通过验证后，才能继续。默认地，Flex Builder 将会把生成的 Flash 文件放到 EmployeeMgmt-Server 项目的 web/EmployeeMgmt-Flex-debug 目录下。

一个 Flex Project 的目录结构如下：

图 5. Flex 工程的目录结构

用 Flex Builder 做出漂亮的用户界面非常容易。Flex Builder 提供了一个可视化的编辑器，通过简单的拖拽，一个毫无经验的开发人员也能够设计出漂亮的布局。如果熟悉一点 XML 的知识，编辑 MXML 也并非难事。我们设计的 Employee Management 系统界面的最终效果如下：

图 6. 用 Flex Builder 的可视化编辑器设计界面

本文不打算讨论如何编写 Flex 界面，而是把重点放在如何实现远程调用。

为了能在 Flex 中实现远程调用，我们需要定义一个 RemoteObject 对象。可以通过 ActionScript 编码创建该对象，也可以直接在 MXML 中定义一个 RemoteObject 对象，并列出其所有的方法：

清单 13. 定义 flexServiceRO

现在，就可以调用这个名为 flexServiceRO 的 RemoteObject 对象的方法了：

清单 14. 调用 FlexServiceRO.queryAll（）

flexServiceRO.queryAll(function(result : ResultEvent) {
var employees = result.result as Array;
});

运行该 Flex Application，雇员信息已经被正确获取了：

图 7. 在浏览器中运行 Flex application

视频学习

我考网版权与免责声明

① 凡本网注明稿件来源为"原创"的所有文字、图片和音视频稿件，版权均属本网所有。任何媒体、网站或个人转载、链接转贴或以其他方式复制发表时必须注明"稿件来源：我考网"，违者本网将依法追究责任；

② 本网部分稿件来源于网络，任何单位或个人认为我考网发布的内容可能涉嫌侵犯其合法权益，应该及时向我考网书面反馈，并提供身份证明、权属证明及详细侵权情况证明，我考网在收到上述法律文件后，将会尽快移除被控侵权内容。