flex + tomcat + myEclipse环境配置与使用

1具体步骤如下：一、安装JDK1.5JDK1.5安装后的环境变量的配置。然后运行JDK5.0安装程序jdk-1_5_0_06-windows-i586-p.exe，安装过程中所有选项保持默认；我的JDK1.5安装到了C:\ProgramFiles\Java\jdk1.5.0_03了，这个对于下面的环境变量的设置很重要。最后配置JDK的环境变量：在“我的电脑”上点右键—“属性”—“高级”—“环境变量”JAVA_HOME：C:\ProgramFiles\Java\jdk1.5.0_03Path:C:\ProgramFiles\Java\jdk1.5.0_03\bin;ClassPath:C:\ProgramFiles\Java\jdk1.5.0_03\jre\lib\*.jar到这里，JDK安装完毕。下面我们可以检验一下我们的JDK的配置是否成功。运行cmd命令窗口。2输入javac，执行，结果如图说明我们的java（JDK）配置已经成功了。下面我们安装Tomcat6。二、Tomcat6的安装目前版本的tomcat的安装，我们只需要设置好环境变量JAVA_HOME变量，我们这里的配置是JAVA_HOME：C:\ProgramFiles\Java\jdk1.5.0_033安装好了以后，我们可以通过在浏览器中输入就可以看到tomcat首页了。这就是所我们的tomcat安装成功了。三、MyEclipse6安装和配置我们这里安装是MyEclipse_6.0GA_E3.3版本我们可以进入MyEclipse的官方网站下载MyEclipse的各种版本网址：进入下载页面；4下载myeclipse6（这里是6.6版的）这里有两个版本的供我们下载，AllInOne是一个集合版的，它包含了Eclipse和JRE，而另外一种是插件的形式的，需要我们自己去安装和配置Eclipse和JRE的。因为开始的时候我们已经安装和配置了JRE（java运行环境），所以我们这里安装的是插件版的myeclipse。我们首先把EclipseSDK3.3.2.zip解压到硬盘的某个目录，这里我们是解压到D盘然后执行安装MyEclipse_6.0GA_E3.3_Installer.exe下一步，5同意协议，下一步6在这一步中，我们需要找到我们刚才解压的Eclipse文件包，解释一下。提示文件是这么说的：我们需要找到这个Eclipse文件包，它的里面包括了一个.eclipseproduct文件，我们可以直接EclipseSDK3.3.2.zip解压缩后找到这个Eclipse文件包。接着往下走。我们设置路径为：D:\ProgramFiles\MyEclipse6.07选择启动的文件包，默认即可。选择install按钮进行安装。8进入安装状态。9安装完毕。启动MyEclipse选择工程的文件包，默认即可。10这是MyEclipse的欢迎界面，我们点击Welcome右边的关闭按钮，关闭它即可进入MyEclipse的工作界面。好了，这里我们的MyEclipse就安装完毕了。下面我们就把flex以插件的形式整合到MyEclipse里去了。四、AdobeFlexBuilder3ProfessionalEclipsePlug-in安装过程。运行AdobeFlexBuilder3ProfessionalEclipsePlug-in.exe弹出窗口11选择OK按钮，下一步。继续下一步。12同意协议，继续下一步。我们这里的安装路径改到D盘了。13这一步很重要，我们需要选择eclipse的安装路径。选择Flashplayer的安装。下一步，安装前的总结14进入安装等待的状态，这个时间有点长，大家需要耐心等待一下。最后15选Done，安装成功。进入MyEclipse界面。选择Flex的编辑界面选Other项在弹出的窗口中选FlexDevelopment（Flex的开发环境）我们可以看到编辑界面的变化。那样我们就可以进行Flex项目的开发了。16OK，到这里我们在MyEclipse下的Flex开发环境已经搭上了。接着我们继续探讨。五、在MyEclipse6部署Tomcat服务器的应用和简单实例首先我们需要在MyEclipse6中安装TomcatLauncherPlugin（启动Tomcat插件）。我们可以到这里免费下载我们下载了最新的tomcatPluginV321.zip版本，下面我们提供了下载。把解压缩后的文件复制到你的$ECLIPSE_HOME/plugins/（Eclipse的plugins目录），重新启动eclipse即可。进入Preferences（参数窗口）17我们看到下面多出了一个tomcat项。18选择我们的Tomcat的目录，如下图：配置后，细心的朋友能注意到上面图上的警告图标没了。下面我们建立一个简单的实例。建立一个java项目。选择new-JavaProject创建一个普通Java项目，其中注意的是为了与flex源文件目录区分，将java项目的源文件目录自定义为19javasrc，并设定javaclass默认的输出目录，如下图：六、建立flex+tomcat+myEclipse+java的配置关系。首先，启动myEclipse6。20如果您用的是那个版的话，就不要升级了，进入myEclipse的界面。切换到myEclipse里的Flex操作界面。新建一个Flex项目。ProjectName:textWebApplicationtype（应用程序类型）:Webapplication（网络应用程序）Servertechnology（服务器技术）:Applicationservertype（服务器类型）:J2EEUseremoteobjectaccessservice:（应用远程物体处理服务是选中的状态）LiveCycleDataServices（选中）CreatecombinedJava/FlexprojectusingWTP（选中）javasourcefolder（java文件包）:src21接着窗口的设置Targetruntime:new（我们需要按new按钮，选择建立新的Tomcat6服务器）Contextroot:textWeb（项目内容的根目录）Contextfolder:WebRootFlexWARfile:C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat6.0\webapps\blazeds.war（我们需要预先把blazeds.war文件复制到Tomcat6.0的webapps目录里）Outputfolder:WebRoot（这一步很重要，这里我们选WebRoot）如下图：按new按钮后的选择，我们选择Tomcat6.0服务器。22默认的Finishj即可。到这里我们看到了我们新建的textWeb工程了，工程结构如图：23在工程textWeb的上面单击右键，再弹出的菜单中选MyEclipseAddWebProjectCapabilities（增加网页可行功能）再弹出的窗口中Createweb.xml不选J2EESpecificationlevel:J2EE5.0（选J2EE5.0）Finishj即可。这样我们的项目就配置成Web服务器式的了。下一步就是需要把项目配置到Tomcat服务器了。点击左上角的配置图标24我们可以看到我们的textWeb项目可以进行发布了点击Add按钮，在弹出的窗口选Tomcat6.x服务器Finish完成，显示Successfullydeployed.Ok即可。25下面，启动Tomcat服务器。启动显示成功。26回到Flex的编辑模式，运行我们的项目。给项目加一个Button组件。保存，运行项目。如果没设置成功，我们还可以再设置项目的配置。在项目textWeb上单击右键，选Properties（属性）因为默认的状况下Tomcat会自动找到WebRoot目录下的文件来布置到服务器上，所以，我们的文件的输出路径一定要放到WebRoot目录下面。如果没有运行成功，我们还可以通过在项目WebRoot上单击右健，选Properties（属性）来重新设置部署。27注意它们之间的关系是对应的。好的，部署完毕，下面主要是看看通过Java它们之间的交互。也就是Flex访问java的类。在下一节，我们进一步讲解。