一、 准备工作
l 安装配置系统软件和工具
JDK1.5或者以上版本
MyEclipse 7.0或者以上版本
Flex4 for eclipse plug-in
Tomcat5.0 或者以上版本
BlazeDS.war (blazeds是一个用于集成flex 客户端和j2ee server的组件)
二、 环境搭建(集成BlazeDS)
l 新建一个JAVA WEB工程
新建一个JAVA WEB工程,名为flexweb 设置项目的编码方式为utf-8
[img]http://dl.iteye.com/upload/attachment/440782/b0bfc388-48b9-385c-bb56-cd5320e90edb.png[/img]
l BlazeDS集成FLEX和TOMCAT
1)解压BlazeDS.war到%TOMCAT_HOME%/webapps目录下
2)为web app 添加blazeds 支持:
右击WebRoot选择import—>GeneralàFile system
[img]http://dl.iteye.com/upload/attachment/440785/23769bc8-0b19-33b7-aa12-8f48dc8268d9.png[/img]
[img]http://dl.iteye.com/upload/attachment/440787/3e1971a0-d2dc-3998-96b3-5f0c6a0c5807.png[/img]
单击Browse 选择tomoat服务器安装地址,然后选择webapps中的blazeds文件夹
[img]http://dl.iteye.com/upload/attachment/440789/2916c16a-fb6a-3acd-b7fc-5fd4c9540538.png[/img]
单击确定,然后勾选它
[img]http://dl.iteye.com/upload/attachment/440791/33b2651e-4ce2-33cd-8a02-74b893e5edb9.png[/img]
单击Finish 然后选择Yse to all
l 新建一测试类
在j2ee视图中创建一个package “com.flex.test”,在包com.flex.test 下面创建一个类FlexWeb.这个类有一个简单的方法:text(String name)
[img]http://dl.iteye.com/upload/attachment/440793/a29faf53-a039-36b2-a495-295839e2f1f0.png[/img]
打开 flexweb的WebRoot/WEB-INF/flex/remoting-config.xml,添加一个供flex 客户端调用的destination. 复制下列代码到remoting-config.xml中
<destination id="Hello">
<properties>
<source>com.flex.test.FlexWeb</source>
</properties>
</destination>
保存项目,用tomcat发布启动tomcat
l 添加FLEX支持
在工程flexweb上右键 flex project nature->add flex project nature.(中文为添加/更改项目类型) 这时会弹出对话框
[img]http://dl.iteye.com/upload/attachment/440795/74254d7d-e1b4-3993-869c-285d1cc037c9.png[/img]
[img]http://dl.iteye.com/upload/attachment/440797/74be6239-fafd-34f4-91d0-a210778a3b33.png[/img]
[img]http://dl.iteye.com/upload/attachment/440799/62e85c01-7e32-3662-b627-ba3bc5143faa.png[/img]
Root folder(根文件夹):选择刚才发布到tomcat的工程flexweb路径(%TOMCAT_HOME%/webapps目录下)
Root URL:TOMCAT服务器的启动路径加上flexweb,说明我们要启动到flexweb工程
Context root :编译后的FLEX项目路径
Output folder:工程 重构后FLEX文件的输出路径
[点击Finish完成]
找到Problems窗口看到有一个错误然后我们右键选重新创建HTML模板。这里错误已经解决,但是新的问题又来了,src是java的源文件夹存java源代码地方,但是现在被flex给占用了所以我们要重新给flex添加一个源文件目录,如下图
右键项目属性找到flex构键路径的主源文件夹把src改为flex_src
[img]http://dl.iteye.com/upload/attachment/440801/bd471bf6-f1e6-3747-9a52-15779423b02b.png[/img]
在Flex Development视图下,project->Build Project,可以看到Flex 应用程序被正确编译,产生输出到bin目录下面
到这里代码已经完成,重新发布你的项目,重启tomcat,在项目中右击flexweb.mxml运行你会看到如下效果
[img]http://dl.iteye.com/upload/attachment/440803/2a67ae29-cfcf-358b-b21a-f9f9d8448f5b.png[/img]
[b]参考:http://leehao353.blog.51cto.com/2029883/410872[/b]
l 安装配置系统软件和工具
JDK1.5或者以上版本
MyEclipse 7.0或者以上版本
Flex4 for eclipse plug-in
Tomcat5.0 或者以上版本
BlazeDS.war (blazeds是一个用于集成flex 客户端和j2ee server的组件)
二、 环境搭建(集成BlazeDS)
l 新建一个JAVA WEB工程
新建一个JAVA WEB工程,名为flexweb 设置项目的编码方式为utf-8
[img]http://dl.iteye.com/upload/attachment/440782/b0bfc388-48b9-385c-bb56-cd5320e90edb.png[/img]
l BlazeDS集成FLEX和TOMCAT
1)解压BlazeDS.war到%TOMCAT_HOME%/webapps目录下
2)为web app 添加blazeds 支持:
右击WebRoot选择import—>GeneralàFile system
[img]http://dl.iteye.com/upload/attachment/440785/23769bc8-0b19-33b7-aa12-8f48dc8268d9.png[/img]
[img]http://dl.iteye.com/upload/attachment/440787/3e1971a0-d2dc-3998-96b3-5f0c6a0c5807.png[/img]
单击Browse 选择tomoat服务器安装地址,然后选择webapps中的blazeds文件夹
[img]http://dl.iteye.com/upload/attachment/440789/2916c16a-fb6a-3acd-b7fc-5fd4c9540538.png[/img]
单击确定,然后勾选它
[img]http://dl.iteye.com/upload/attachment/440791/33b2651e-4ce2-33cd-8a02-74b893e5edb9.png[/img]
单击Finish 然后选择Yse to all
l 新建一测试类
在j2ee视图中创建一个package “com.flex.test”,在包com.flex.test 下面创建一个类FlexWeb.这个类有一个简单的方法:text(String name)
[img]http://dl.iteye.com/upload/attachment/440793/a29faf53-a039-36b2-a495-295839e2f1f0.png[/img]
打开 flexweb的WebRoot/WEB-INF/flex/remoting-config.xml,添加一个供flex 客户端调用的destination. 复制下列代码到remoting-config.xml中
<destination id="Hello">
<properties>
<source>com.flex.test.FlexWeb</source>
</properties>
</destination>
保存项目,用tomcat发布启动tomcat
l 添加FLEX支持
在工程flexweb上右键 flex project nature->add flex project nature.(中文为添加/更改项目类型) 这时会弹出对话框
[img]http://dl.iteye.com/upload/attachment/440795/74254d7d-e1b4-3993-869c-285d1cc037c9.png[/img]
[img]http://dl.iteye.com/upload/attachment/440797/74be6239-fafd-34f4-91d0-a210778a3b33.png[/img]
[img]http://dl.iteye.com/upload/attachment/440799/62e85c01-7e32-3662-b627-ba3bc5143faa.png[/img]
Root folder(根文件夹):选择刚才发布到tomcat的工程flexweb路径(%TOMCAT_HOME%/webapps目录下)
Root URL:TOMCAT服务器的启动路径加上flexweb,说明我们要启动到flexweb工程
Context root :编译后的FLEX项目路径
Output folder:工程 重构后FLEX文件的输出路径
[点击Finish完成]
找到Problems窗口看到有一个错误然后我们右键选重新创建HTML模板。这里错误已经解决,但是新的问题又来了,src是java的源文件夹存java源代码地方,但是现在被flex给占用了所以我们要重新给flex添加一个源文件目录,如下图
右键项目属性找到flex构键路径的主源文件夹把src改为flex_src
[img]http://dl.iteye.com/upload/attachment/440801/bd471bf6-f1e6-3747-9a52-15779423b02b.png[/img]
在Flex Development视图下,project->Build Project,可以看到Flex 应用程序被正确编译,产生输出到bin目录下面
到这里代码已经完成,重新发布你的项目,重启tomcat,在项目中右击flexweb.mxml运行你会看到如下效果
[img]http://dl.iteye.com/upload/attachment/440803/2a67ae29-cfcf-358b-b21a-f9f9d8448f5b.png[/img]
[b]参考:http://leehao353.blog.51cto.com/2029883/410872[/b]