IDEA + Eclipse 开发 Maven Flex 项目的简单流程和要点

    技术2023-03-29  34

    写在前面:

    本文主要介绍使用 IDEA 配合 Eclipse 进行 Flex 项目开发的方式。

    之所以这么做原因:

    1)Java server (Maven项目)使用 IDEA 开发,比在Eclipse/MyEclipse 下有很多优势,其中一个就是 server端代码改写之后选择Compile,可以reload到server,不要 restart server,这些节省的时间在大型项目开发中是非常可观的;

    2)Flex Client (Maven项目) 使用 Eclipse 可视化开发,所见即所得,页面布局快。

    3)所有代码(Java Sever + Flex Client)都在 IDEA 下由Maven管理,IDEA对Maven项目的支持非常优秀。

     

    关于如何创建 Maven Flex 项目, Flex 和 Server 交互,不在本文讨论范围。 

     

    1.下载 Eclipse3.6

    官网: http://www.eclipse.org/downloads/

    根据需要,我选择 Eclipse IDE for Java EE Developers

    根据操作系统,用 Windows 32-bit 版

     

    2.下载 Maven plugin

    由于 Eclipse 本身没有maven插件,需要手动添加,分2步,先安装 GEF,再安装Maven

    1)安装 GEF

    Help>Install New Software>Add:

    Name:GEF

    Location:http://download.eclipse.org/tools/gef/updates/releases

    由于Eclipse版本是3.6,所以选择的是  GEF SDK 3.6.1,根据网络质量下载需要点时间。

    备注:Galileo 是3.6,Indigo 是3.7。

    2)安装 Maven

    Help>Install New Software>Add:

    Name:Maven

    Location: http://m2eclipse.sonatype.org/sites/m2e/

    就一个选项,选中后下载安装

     

    3.安装 FlashBuilder_4_Plugin

    网上安装过程和cdkey很多,不重复说明。

    有部分情况是:安装成功,使用正常,但是60天试用期过后,输入cdkey后,启动eclipse会报cdkey无效,需要重新输入不同的cdkey就可以了,不能是之前输入过的,所以下载个cdkey生成器比较省事,每次输入不同的cdkey,虽然麻烦点,只要能进入IDE就好了。

    cdkey生成器点这里 下载,使用时选择 "Adobe Flash Builder Plug-in v4.x"。

     

    4.导入 Maven 创建的 Flex项目

    1).创建 Flex项目

    创建符合 Maven 结构的 Flex 项目, flexmojos官网 有详细文档。

     

    这里推荐大家使用 IDEA ,个人觉得它在各方面的表现都比 Eclipse/MyEclipse 好一些。

     

    使用IDEA开发好 Flex Server端和 Client 端代码,这里不做介绍。

    接下来的内容介绍如何回到 FlashBuilder4/Eclipse 下进行可视化开发。

     

     

    2).配置 Flash Builder 运行环境

    运行Maven命令:mvn flexmojos:flashbuilder,等待 Success 结果出现。

    会由 flexmojos-maven-plugin插件根据 pom.xml 生成文件:.actionScriptProperties, .flexConfig.xml,.flexProperties,.project,就是这些文件让 Maven 管理的 flex 项目可以在 FlashBuilder  环境下进行拖曳式开发。

    3)导入到 Flash Builder IDE

    使用 File>Import>Flash Builder Project>project folder,将项目导入到 eclipse。

     

    5.调整 eclipse 下开发环境

    导入项目后,可能会出现一些错误提示,比如 flex sdk 版本不匹配,flex sdk 版本未找到,css不兼容等等。

    只要根据提示信息稍作调试即可。

    其中比较重要的一点是:由于 Flex 是在 maven下管理(我这里用的是 IntelliJ IDEA 10.0 开发 Flex Java Server),调试flex页面时需要实时部署到 server 文件路径下,所以需要配置 /bin-debug 文件夹导出到最后项目的部署路径。

    1)选择server路径

    右键点击  项目>Properties>Flex Server:

    Application Server type: J2EE(根据后台环境选择)

    Use remote object access service 打钩

    选择 BlazeDS (根据实际情况选择)

    Root folder: 选择开发环境下项目部属后的到得路径,需要包含WEB-INF/flex,且flex文件夹下要有  flex-config.xml 或 services-config.xml。

    比如我这里用的是: F:/svn/ria-flexServer/target/ria-flexServer-1.0-SNAPSHOT/, 要有/号否则会出错

    Root URL : 开发环境下访问项目的路径

    比如我这里的是:http://localhost:8888/

    Context root: 上下文路径

    比如:/

    Output folder: flex 文件输出目录

    2)输出 html wrapper

    根据项目需要,如果需要设置输出html格式, 右键点击  项目>Properties>Flex Compiler>HTML wrapper 选上,点确定。

    结合刚才的 Output folder路径,就能将自动生成的 html 文件输入到项目部署路径。

    之后就再让程序调用该 html 就可以了。 

     

    最后说下实际开发步骤:

    先在 IDEA 下运行 server,然后在 Eclipse 下开发页面。

    调整页面的内容,刷新浏览器即可。

    调整server端代码,无需重启server,只需对改写过的java类,右键菜单选择compile后,IDEA会自动reload到server。

    最新回复(0)