Flex+Tomcat+MyEclipse环境配置与使用.docx

一、 安装JDK 1.5 JDK 1.5安装后的环境变量的配置。 然后运行JDK 5.0安装程序jdk-1_5_0_06-windows-i586-p.exe，安装过程中所有选项保持默认； 我的JDK 1.5安装到了C:Program FilesJavajdk1.5.0_03了，这个对于下面的环境变量的设置很重要。最后配置JDK的环境变量：在“我的电脑”上点右键“属性”“高级”“环境变量” JAVA_HOME：C:Program FilesJavajdk1.5.0_03 Path:C:Program FilesJavajdk1.5.0_03bin; ClassPath: C:Program FilesJavajdk1.5.0_03jrelib*.jar 到这里，JDK安装完毕。下面我们可以检验一下我们的JDK的配置是否成功。运行cmd命令窗口。输入javac，执行，结果如图 说明我们的java（JDK）配置已经成功了。二、 Tomcat 6的安装目前版本的tomcat的安装，我们只需要设置好环境变量JAVA_HOME变量，我们这里的配置是JAVA_HOME：C:Program FilesJavajdk1.5.0_03。安装好了以后，我们可以通过在浏览器中输入http:/localhost:8080/ 就可以看到tomcat首页了。这就是所我们的tomcat安装成功了。 三、 MyEclipse 6 安装和配置我们这里安装是MyEclipse_6.0GA_E3.3版本，可以进入MyEclipse的官方网站下载MyEclipse的各种版本，网址：同意协议，下一步在这一步中，我们需要找到我们刚才解压的Eclipse文件包，解释一下。提示文件是这么说的：我们需要找到这个Eclipse文件包，它的里面包括了一个.eclipseproduct文件，我们可以直接Eclipse SDK 3.3.2.zip解压缩后找到这个Eclipse文件包，接着往下走。我们设置路径为：D:Program FilesMyEclipse 6.0选择启动的文件包，默认即可。选择install按钮进行安装。进入安装状态。安装完毕，启动MyEclipse选择工程的文件包，默认即可。这是MyEclipse的欢迎界面，我们点击Welcome右边的关闭按钮，关闭它即可进入MyEclipse的工作界面。好了，这里我们的MyEclipse就安装完毕了。下面我们就把flex以插件的形式整合到MyEclipse里去了。四、 Adobe Flex Builder 3 Professional Eclipse Plug-in安装过程运行Adobe Flex Builder 3 Professional Eclipse Plug-in.exe弹出窗口。选择OK按钮，下一步。继续下一步。同意协议，继续下一步。我们这里的安装路径改到D盘了。这一步很重要，我们需要选择eclipse的安装路径。选择Flashplayer的安装。下一步，安装前的总结进入安装等待的状态，这个时间有点长，大家需要耐心等待一下。最后选Done，安装成功。 进入MyEclipse界面。 选择Flex的编辑界面 选Other项。在弹出的窗口中选Flex Development（Flex的开发环境）。我们可以看到编辑界面的变化。 那样我们就可以进行Flex项目的开发了。OK，到这里我们在MyEclipse下的Flex开发环境已经搭上了。接着我们继续探讨。五、在MyEclipse 6部署Tomcat服务器的应用和简单实例首先我们需要在MyEclipse 6中安装Tomcat Launcher Plugin（启动Tomcat插件）。我们可以到这里免费下载 /tomcatPlugin.html，我们下载了最新的tomcatPluginV321.zip版本，下面我们提供了下载。把解压缩后的文件复制到你的$ECLIPSE_HOME/plugins/（Eclipse的plugins目录），重新启动eclipse即可。进入Preferences（参数窗口）。我们看到下面多出了一个tomcat项。选择我们的Tomcat的目录，如下图：配置后，细心的朋友能注意到上面图上的警告图标没了。下面我们建立一个简单的实例。 建立一个java项目。 选择new-Java Project创建一个普通Java项目，其中注意的是为了与flex源文件目录区分，将java项目的源文件目录自定义为javasrc，并设定java class默认的输出目录，如下图：六、建立flex + tomcat + myEclipse + java的配置关首先，启动myEclipse 6。如果您用的是那个版的话，就不要升级了，进入myEclipse的界面。切换到myEclipse里的Flex操作界面。新建一个Flex项目。Project Name:textWeb；Application type（应用程序类型）:Web application（网络应用程序）、Server technology（服务器技术）: Application server type（服务器类型）:J2EE Use remote object access service:（应用远程物体处理服务是选中的状态）、LiveCycle Data Services（选中）、Create combined Java/Flex project using WTP（选中）、java source folder（java文件包）:src。接着窗口的设置Target runtime: new （我们需要按new按钮，选择建立新的Tomcat 6服务器）、Context root: textWeb （项目内容的根目录）、Context folder: WebRoot 、Flex WAR file: C:Program FilesApache Software FoundationTomcat 6.0webappsblazeds.war，（我们需要预先把blazeds.war文件复制到Tomcat 6.0的webapps目录里），Output folder:WebRoot（这一步很重要，这里我们选WebRoot）。如下图：按new按钮后的选择，我们选择Tomcat 6.0服务器。默认的Finish即可。到这里我们看到了我们新建的textWeb工程了，工程结构如图：在工程textWeb的上面单击右键，再弹出的菜单中选MyEclipseAdd Web Project Capabilities（增加网页可行功能）。再弹出的窗口中Create web.xml 不选、J2EE Specification level:J2EE 5.0（选J2EE 5.0）。Finish即可。这样我们的项目就配置成Web服务器式的了。下一步就是需要把项目配置到Tomcat服务器了。点击左上角的配置图标。我们可以看到我们的textWeb项目可以进行发布了。点击Add按钮，在弹出的窗口选Tomcat 6.x服务器。Finish完成，显示Successfully deployed，Ok即可。下面，启动Tomcat服务器。启动显示成功。 回到Flex的编辑模式，运行我们的项目。给项目加一个Button组件。保存，运行项目。如果没设置成功，我们还可以再设置项目的配置。在项目textWeb上单击右键，选Properties（属性）因为默认的状况下Tomcat会自动找到WebRoot目录下的文