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

1、flex + tomcat + myEclipse环境配置与使用具体步骤如下： 一、安装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 FilesJa

2、vajdk1.5.0_03bin; ClassPath: C:Program FilesJavajdk1.5.0_03jrelib*.jar 到这里，JDK安装完毕。 下面我们可以检验一下我们的JDK的配置是否成功。 运行cmd命令窗口。 输入javac，执行，结果如图 说明我们的java（JDK）配置已经成功了。 下面我们安装Tomcat 6。二、Tomcat 6的安装 目前版本的tomcat的安装，我们只需要设置好环境变量JAVA_HOME变量，我们这里的配置是 JAVA_HOME：C:Program FilesJavajdk1.5.0_03 安装好了以后，我们可以通过 在浏览器中输入ht

3、tp:/localhost:8080/ 就可以看到tomcat首页了。 这就是所我们的tomcat安装成功了。三、MyEclipse 6 安装和配置 我们这里安装是MyEclipse_6.0GA_E3.3版本 我们可以进入MyEclipse的官方网站下载MyEclipse的各种版本 网址： 点击download进入下载页面； 下载myeclipse 6（这里是6.6版的） 这里有两个版本的供我们下载， All In One 是一个集合版的，它包含了Eclipse 和JRE，而另外一种是插件的形式的，需要我们自己去安装和配置Eclipse 和JRE的。 因为开始的时候我们已经安装和配置了JRE（

4、java运行环境），所以我们这里安装的是插件版的myeclipse。 我们首先把Eclipse SDK 3.3.2.zip解压到硬盘的某个目录，这里我们是解压到D盘 然后执行安装MyEclipse_6.0GA_E3.3_Installer.exe 下一步， 同意协议，下一步 在这一步中，我们需要找到我们刚才解压的Eclipse文件包，解释一下。 提示文件是这么说的： 我们需要找到这个Eclipse文件包，它的里面包括了一个.eclipseproduct文件，我们可以直接Eclipse SDK 3.3.2.zip解压缩后找到这个Eclipse文件包。 接着往下走。 我们设置路径为：D:Progr

5、am FilesMyEclipse 6.0 选择启动的文件包，默认即可。 选择install按钮进行安装。 进入安装状态。 安装完毕。 启动MyEclipse 选择工程的文件包，默认即可。 这是MyEclipse的欢迎界面，我们点击Welcome右边的关闭按钮，关闭它即可进入MyEclipse的工作界面。 好了，这里我们的MyEclipse就安装完毕了。下面我们就把flex以插件的形式整合到MyEclipse里去了。四、Adobe Flex Builder 3 Professional Eclipse Plug-in安装过程。 运行Adobe Flex Builder 3 Profession

6、al Eclipse Plug-in.exe 弹出窗口 选择OK按钮，下一步。 继续下一步。 同意协议，继续下一步。 我们这里的安装路径改到D盘了。 这一步很重要，我们需要选择eclipse的安装路径。 选择Flashplayer的安装。 下一步，安装前的总结 进入安装等待的状态，这个时间有点长，大家需要耐心等待一下。 最后 选Done，安装成功。 进入MyEclipse界面。 选择Flex的编辑界面 选Other项 在弹出的窗口中选Flex Development（Flex的开发环境） 我们可以看到编辑界面的变化。 那样我们就可以进行Flex项目的开发了。 OK，到这里我们在MyEclips

7、e下的Flex开发环境已经搭上了。接着我们继续探讨。五、在MyEclipse 6部署Tomcat服务器的应用和简单实例 首先我们需要在MyEclipse 6中安装Tomcat Launcher Plugin（启动Tomcat插件）。 我们可以到这里免费下载 我们下载了最新的tomcatPluginV321.zip版本，下面我们提供了下载。 把解压缩后的文件复制到你的$ECLIPSE_HOME/plugins/（Eclipse的plugins目录），重新启动eclipse即可。 进入Preferences（参数窗口） 我们看到下面多出了一个tomcat项。 选择我们的Tomcat的目录，如下图：

8、 配置后，细心的朋友能注意到上面图上的警告图标没了。 下面我们建立一个简单的实例。 建立一个java项目。 选择new-Java Project创建一个普通Java项目， 其中注意的是为了与flex源文件目录区分，将java项目的源文件目录自定义为javasrc，并设定java class默认的输出目录，如下图： 六、建立flex + tomcat + myEclipse + java的配置关系。 首先，启动myEclipse 6。 如果您用的是那个版的话，就不要升级了，进入myEclipse的界面。切换到myEclipse里的Flex操作界面。 新建一个Flex项目。 Project Nam

9、e: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 runt

10、ime: 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

11、.0服务器。 默认的Finishj即可。 到这里我们看到了我们新建的textWeb工程了，工程结构如图： 在工程textWeb的上面单击右键，再弹出的菜单中选MyEclipseAdd Web Project Capabilities（增加网页可行功能） 再弹出的窗口中 Create web.xml 不选 J2EE Specification level:J2EE 5.0（选J2EE 5.0） Finishj即可。 这样我们的项目就配置成Web服务器式的了。下一步就是需要把项目配置到Tomcat服务器了。点击左上角的配置图标 我们可以看到我们的textWeb项目可以进行发布了 点击Add按钮，在

12、弹出的窗口选Tomcat 6.x服务器 Finish完成，显示Successfully deployed. Ok即可。 下面，启动Tomcat服务器。 启动显示成功。 回到Flex的编辑模式，运行我们的项目。 给项目加一个Button组件。 保存，运行项目。 如果没设置成功，我们还可以再设置项目的配置。 在项目textWeb上单击右键，选Properties（属性） 因为默认的状况下Tomcat会自动找到WebRoot目录下的文件来布置到服务器上，所以，我们的文件的输出路径一定要放到WebRoot目录下面。 如果没有运行成功，我们还可以通过在项目WebRoot上单击右健，选Properties（属性）来重新设置部署。 注意它们之间的关系是对应的。 好的，部署完毕，下面主要是看看通过Java它们之间的交互。也就是Flex访问java的类。在下一节，我们进一步讲解。