配置flex开发环境(MyElipse6.0_Eclipse3.3_FlexBuilder3_LCDS)

合集下载

J2EE项目整合FLEX项目

J2EE项目整合FLEX项目

我用的环境是MyEclipse6.0+JDK5.0+Tomcat5.5+ Flex3.0 Builder For Eclipse Plugin+LCDSLCDS可以到下载地址(官方):https:///cfusion/tdrc/index.cfm?product=livecycle%5Fdataservices要注册Adobe账号,不过是免费使用的FlexBuilder3下载1.首先创建一个Web项目,如图所示:2.然后把这个项目部署到Tomcat服务器上的,我用的是Tomcat5.5.。

3.接下来,如果你已把LCDS安装好了的话,那么你就到LCDS文件夹下面把lcds下的WEB-INF里的lib,flex两个文件夹考到你的FlexDemo项目里的WEB-INF下。

4.接下来就是向现有的项目中添加FLEX特性了。

回到你的MyEclipse中在你的项目上右击->Flex Project Nature->add Flex Project Nature ,如图所示:点Next注意了!!!!!这里的Root folder要指向你Tomcat下的Webapps里的项目下面,Root URL是你用来调试用的,localhost后面的FlexDemo名子要和上面Root folder里的FlexDemo要相同,Context root 这里也是的,output folder这里要指向你MyEclipse项目里的WebRoot下面,这样就好了,如图所示:这里点一下Validate Configuration进行校验一下,就可以了!!然后点Finish完成!接下来就是配置环境了,对于初学者来说,这很麻烦也很乱,不过不要紧,你一点点理清了,也不是件难事!呵呵,俺就是这样过来的!回到你的MyEclipse中在你的项目上右击->Properties会出现下面图形:点Flex Build Path选项,在Source path 选项卡中,点Add Folder在弹出的对话框中写上flex_src。

Flex4.5环境配置和使用

Flex4.5环境配置和使用

Flex4.5 + Tomcat6.0 + MyEclipse 10.0+ Java+LCD的环境搭建:第一,下载、安装Flex4.5(Flash Builder),Tomcat6.0 ,MyEclipse 9.0,以及lcd.war第二,在MyEclipse 10.0中新建Flex项目,配置Flex;第三,配置Tomcat;第四,发布项目;1,启动MyEclipse 10.0。

切换到myEclipse里的Flex操作界面。

新建》Flex项目。

Project Name: FlexWebApplication type(应用程序类型):Web application(网络应用程序)Server technology(服务器技术):Application server type(服务器类型):J2EEUse 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: WebRoot (项目内容的根目录)Context folder: WebRootFlex WAR file: D:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\lcd.war(我们需要预先把lcd.war文件复制到Tomcat 6.0的webapps目录里)Output folder:WebRoot(这一步很重要,这里我们选WebRoot)如下图:下一步:2,配置TOMCAT新建,选择Tomcat 6.0服务器。

整合Flex和Java--配置篇

整合Flex和Java--配置篇

3、 将该工程发布到 tomcat 下,并启动 tomcat。 (注:一定要启动 tomcat,因为在后面 的设置中,它要验证工程的路径) 4、 然后在该工程上右键Flex Project NatureAdd Flex Project Nature
配置正确的显示
配置服务器路径
建议不要修改这里的配置
<mx:Script> <![CDATA[ import mx.rpc.events.ResultEvent; function gg(evnet:ResultEvent):void{ var ff:String = evnet.result as String; ggg.text = ff; } function remotingSayHello():void{ var sname:String = nameInput.text; h.hello(sname); } ]]> </mx:Script> <mx:RemoteObject destination="hello" id="h" result="gg(event)" endpoint="http://localhost:8080/flexweb/messagebroker/amf" > </mx:RemoteObject>
<listener-class>flex.messaging.HttpFlexSession</listener-class> </listener> <!-- MessageBroker Servlet --> <servlet> <servlet-name>MessageBrokerServlet</servlet-name> <display-name>MessageBrokerServlet</display-name> <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class> <init-param> <param-name>services.configuration.file</param-name> <param-value>/WEB-INF/flex/services-config.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>MessageBrokerServlet</servlet-name> <url-pattern>/messagebroker/*</url-pattern> </servlet-mapping>

eclipse3.3安装flex插件

eclipse3.3安装flex插件

8、进入Flex Builder 3 的安装目录,将sdks目录copy到其它的目录下。
9、打开eclipse进入 window->preferences->flex->installed flex sdks ,设置一下你的flex sdk 路径。至此我们以经成功的安装了 eclipse flex plugin 了。这个时候你可以卸载你的Flex Builder 3 了。
eclipse3.3安装flex插件
1、在eclipse官网上下载eclipse3.3并安装。
2、在adobe的网站上下载Flex Builder 3 进行安装。
3、在任意目录建一个以下结构的目录:flex_plugin->eclipse->plugins , features
4、进入Flex Builder 3 的安装目录 将plugins目录下所有以 com.adobe 开头的文件或文件夹copy到上面建好的 plugins 目录下。
ห้องสมุดไป่ตู้
我想有人会说:我直接用Flex Builder 3 开发就好了,何必如此麻烦。我的答案是:当然,你完全可以直接用Flex Builder 3 进行开发。我这样做的目的只是不想在开发的时候开着两个完全可以合并到一起的ide。
5、进入Flex Builder 3 的安装目录 将features目录下所有以 com.adobe 开头的文件或文件夹copy到上面建好的 features目录下。
6、在eclipse3.3下新建一个myplugins目录,并将flex_plugin目录剪切到myplugins目录下。
7、在eclipse3.3下新建一个links目录,并在links目录下新建一个flex_plugin.link文件,在文件中写入: path=ECLIPSE_HOME\\myplugins\\flex_plugin

用MyEclipse搭建flex+j2ee开发环境

用MyEclipse搭建flex+j2ee开发环境

用MyEclipse搭建flex+j2ee开发环境(2010年07月19日) Published by JavaEye博客最近搭建了个flex+SSh的开发环境,GOOGLE和百度了很多,记录之:MyEclipse6.5+lcsd3.1+SSH1、安装MyEclipse的Flex插件,略。

2、右键新建flex项目,参数设置如下,选择Create combined java/flex project using WTP以便把java文件和mxml文件分开:3、选择next:在Target runtime点击new,弹出如图:选择tomcat6.0。

不断确定,生成项目。

4、项目-->property-->在左侧树选择flex build path。

其中output folder是生成的SWF文件的文件夹,可设置绝对路径,我把它设在了bin-debug:确定。

5、此时,设置基本完成,但是却不能部署到tomcat中,要部署到tomcat中,需要:项目右键-->MyEclipse-->Add Web Project Capabilities:在Web Root Directory中选择browser,选择WebContent,至于是否选择web.xml和Add J2EE Libralies to Buildpath,视具体情况而定。

6、安装lcds31-win.exe,并在安装后的文件夹lcds(默认)中得到lcds.war。

将lcds.war 放到tomcat的webapps中并启动tomcat得到lcds文件夹,在lcds/WEB-INF中可得到flex和lib文件夹,flex文件夹是flex的配置文件,lib是所需要的jar包,全部复制到项目的WebContent中的WEB-INOF中覆盖即可。

最后,要加上SSH的话只需要在WebContent下的WEB-INF下加上相应的配置文件和在lib中加上相应的jar包就可以了。

flex开发环境配置手册

flex开发环境配置手册

flex开发环境配置手册开发工具篇开发工具那个地点要紧需要介绍的是两个Flex开发工具的环境配置Micromedia Flex Builder 1.5FlexBuilder 2.0 Eclipse 插件Micromedia Flex Builder 1.5环境配置安装Micromedia Flex Builder 1.5安装部分比较简单,差不多上和其他的Windows软件安装差不多,那个地点不做详细介绍。

配置开发环境Flex Builder开发工具总体预览如下图1 总体预览OK,上面是配置完成的Flex Builder的开发环境预览,下面我们开始进入配置介绍,在这之前请先阅读Flex开发环境配置手册----服务器篇。

因为那个地点使用的服务器是在服务器篇中介绍的布局,因此建议最好先阅读服务器篇。

新建Flex站点第一我们需要在Flex Builder中为我们的Flex项目构建一个站点,我那个地点假设其站点名称为genifyFlex,并在服务器的公布名目下新建一个genifyFlex名目,因此那个名称你能够选取自己喜爱的名称。

在Flex Build er的菜单栏Site New Flex Site中配置项目站点,如下所示:图2 新建Flex站点01图3 新建Flex站点02Site name:Flex项目使用的站点名称。

Local root folder:项目源文件放置位置。

Flex server root folder:服务器篇中安装的Flex 1.5的名目(注意那个不是Flex Builder的名目)。

URL prefix:用户访咨询时使用的URL前缀,在项目开发过程中对源文件进行调试时Flex Builder生成的访咨询路径的前缀也使用该前缀。

站点配置那个地点能够在上面的More Settings链接对站点进行更加详细的配置,也能够在Flex Builder的菜单栏Site Manage Sites进行站点的详细配置图4 配置Flex站点01图5 配置Flex站点02在那个地点我们选择Edt对站点的一些信息进行详细配置,因此我们也能够在那个地点建立站点或者导入导出站点信息,这些不是我们那个地点的重点。

flex项目开发步骤

flex项目开发步骤

在MyEclipse6.0中部署FLEX的WEB工程的过程1)建立Flex项目,首先在MyEclipse下打开Flex视图,右键建立Flex工程。

在其中输入项目名称,点击“Next”按钮。

1)File->New->Flex Project如下图2)输入Project name,按下图设置各项,设置完单击Next按钮3)设置Tomcat在上面的界面点击“Next”按钮(为了建立Tomcat服务器)PS:此处的output folder应该是context folder一样,都是WebRoot建立TomCat服务器,如下图所示(1)单击Target runtime的New按钮(2)选择Apache的Tomcat v6.0 Server如下图单击Next(3)单击Tomcat installation directory的Browse按钮(4)单击JRE的Installed JREs按钮(5)选择Standerd VM,单击Next(6)单击JRE home的Directory按钮,选择JRE的安装目录如下图(8)单击下图的Finish按钮(9)勾选jre1.6.0,将myeclipse钩去掉然后单击OK按钮(10)在JRE 的下拉列表中选择jre1.6.0如下图单击Finish 按钮(11)单击Target runtime 的下拉按钮选择Apacher Tomcat v6.0如下图(12)将Content folder 和Output folder 都改为WebRoot(13)单击Flex WAR file的Browse按钮选择blazeds.war这个文件(此文件需要安装lcds软件,我们只是要此软件下的这个war文件即可,对于此软件的安装,没有特殊的地方,正常安装即可完成),最后点击“Next”即可进入以下界面,点击完成即可。

(blazeds.war已在你电脑中有这个包)单击Next(14)单击Finish 4) 此时Flex 项目已经建立好,再切换到MyEclipse 视图下, 各个包的讲解:src:放的是Java 的项目包flex_src:放的是Flex 项目用的文件(实际上这个项目是有两个项目框架组成的)在下面的界面中可以添加自己的代码4)在项目上右键,向Flex项目中加入Web支持(作用:为了让TomCat可以加载此项目,因为Tomcat只可以加载Web项目),如下图所示:6)弹出的对话框后,将下面的Create web.xml这一项的对勾去除(因为项目下面已经存在了web.xml文件,所以去除掉。

MyEclipse下开发Flex的步骤

MyEclipse下开发Flex的步骤

MyEclipse下开发Flex的简单步骤1、新建Web Project:图1 新建web projectProject name命名自定,这里设定为:FlexProject,J2EE级别选择1.5,因为之后要跟Flex集成,所以source folder最好更改一下,这里改为:java_src,如图2。

图2 web project设定2、项目上右键,在MyEclipse的子菜单,选择增加Spring特性。

图3 选择增加Spring特性选择必要的Spring库,并选中:Copy checked Library contents to project folder(TLDs aways copied),会自动将需要的jar包都复制到/WEB-INF/lib文件夹下,方便单独发布。

图4 新增Spring特性第一步点击Next后,在默认选项下,根据自己的习惯,选择放置applicationContext.xml 的位置,如需更改,点击Browse,如图5、图6所示。

图5 增加Spring特性第二步图6 选择放置applicationContext.xml的位置3、部署BlazeDS服务,下载BlazeDS文件后,解压缩blazeds.war,得到一个文件夹图7 BlazeDS部署第一步将blaze文件夹下的两个目录拷贝到\FlexProject\WebRoot,覆盖同名目录。

图8 BlazeDS部署第二步4、在MyEclipse中配置数据库源,选择MyEclipse Database Explorer,如果不能在快速切换栏里找到,可以进Windos-Open Perspective-Other中找到如图9所示。

图9 选择MyEclipse Database Explorer透视图在右侧的DB Browse里右键,新建一个数据库连接。

图10 新建数据库连接。

在Driver template中选择你的数据库类型,Driver name自定,Connection URL 需要使用正确的路径,如现在的程序里是:jdbc:mysql://localhost:3306/apress,所以要将<hostname>与<dbname>替换为正确的名称,填写好User name 与Password,这里的用户名和密码指的是数据库的登录名与密码,点击Add JARS,选择已经下载到本地的数据库连接jar包,这里是mysql-connector-java-5.1.10-bin.jar。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

一、准备工作:
所需要的软件:
Eclipse 3.3 :
FlexBuilder3 beta2 插件版: FB3_WWEJ_Plugin
MyEclipse 6.0:/
Lcds ds-console.war:ds-console.war
Tomcat 5:/
二、安装过程:
1. 安装MyEclipse6.0(在此不再详述)。

2. 安装FlexBuilder3 beta2 插件版(FB3_WWEJ_Plugin.exe),请参考下图所示
(1)双击可执行文件
(2)弹出对话框,不用管它,直接点击”OK”就可以了
(3)现在是询问你是否要安装FLEX BUILDER 3插件,选择“next”。

(4)现在是询问你是否同意协议,选择“同意”,点击“next”按钮。

(5)请你选择FLEX BUILDER的安装路径,你可以自行选择,然后点击“next”按钮。

(6)注意:这一步很重要,是要你选择MyEclipse6.0中的Eclipse的安装路径,请仔细选择。

然后点击“next”按钮即可。

(7)然后弹出让你耐心等待的界面,过一会儿然后弹出一个对话框,询问你是不是安装的是Eclipse3.2或3.3以及更高版本,请大家选择“Proceed with Caution”按钮即可。

(8)此界面是询问你是不是要安装IE和FireFox浏览器上的flash play 9,我还是希望大家两项都选,便于调试。

然后点击“next”按钮。

(9)弹出窗口,点击“安装”。

(10)打开你FlexBuilder插件安装的文件夹,打开下面的“eclipse”文件夹,可以看到里面有features和plugins两个文件夹,将他们copy到MyEcipse6.0下的eclipse文件夹下的features和plugins两个文件夹内(一一对应上,不要放错)。

(11)然后将FlexBuilder插件安装的文件夹中的sdks放入到MyEcipse6.0下的eclipse文件夹下。

(12)配置基本完成。

只是你就可以在MyEclipse6.0下切换视图,从中找到Flex 对应的的视图结构。

在MyEclipse6.0中部署FLEX的WEB工程的过程
1)建立Flex项目,首先在MyEclipse下打开Flex视图,右键建立Flex工程。

在其中输入项目名称,点击“Next”按钮。

2)此页面点击“New”按钮(为了建立Tomcat服务器)
PS:此处的output folder应该是context folder一样,都是WebRoot
建立TomCat服务器,如下图所示
注意一定要选择和你MyEclipse下对应的TomCat版本,然后点击“Next”按钮,进入下一个界面,点击“finish”即可。

3)回到了第二步的界面,点击“Brower..”按钮,选择ds-console.war这个文件(此文件需要安装lcds软件,
我们只是要此软件下的这个war文件即可,对于此软件的安装,没有特殊的地方,正常安装即可完成),
最后点击“Next”即可进入以下界面,点击完成即可。

4)此时Flex项目已经建立好,再切换到MyEclipse视图下,如图所示:
各个包的讲解:
src:放的是Java的项目包
flex_src:放的是Flex项目用的文件
(实际上这个项目是有两个项目框架组成的)
5)在项目上右键,向Flex项目中加入Web支持(作用:为了让TomCat可以加载此项目,因为Tomcat只可以加载Web项目),如下图所示:
6)弹出的对话框后,将下面的Create web.xml这一项的对勾去除(因为项目下面已经存在了web.xml文件,
所以去除掉。

),点击“Finish”按钮即可。

7)项目已经全部搭建完成。

(可以发现项目的图标变为两个地球的样子)
在Flex中完成项目各个文件的部署工作
1)我们先总体看一下项目现在的样子
可以看到其中有一个Flex_J2eeDemo.mxml文件,它就是Flex项目的应用程序的入口位置,
项目的开始都是从这里开始的,一个项目中只有一个这样的文件,其他均是组件文件。

2)Flex项目的分层结构,下图是我现在的项目样子:
我们可以看到flex_src文件夹下,我建立了三个文件夹
ascode:用于放ActionScript文件。

css:用于放css样式文件。

view:用于放项目中组件文件(mxml文件)。

(注意:这三个文件夹很像Java中的包,当然也可以像Java一样按照功能模块进行划分,这里面只是分一个大体的层,要根据项目决定。


3)Java项目下的分层步骤:
和以前的Java项目一样,还是在src包中建立自己所需要的包结构。

在此项目中,我们是按照模块进行划分的,然后在每个模块下分出:Biz,Dto,Dao,Entity层,而VO层将交给Flex中的View文件夹进行统一管理。

4)DeBug调试可以使用MyEclipse6.0进行JavaCode调试,再使用FlexBuilder 进行页面调试。

呵呵,感觉不难吧!。

相关文档
最新文档