apachetomcat.exe、 html
myeclipse-8.0.0-win32.exe、 java
jdk-6u12-windows-i586-p.exe、 web
blazeds-turnkey-4.0.0.14931.zip、 apache
FlashBuilder_4_Plugin_LS10.exe windows
1、安装jdk 后端
按照步骤,选择路径安装,安装成功后,在安装路径下有java文件,包含jdk和jre两个子文件。 浏览器
2、JDK环境变量配置的步骤以下: tomcat
1.个人电脑-->属性-->高级-->环境变量. 服务器
2.配置用户变量: 网络
a.新建 JAVA_HOME
C:\Program Files\Java\jdk1.5.0 (JDK的安装路径)
b.新建 PATH
%JAVA_HOME%\bin;
c.新建 CLASSPATH
.;%JAVA_HOME%\lib;
3.测试环境变量配置是否成功:
开始-->运行--〉CMD
键盘敲入: JAVAC -version
出现jdk版本信息,而不是出错信息,即表示配置成功!
环境变量配置的理解:
1. PATH环境变量。做用是指定命令搜索路径,在i命令行下面执行命令如javac编译java程序时,它会到PATH变量所指定的路径中查找看是否能找到相应的命令程序。咱们须要把jdk安装目录下的bin目录增长到现有的PATH变量中,bin目录中包含常常要用到的可执行文件如javac/java/javadoc等待,设置好PATH变量后,就能够在任何目录下执行javac/java等工具了。
2. CLASSPATH环境变量。做用是指定类搜索路径,要使用已经编写好的类,前提固然是可以找到它们了,JVM就是经过CLASSPTH来寻找类的。咱们须要把jdk安装目录下的lib子目录中的dt.jar和tools.jar设置到CLASSPATH中,固然,当前目录“.”也必须加入到该变量中。
3. JAVA_HOME环境变量。它指向jdk的安装目录,Eclipse/NetBeans/Tomcat等软件就是经过搜索JAVA_HOME变量来找到并使用安装好的jdk。
3、安装Apache Tomcat web服务器
最好与jdk安装在同一目录下,自动搜索jre所在位置。
不在同一目录时,须要手工浏览到jdk的安装路径,端口默认为8080,也可自定义。
安装完成后,在浏览器中输入:http://localhost:端口号,若是显示apace tomcat网页,则安装成功!
4、安装Myelipase 8.0 按照步骤安装,安装完成后,重启计算机,最后配置环境:
1) 打开myeclipse,
->Servers->Tomcat,选择tomcat的版本,进行配置tomcat。
2
3
3、安装Adobe Flash Builder 4 Plugin
安装时,它会让你选择一个解压的文件路径,这个路径中不能够含有中文,不然会出错,你就解压在C盘中。而后安装。
这里是安装路径,这个路径不是整合Myeclipse路径因此不要选择Myeclipse运行路径。我这里安装到adobe文件夹下面,好点下一步。
这里所选择的路径是myeclise的运行目录(也就是有myeclipase.exe文件的目录),记得关键之处,若是这个不是选择运行文件夹那你的整合将失败。好了到此整合成功了。
Flex4安装完成以后要将flex的安装目录中的eclipase目录下面的和eclipse-host-distro目录下面的features和plugins文件夹中的内容拷贝到安装Myeclipase文件夹下的common文件夹中的features和plugins文件夹内,到此配置成功
Blazds的配置:下载个Blazds的包,解压,将其中的blazeds.war、ds-console.war、samples.war拷贝到Tomcat下的webapps文件夹中就好,
运行下,http://localhost:8080/samples 看看有没有配置成功
搭建一个web工程没有那么简单,由于flex只是作为表示层展现,flex只接收java返回数据,那怎么和java服务端通讯呢?这时咱们须要用到adobe公司开发的一个开源项目Blazeds。
Blazeds是一个基于服务器的 Java 远程控制 (remoting) 和 Web 消息传递 (messaging) 技术,以LGPL(Lesser GNU Public License)公共许可证书发布。它可以使得后端的 Java 应用程序和运行在浏览器上的 Adobe Flex 应用程序相互通讯。在Java应用服务器上,它以servlet的形式存在, 所以能够在任何标准Java网络应用中运用它。下载地址是:Blazeds
2、打开Myeclise8.0新建一个javaweb工程,选择javaEE 5.0如图2
3、右击WebRoot选择import—>GeneralàFile system,展开发如今WEB-INF目录下面多了flex文件夹,这个很重要主要是通讯的4个配置文件。如图3
右击WebRoot选择import—>GeneralàFile system
单击Browse 选择tomoat服务器安装地址,而后选择webapps中的blazeds文件夹(就是你配置Blazeds的地址)
单击肯定,而后勾选它
导入成功
四,部署flexweb项目到tomcat里面。这部重要由于下面要整合flex必须得启动服务。我部署的服务器物理路径为:D:\soft\apache\tomcat\webapps\flexweb
单击图中红色圆圈的按钮
选择 Tomcat 6.x,而后Finish部署成功,在Tomcat 服务器下面的webapps文件夹下就有first这个文件夹了
6、转换为flex项目,首先选中你的jspweb项目右键选择添加/更改项目类型,在选择添加flex项目类型
因此就这样填,看你的端口而定而后在加上你的项目名称,上下文根目录就填项目名称就好了。最后输出路径我把后面的目录改成flex。记得点一下验证配置只有经过才有效哦,如图6
9、解决建立的错误如图7
<?xml version="1.0" encoding="UTF-8"?>
<service id="remoting-service"
class="flex.messaging.services.RemotingService">
<adapters>
<adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/>
</adapters>
<default-channels>
<channel ref="my-amf"/>
</default-channels>
<destination id="mytest">
<properties>
<source>test.Accptech</source>
</properties>
</destination>
</service>
这里的配置文件是加上去的
<destination id="mytest">
<properties>
<source>test.Accptech</source>
</properties>
</destination>
这个是配置flex访问java方法的一个远程对象方法,配置后就能够与java通讯了。咱们试试吧
3、flex配置远程对象
个人配置以下
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="1024" minHeight="768">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
protected function myFlex_resultHandler(event:ResultEvent):void
{
var name:String=event.result as String;
Alert.show(name);
}
protected function btnSend_clickHandler(event:MouseEvent):void
{
myFlex.helloWorld(txtName.text);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
<s:RemoteObject id="myFlex" destination="mytest" result="myFlex_resultHandler(event)" />
</fx:Declarations>
<s:Panel x="87" y="20" width="250" height="200" title="www.accptecg.comflex4">
<s:TextInput x="16" y="37" id="txtName"/>
<s:Button x="168" y="38" label="发送" id="btnSend" click="btnSend_clickHandler(event)"/>
</s:Panel>
</s:Application>
下面的这个配置就是调用java端的一个远程对象, destination="mytest"就是咱们刚才配置的remoting-config.xml文件中的ID名称,result="myFlex_resultHandler(event)" 就是若是服务器成功就执行result里面的方法。
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
<s:RemoteObject id="myFlex" destination="mytest" result="myFlex_resultHandler(event)" />
</fx:Declarations>
而后点发送按钮时发送远程对象的helloWorld方法,执行click="btnSend_clickHandler(event)"
4、从新验证flex服务器