给java web项目利用BlazeDS添加flex（Flex3）支持——整合基础

最新推荐文章于 2024-10-16 18:20:22 发布

紫金

最新推荐文章于 2024-10-16 18:20:22 发布

阅读量1.5k

点赞数

分类专栏： Flex Java Web 文章标签： flex java web tomcat application encoding

本文链接：https://blog.csdn.net/javalzbin/article/details/6848065

版权

Java Web 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

Flex

1 篇文章 0 订阅

订阅专栏

个人整理，作者：javalzbin

声明：

此文章是个人总结的简单内容

文章是简单的hello world，认为简单的别看，以免浪费你的时间

转载保留原创地址

新建web工程，给当前web工程添加flex支持

Web 工程目录

首先下载BlazeDS 然后解压BlazeDS.war到%TOMCAT_HOME%/webapps目录下文件名为blazeds内包涵了WEB-INF和META－INF文件夹，目录为：

添加blazeds 支持：

%TOMCAT_HOME%/webapps/blazeds/WEB-INF/lib目录下面所有jar文件拷贝到工程的webRoot/WEB-INF/lib 目录下

将%TOMCAT_HOME%/webapps/blazeds/WEB-INF/flex目录拷贝到工程的webRoot/WEB-INF 下.

最后，项目目录为

配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  
    <display-name>BlazeDS</display-name>
    <description>BlazeDS Application</description>
    <!-- Http Flex Session attribute and binding listener support -->
    <listener>
        <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>
 
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

至此，项目就集成了blazeDS功能了，写个hello world 经典测试类

package com.lzbin.test;
public class HelloWorld {
	public String sayHelloTo(String name){
		return "Hello World "+name;
	}
}

打开工程的WebRoot/WEB-INF/flex/remoting-config.xml,添加一个供flex 客户端调用的destination

<?xml version="1.0" encoding="UTF-8"?>
<service id="remoting-service" 
    class="flex.messaging.services.RemotingService">

    <adapters>
        <adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/>
    </adapters>

    <default-channels>
        <channel ref="my-amf"/>
    </default-channels>
	
<!-- 配置的重点是这里开始 -->	
	<destination id="Hello">
	    <properties>
	    	<source>com.lzbin.test.HelloWorld</source>
	    </properties>
	</destination>
<!-- 配置的重点是这里结束 -->		

</service>

然后，先部署项目到tomcat目录下，启动tomcat，目的一是为了看看能不能正确启动，目的二，是为了在%TOMCAT_HOME%/webapps目录下产生一个文件夹，此文件夹就是当前项目的对应的部署文件

然后，就是为项目添加flex的支持，选种项目点右键 Flex Project Nature → Add Flex Project Natrue ，如下图（前提是，eclipse装了Flex Builder 插件）

然后，弹出一个框，如图：

点next后，弹出：

注意了！！！！！

这里的Root folder要指向你Tomcat下的Webapps里的项目下面（这就是为什么刚刚要先部署下项目的原因，要不找不到）

Root URL是你用来调试用的，localhost后面的名子要和上面Root folder里的要相同，

Context root 这里也是的，

output folder ：指Filex编译程序的位置，即，编译后的文件放置到哪里，选择放置到tomcart目录下，设置如下图

注意，设置完Root folder、Root URL、Context root三个后，要按下Validate Configuration按钮进行校验，然后点Finish完成

接下来就是配置环境了，未设置的时候，项目是会报错的

现在的目录为：

配好环境就可以了，首先，选中项目，右键 → Properties 弹出

选择，Flex Build Path 然后在右边选择Library path ，可以看到SDK出错信息，

选中，把它remove掉

然后，点Flex Build Path选项，在Source path 选项卡中，点Add Folder在弹出的对话框中写上flex_src。这表示所有的FLEX文件都放在这里，这个文件夹就是FLEX的源文件夹！如同JAVA里src一样！写完后点OK就可以了，然后在下面的Main source folder也改成flex_src

设置完之后，选择Flex Compiler，如下图，

设置Flex SDK Version为 use default SDK 其他不变，然后点击下apply按钮，回到Flex Build Path 然后在右边选择Library path,可以看到：

然后选择，Flex Server，如下图的设置，

一般不改，然后点击OK，完成

此时，项目目录为

把Flex JavaTest.mxml放到flex_src下，以后建立此类型文件，都建立在这个下面

如下图：

然后可以看到一个错误

这个错误说缺少模板，可以选中，右击，选中“recreate HTML Templates”.你再刷新一下项目，你会看到项目里新增了一个“html-templates”文件夹

错误就没了，此时目录为：

启动tomcat，成功启动后，在

FlexJavaTest.mxml文件点右键，Run As → Flex Application

如下图:

然后，可以发现，浏览器就可以正常使用了

好，现在测试调用刚写的后台的java类，首先，修改FlexJavaTest.mxml 内容如下

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:RemoteObject id="say" destination="Hello">
		
	</mx:RemoteObject>
	<mx:Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/>
	<mx:TextInput x="159" y="80" id="tiName"/>
	<mx:Label x="109" y="82" text="name:"/>
	<mx:Label text="{say.sayHelloTo.lastResult}" x="44" y="162" width="448" height="71" id="lblView" color="#FCEE09" fontSize="20" fontWeight="bold" textDecoration="underline" fontStyle="normal"/>
	<mx:Script>
		<![CDATA[
			function remotingSayHello(event:Event):void{
				var iname:String=tiName.text;
				say.sayHelloTo(iname);
			}
		]]>
	</mx:Script>
</mx:Application>

完毕！！！