Flex安装部署文档.docx
- 文档编号:7792899
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:17
- 大小:713.98KB
Flex安装部署文档.docx
《Flex安装部署文档.docx》由会员分享,可在线阅读,更多相关《Flex安装部署文档.docx(17页珍藏版)》请在冰豆网上搜索。
Flex安装部署文档
三、Flex安装过程
1.解压eclipse-jee-indigo-SR2-win32,作为应用程序开发环境.
2.安装AdobeFlashBuilder4.6Plug-inUtility.exe,如图3-1所示,在Eclipse文件夹路径中,选择刚才解压的eclipse-jee-indigo路径,下一步进行安装.
图3-1
3.解压tomcat安装文件。
然后打开eclipse,在eclipse中新建DynamicWebProject,选择新建tomcat,选择tomcat的解压文件,如图3-2.
图3-2
4.导入demo中的相关文件,将demo中WebContent中所有文件,复制到project当中的WebContent,注意,需要全部复制替换,然后回到eclipse,刷新一下。
并在project目录下建立flex-src文件夹,清空flex-bin下的所有内容
5.右键单击project,选择属性,将缺省输出文件夹进行如图的更改,点击确定,如图3-3.
图3-3
6.项目文件部署,将project工程下的.setting及.project以及.classpath以及WebContent下的所有文件形成一个文件夹,名为project,扔到eclipse所依赖的tomcat服务器下的webapp下
7.将web项目添加flex类型,右键单击project,选择添加/更改项目类型-〉添加flex项目类型,会出现如图3-4所示内容:
图3-4
8.点击下一步,出现图3-5内容,按照以下内容,对文本框内容进行修改:
(注意其中的跟文件夹要根据tomcat路径来写,输出文件夹要定位到workspace下的flex-bin)
图3-5
9.点击完成后会切换到flash视图,然后可能出现如图3-6错误。
右键选择错误并单机创建html模板可以解决。
图3-6
10.右键单击project,选择属性,选择flex构建路径.将主源文件夹改成flex-src。
单击确定。
此时将源路径下src文件夹的.mxml文件复制到flex-src下.
图3-7
11.切换到j2ee视图,在src下新建类,代码如下:
packagecn.riahome.java;
publicclassHelloWorld
{
publicHelloWorld(){
}
publicStringgetHelloWorld(Stringname){
System.out.println("ok");
return"HelloWorld!
"+name;
}
}
12.将flex-src下的文件用以下代码替换:
xmlversion="1.0"encoding="utf-8"?
>
Applicationxmlns: fx=" xmlns: s="library: // xmlns: mx="library: //minWidth="955"minHeight="600"> Declarations> --将非可视元素(例如服务、值对象)放在此处--> RemoteObjectid="remoteObject" destination="helloWorld"source="cn.riahome.java.HelloWorld" result="resultHandler(event)"fault="faultHandler(event)" /> Declarations> Script> [CDATA[ importmx.controls.Alert; importmx.rpc.events.FaultEvent; importmx.rpc.events.ResultEvent; privatefunctionresultHandler(event: ResultEvent): void{ Alert.show(event.result.toString(),"成功"); } privatefunctionfaultHandler(event: FaultEvent): void{ Alert.show(event.fault.toString(),"失败"); } protectedfunctionbutton1_clickHandler(event: MouseEvent): void { remoteObject.getHelloWorld("zhaoyashan"); } ]]> Script> Buttonlabel="发送消息"click="button1_clickHandler(event)"x="256.5"y="197"/> Application> 13.试运行程序,先让其runonserver,然后右键点击project-〉运行方式-〉web应用程序,此时会报404错误,没关系,我们进行如下修改: 右键点击project.xmxl-〉运行方式-〉运行配置,更改使用默认值以及路径,如图3-8所示: 图3-8 14.点击应用,点击运行,就可以看到这样的界面,点击发送消息,可以看到helloword! zhaoyashan即安装成功! (若以上成功,则可进行以下步骤) 四、flex+arcgis用于显示地图轨迹 4.1在src/cn/riahome/java新建GPSParser.java,将GPSParser.java文件但中的内容拷贝进去。 4.2改变轨迹文件的目录,原路径当中是“F: \\GPSFiles\\”,需要放到新的路径当中,并且在程序中变更相应的目录。 4.3最后,改变project.mxml的代码,具体可以将附录当中的project.xmxml拷贝到新此文件当中。 注意,其中的 ArcGISDynamicMapServiceLayerurl="http: //192.168.1.164: 6080/arcgis/rest/services/zbh123/MapServer"/> 代码,需要将url改变为之前已经发布好的地图服务(即: http: //localhost: 6080/arcgis/rest/services/zbh123/MapServer) 4.4右键选择project->运行方式->runonserver,等待其启动之后,会报错,此时,再右键选择project.mxml->运行方式->Web应用程序,即可得到如图4-1 图4-1 在文本框当中输入号码ID,如123,点击GPS即可得到其轨迹,如图4-2: 图4-2 五、flex+arcgis+liferay整合方法 1、直接采用iframe的方法嵌入 在liferay新建一个页面,然后添加一个portlet,名为iframe, 在iframe中添加url(例如,http: //localhost: 8080/project/flex-bin/project.html), 然后配置iframe页面参数,如页面宽度width之类的。 2、采用ajaxBridge方法嵌入 六、Restful服务框架搭建 1.首先要有必要的软件,包括: EclipseIDEforJEE(v3.4版本以上),JavaSE5或更高版本,Tomcat6.0,Jersey库。 配置eclipse使用Tomcat,在此不赘述。 2.在eclipse中创建名为”HelloWorld”的DynamicWebProject工程 3.复制jersey开发包下的所有jar包到工程目录/WebContent/WEB-INF/lib目录下。 然后刷新一下工程。 4.在工程的/WebContent/WEB-INF下的web.xml中定义servlet调度程序,即将以下代码复制到web.xml中, com.sun.jersey.spi.container.servlet.ServletContainer 5.然后在工程的javaResources目录中新建一个类,名为Hello,注意类名和package名虽然可以任意,但上图中绿色框标示的名称必须和package名一致。 6.在Hello.java中添加以下代码, importjavax.ws.rs.core.MediaType; importjavax.ws.rs.*; @Path("/hello") publicclassHello{ @GET @Produces(MediaType.TEXT_PLAIN) publicStringsayHello(){ return"HelloJersey"; } } 7.可以测试了,在Tomcat上运行工程,访问http: //localhost: 8080/HelloWorld/rest/hello/,看到如图即表示配置成功。 七、实现flex与restful的基本通讯,例子”Hellojersey”和”HelloXXX” 1.首先我们来实现无参数的通讯。 首先在flashbuilder中新建flex项目, 2.在设计页面做个简单页面,发送按钮ID=send,发送信息框ID=sendmsg,接受信息框ID=recmsg,定义按钮事件为doSend();注意分号别漏了。 3.在源代码页面添加如图所示代码: Declarations> --将非可视元素(例如服务、值对象)放在此处--> HTTPServiceid="httpService1"useProxy="false"resultFormat="text"fault="onFalutHandler(event)"result="onGetResultHandler(event)"/> Declarations> Script> [CDATA[ importmx.rpc.events.FaultEvent; importmx.rpc.events.ResultEvent; importmx.controls.Alert; //发送出错时的处理函数 publicfunctiononFalutHandler(event: FaultEvent): void { Alert.show("发送或者接收时出现问题! "); } //接收到结果后处理的函数 publicfunctiononGetResultHandler(event: ResultEvent): void { recmsg.text=event.result.toString(); } publicfunctiondoSend(): void { httpService1.url="http: //localhost: 8080/HelloWorld/rest/hello"; httpService1.send(); } ]]> Script> 结果如图所示 4.然后运行程序单击按钮即可看到如下结果 5.最后我们来实现flex与restful之间的参数通信,即实现将flex的信息发送给restful再接受来自restful的信息并在flex上显示,只需要对上述代码做小的添加。 首先在restful的Hello.java中添加如下代码 @GET @Path("{contact}") @Produces(MediaType.TEXT_PLAIN) publicStringgetres(@PathParam("contact")Stringcontact) { return"Hello,"+contact; } 结果如图 然后在flex中的如图位置添加一行代码: 最后运行出来如图所示结果 输入要发送的信息: 点击发送:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flex 安装 部署 文档
![提示](https://static.bdocx.com/images/bang_tan.gif)