Flex系列-1.1-构建Flex4.5替前端的Java EE项目

Flex系列--1.1--构建Flex4.5为前端的Java EE项目

 

本文的意图

一年前写过的“Flex4系列教程“已包括“构建Flex4为前端的Java EE项目”，那为什么还要写这篇呢？

两个原因：

1. Flex SDK 4.5 和 Flash Builder 4.5 已发布，向大家呈现最新的东西
2. 介绍另一种构建 Flex 工程的方法，即：
   先创建 Java 工程，再向其追加 Flex 特征

前提

假定你已经安装 Flash Builder 4.5

开始构建

1. 创建 Dynamic Web Project ： sampleApp
   
2. 配置 Blazeds
   • 下载最新的 Blazeds，解压内部的 blazeds.war 文件
   • 拷贝 WEB-INF 目录内的下列内容到 sampleApp/WEB-INF
     flex 目录
     lib 目录
     web.xml 文件
3. 向 sampleApp 工程添加 Flex 项目类型
   • 右键 sampleApp 工程 –> Add/Change Project Type（添加/更改项目类型） –> Add Flex Project Type（添加 Flex 项目类型）
   • 在弹出的对话框中选择 Flex 4.5，点击 Next（下一步）
   • 按图示内容填写配置，并确保校验成功
     
     [注意：]根文件夹要替换为你自己的工程所在位置
   • 点击 Finish（完成），切换到 Flash 视图。工程编译后会提示没有生成包装页错误
   • 按以下步骤重新生成包装页
     展开 Problem 视图内的错误项，右键错误项 –> 重新创建 HTML 模板
4. 修改配置，使 Flex 和 Java 源文件目录分离
   • 重命名 Flex 源文件目录为 flex_src
     右键工程 –> 属性 –> Flex 构建路径 –> 主源文件夹
   • 移动 sampleApp.mxml 文件到上述目录
5. 运行
   • 在 Servers 视图中将 sampleApp 添加到 Tomcat 服务器，并启动
   • 用以下 url 运行

     http://localhost:8080/sampleApp/sampleApp-debug/sampleApp.html