构建Flex4.5为前端的Java EE项目

蒲公英 提交于 周三, 08/16/2017 - 23:28
Flex4.5

本文的意图
一年前写过的“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

  附件:  sampleApp-basic2.7z

Blog tags