flex bulider 4新建java web应用

来源:互联网 发布:python readline 编辑:程序博客网 时间:2024/05/29 08:34


  前段时间学习SSH,刚练熟了,现在又学习了flexflex漂亮的前台外观让我十分青睐,如果把flex整合到SSH中,可谓如虎添翼,但flexjava不是同一种语言平台,两者整合起来相比SSH,稍有难度,但方法也很多,主要有两种,一个是先创建正常的J2EE项目,再给项目添加Flex功能,一个是在创建flexweb项目同时就将其指定为J2EE项目,一次性完成,对于前一种,我按网上找来的例子做了两遍,都没成功,可能是有哪方面不小心没配置好,后一种我按照老师讲的配置成功,而且感觉要比前一种要好一些,在此分享本人的配置过程(后一种)。注:开发工具版本:MyEclipse8.6+Flash Builder 4.0  plug-in

第一步,右键选择New-Flex项目,出现如下窗口:

MyEclipse8.6+Flash <wbr>Builder <wbr>4.0 <wbr> <wbr>plug-in创建Flex-J2EE程序


 

   输入项目名,项目位置选择默认,应用程序类型选择webFlex SDK版本默认是第一项,应用程序服务器类型选择J2EE,选中BlazeDS,选中“使用WTP创建Java/Flex组合项目”

点击next

第二步:

如下图,目标运行时,选择服务器及版本,并绑定本机上的已安装的对应的服务器,本例使用Tomcat6.0,上下文根目录为项目名,内容文件夹:J2EE项目我们通常是WebRoot,,在此也写为WebRootBlaseDS WAR文件:到http://opensource.adobe.com/wiki/display/blazeds/download+blazeds+4 页面,选择Binary版本下载到本地,并在此处选中,输出文件夹:输入WebRoot/html,点击next

MyEclipse8.6+Flash <wbr>Builder <wbr>4.0 <wbr> <wbr>plug-in创建Flex-J2EE程序


第三步:如下图,主源文件,默认为flex_src,此处不用修改,主应用程序文件:项目名.mxml,也不用修改,输出文件夹:输入该项目在服务器上的访问路径再加上/htmlhtmlflex程序在编译成页面后存放的文件夹,也是访问flex页面的url,点击finish

 

MyEclipse8.6+Flash <wbr>Builder <wbr>4.0 <wbr> <wbr>plug-in创建Flex-J2EE程序





第四步:在项目部署前还要做一步设置,因为前三步完成后,如果部署到服务器上,其根目录不是项目名,而是html

右键单击项目名,在弹出菜单中选择properties,在弹出界面中选中左边MyEclipse下的web项:把右边的Web-Context-root:内容由“/html”改为项目名(即/flexdemo),如下图,点击ok。

MyEclipse8.6+Flash <wbr>Builder <wbr>4.0 <wbr> <wbr>plug-in创建Flex-J2EE程序

现在项目就可以部署了,部署之后,在生成的flexdemo.mxml文件中添加如下代码:

<s:Panel title="flexdemo测试horizontalCenter="0verticalCenter="0>

</s:Panel>

 

最后一步,在flexdemo.mxml中点击右键,选择Run As-web 应用程序,在浏览器中如果弹出如下窗口,则证明Flex-J2EE项目创建部署成功。


MyEclipse8.6+Flash <wbr>Builder <wbr>4.0 <wbr> <wbr>plug-in创建Flex-J2EE程序