Myeclipse10 + Flex4.6 集成开发 配置

原创 2013年12月05日 15:14:48

第一篇 博客,记录 Arcgis Server 开发之路

最近,要研究生毕业了,找了份工作,是做Arcgis二次开发的,之前没怎么做过,从今天开发学习。

由于在公司实习用过Flex,这几天在网上荡来荡去,发现Arcgis有Flex Api,用Flex做二次开发的前端,好处有一大堆,我就不说了。

现在Web企业系统基本上都是基于j2ee的,因此Arcgis二次开发也大多数是基于j2ee的,也由于我javaweb比较熟悉吧。

搭配环境是开发的第一步。

下面是我搭Myeclipse + Flex + Blazeds开发的步骤,可以完美实现。

第一步:

建立WEB项目:

点击finish;

 

 

第二步:

右键WebRoot

点击import:

点金FileSystem:

点击Browse:

选择blazeds的解压缩文件夹:在blazeds文件夹下有两个子文件夹,分别是:

META-INF,WEB-INF,导入之后,如下图所示:

点击finish,在弹出的对话框选择yes  to  all

这时候项目结构如下:

 

第三步:

把项目部署到tomcat中

第四步:

右键项目名称:选择 添加/更改项目类型,选择添加FLEX项目类型,如下图所示:

配置如下:

点 next:

配置如下:

 

一开始会提示你先点击验证配置,这个不用管,先把配置弄好,再点击验证配置,

根文件夹:前面你部署项目到tomcat,直接去tomcat下的webapps找到项目

根url:http://localhost:tomcat端口号,我的是8080/项目名称(flexDemo)

上下文根目录:和项目名称一致(flexDemo)

输出文件夹:我是手动填写的,没用默认的,这里是WebRoot

完成之后点击验证配置,

点击finish:项目结构如下:

项目有错误,去找

点击右键:

错误就消失了。

第四步:

往flexDemo文件里面拖放一个DataGrid控件,代码如下:

<?xmlversion="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="955" minHeight="600">

    <fx:Declarations>

        <!-- 将非可视元素(例如服务、值对象)放在此处 -->

    </fx:Declarations>

    <mx:DataGrid x="138" y="67">

        <mx:columns>

            <mx:DataGridColumn headerText="列 1" dataField="col1"/>

            <mx:DataGridColumn headerText="列 2" dataField="col2"/>

            <mx:DataGridColumn headerText="列 3" dataField="col3"/>

        </mx:columns>

    </mx:DataGrid>

   

</s:Application>

 

部署到tomcat下,启动tomcat

在浏览器输入:http://localhost:8080/flexDemo/flexDemo.html

出现如下所示画面就说明成功了:

第五步:建立java与Flex的通信:

 

首先在src下创建两个类:P和PS

package test;

 

public class P {

   

String name;

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public P(String n){

        this.name=n;     

    }

}

 

package test;

 

import java.util.ArrayList;

import java.util.List;

 

public class PS {

 

    public List getList(){

        List l=new ArrayList();

        for(int i=0;i<10;i++){

            l.add(new P("第"+i+"个"));

           

        }

        return l;         

    }

}

 

第六步:

WEB-INF文件夹下的flex中在remoting-config.xml文件中定义 PS对应的 destination

<destination id="test">

    <properties>

        <source>test.PS</source>

    </properties>

</destination>

 

flexDemo.mxml代码如下:

<?xmlversion="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="955" minHeight="600"  creationComplete="init()">

    <fx:Script>

        <![CDATA[

            import mx.controls.Alert;

            import mx.rpc.events.ResultEvent;

            import mx.rpc.events.FaultEvent;

           

            [Bindable]

            private varemployeeList:Object;

           

            private function init():void {

                employeeServiceRO.getList();

            }

           

            private function resultHandler(event:ResultEvent):void {

                employeeList =event.result;

            }

           

            private function faultHandler(event:FaultEvent):void {

                //Alert.show(event.fault.faultString, 'Error');

                Alert.show(event.toString(),'Error');

            }

        ]]>

    </fx:Script>

    <fx:Declarations>

        <mx:RemoteObject id="employeeServiceRO" destination="test"

                         result="resultHandler(event);"

                         fault="faultHandler(event);"/>

    </fx:Declarations>

    <mx:DataGrid x="32" y="25" width="400" dataProvider="{employeeList}">

        <mx:columns>

            <mx:DataGridColumn headerText="Name" dataField="name"/>

        </mx:columns>

    </mx:DataGrid>   

</s:Application>

注意:<mx:RemoteObject> 中的destination必须与remoting-config.xml中的destination中的id名称一样,这里都是test

第七步:修改隐藏文件夹的配置信息:

可以去项目所在的目录中找,也可以在myeclipse直接修改,如下所示:

点击之后如下所示:

点一下 把前面的勾去掉,点击OK,就可以显示隐藏文件了,项目结构如下所示:

打开flexProperties文件:

修改配置信息:

serverContextRoot="flexDemo"

将serverContextRoot改为你项目的名称,如果本来就是项目名称就不用改了,然后刷新一下项目,右键项目名称,点击refresh;

重新部署,启动tomcat,打开浏览器输入:http://localhost:8080/flexDemo/flexDemo.html

出现如下界面,说明项目成功:


flex 性能,查看内存

翻译:FireYang 来源:http://www.insideria.com 在屏幕上的显示的东西直接影响到Flex应用程序的响应能力和性能。更多的东西,更加降低了应用 程序的响应速...
  • fengg5241
  • fengg5241
  • 2012年02月13日 12:42
  • 374

Flex内存使用技巧

内存问题向来是程序员十分关注的一个方面,也是体现程序健壮性与否.对于C/C++等类C语言来说,编程人员要对程序使用的内存进行比较谨慎的处理,否则很容易导致内存泄露而使得程序运行缓慢甚至失效.而对于Ja...
  • haha0832
  • haha0832
  • 2010年07月26日 00:51
  • 2380

flex + myeclipse 结合开发web项目

flex + myeclipse 结合开发web项目 主要说一下配置方式: 1、分别建flex 跟web项目 2、flex跟java需要靠blazeds,才能结合到一起,blazeds网上都有可...
  • niyehunwu
  • niyehunwu
  • 2015年08月17日 18:20
  • 780

Myeclipse安装Flex插件

自从flex Flash Builder 4.5 flex Flash Builder 4.6发布后,相信很多人已经像我一样下载并安装这个版本了。但如果您是Java开发者,已经安装了Eclipse,可...
  • unimme
  • unimme
  • 2014年05月19日 23:35
  • 917

Myeclipse10 整合 Flex4 开发简单例子

第一步  安装FlashBui4.6  破解方法可以网上找 第二步  Myeclispe10和tomcat jdk自行网上安装 第三步  Myeclipse集成Flex环境   ...
  • soanl
  • soanl
  • 2013年11月19日 13:23
  • 1963

Flex外包团队—开发工具:Flex4.6新特性介绍

 在今年初,Adobe发布了其第一个支持移动应用程序开发的Flex SDK和Flash Builder版本。Flex 4.5引入了一组移动优化的组件和移动优化的应用程序框架,而Flash Bui...
  • dotfun
  • dotfun
  • 2013年12月06日 22:41
  • 8041

myeclipse10配置tomcat详细过程

首先确保你已经成功的安装 了myeclipse10和tomcat(我用的是tomcat6) 1:在myeclipse10中添加tomcat: 选择属性preferences之后进入配置框: ...
  • vspeter
  • vspeter
  • 2013年03月15日 01:10
  • 21617

myeclipse10配置tomcat详细过程

(转载)http://blog.csdn.net/vspeter/article/details/8675803 首先确保你已经成功的安装 了myeclipse10和tomcat(我用的是t...
  • u010746364
  • u010746364
  • 2016年11月09日 16:39
  • 1401

myeclipse10配置Android开发环境

Android 开发环境配置
  • u013795222
  • u013795222
  • 2015年03月10日 10:48
  • 847

MyEclipse10配置Python开发环境

Pydev 是eclipse的一个插件,当然也适合myeclipse。 首先是准备工作,你必须安装了myeclipse与 python,这里我分别安装是myeclipse10和python2.7,安...
  • MarkHo365
  • MarkHo365
  • 2013年03月18日 13:42
  • 8966
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Myeclipse10 + Flex4.6 集成开发 配置
举报原因:
原因补充:

(最多只允许输入30个字)