Spring MVC+BlzeDS+Flex框架实践：HelloWorld篇

一、环境配置：
      MyEclipse7.0
      Felx Builder3.0
      JDK1.6
      Flex sdk3.2
      Tomcat6.0

二、创建JAVA Web工程
      在MyEclipse中创建Web Project：TestProject
      将相关JAR包拷贝到WEB-INF/lib下，并引入到项目的Build Path中

三、创建FLEX工程

      在Flex Builder中创建Flex Project：TestProject

 

四、配置web.xml
      配置JAVA Web工程中WebRoot/WEB-INF/web.xml

<!--添加模式文件-->
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<!--指定欢迎页-->
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!--指定初始化文件-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
classpath:ApplicationContext.xml, classpath:Application-Flex.xml
</param-value>
</context-param>
<!--添加监听器-->
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
<listener>
<listener-class>
org.springframework.security.ui.session.HttpSessionEventPublisher
</listener-class>
</listener>
<!--添加servlet配置-->
<servlet>
<servlet-name>flex</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>flex</servlet-name>
<url-pattern>/messagebroker/*</url-pattern>
</servlet-mapping>
<!--添加session配置-->
<session-config>
<session-timeout>30</session-timeout>
</session-config>
<!--添加模式文件-->
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<!--指定欢迎页-->
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!--指定初始化文件-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>
classpath:ApplicationContext.xml, classpath:Application-Flex.xml
</param-value>
</context-param>
<!--添加监听器-->
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
<listener>
<listener-class>
org.springframework.security.ui.session.HttpSessionEventPublisher
</listener-class>
</listener>
<!--添加servlet配置-->
<servlet>
<servlet-name>flex</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>flex</servlet-name>
<url-pattern>/messagebroker/*</url-pattern>
</servlet-mapping>
<!--添加session配置-->
<session-config>
<session-timeout>30</session-timeout>
</session-config>

 

五、创建ApplicationContext.xml、Application-Flex.xml
      在 web.xml 里配置了初始化配置文件 (ApplicationContext.xml 、 Application-Flex.xml) ，因此需要在 src 目录下创建相应的 xml 文件 ( 文件名需要与 web.xml 中设置的配置文件名相同，否则加载时将会报错 ) 。

 

六、配置ApplicationContext.xml

<beans 
    xmlns="http://www.springframework.org/schema/beans" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:flex="http://www.springframework.org/schema/flex"
    xmlns:aop="http://www.springframework.org/schema/aop"
    xsi:schemaLocation="http://www.springframework.org/schema/beans 
    http://www.springframework.org/schema/beans/spring-beans-2.0.xsd
    http://www.springframework.org/schema/aop 
    http://www.springframework.org/schema/aop/spring-aop-2.0.xsd
    http://www.springframework.org/schema/flex
    http://www.springframework.org/schema/flex/spring-flex-1.0.xsd">
  <aop:aspectj-autoproxy />
  <bean id="timingAspect" class="org.perf4j.log4j.aop.TimingAspect"/>
</beans>

 

七、Spring MVC配置
    使用Spring MVC框架，将使用到两个配置文件ApplicationContext.xml、 [servlet-name]-servlet.xml
       WEB-INF/[servlet-name]-servlet.xml, 它被用于配置Web层、视图解析器、控制器、校验器以及其他所有MVC框架中必需的

 Bean。[servlet-name]指的是在web.xml部署描述符中定义的Spring dispatcher servlet的名称。
      根据在web.xml中定义的名称，我们的配置文件应该为flex-servlet.xml。在
 WEB-INF下创建flex-servlet.xml。

      配置flex-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:flex="http://www.springframework.org/schema/flex"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-2.5.xsd
http://www.springframework.org/schema/flex
http://www.springframework.org/schema/flex/spring-flex-1.0.xsd">
</beans>

 

八、Spring+BlazeDS配置
    BlazeDS是一种服务端使用java进行web通信的技术，其可以使开发人员方便地连接到后端分布式数据，推送数据到Flex或AIR应用，为RIA（rich Internet application）提供更好的体验。
    Spring集成BlazeDS就是把spring的bean暴露成BlazeDS服务。在Spring BlazeDS Integration之前，BlazeDS要访问spring的bean，需要自己写代码。通过Spring BlazeDS Integration，当Flash来访问服务端时，spring会把请求转发给Flex message broker。同时，我们把spring中的一些bean暴露成Flex remoting service，那么Flash就能调用到spring中暴露成Flex remoting service的bean。
    主要的BlazeDS组件是MessageBroker. Flex端传入的http信息将会通过Spring的DispatcherServlet来触发Spring-managed MessageBroker. 也就是说spring用DispatcherServlet来管理BlazeDS的MessageBroker。
    配置Application-Flex.xml

<beans
xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:flex="http://www.springframework.org/schema/flex"
xmlns:aop="http://www.springframework.org/schema/aop"
xsi:schemaLocation="http://www.springframework.org/schema/beans 
http://www.springframework.org/schema/beans/spring-beans-2.0.xsd
http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-2.0.xsd
http://www.springframework.org/schema/flex
http://www.springframework.org/schema/flex/spring-flex-1.0.xsd">
<!--使用Spring message Broker代替BlazeDS-->
<flex:message-broker>

 

九、BlazeDS配置
1）下载BlazeDS
      下载地址：http://opensource.adobe.com/wiki/display/blazeds/Release+Builds

2）解压blazeds.zip，解压其中的blazeds.war，将其中flex目录下的四个xml文件(messaging- config.xml、proxy-config.xml、remoting-config.xml、services-config.xml)拷贝到

•      JAVA工程WebRoot/WEB-INF/flex下(flex目录需要手动创建)
•      FLEX工程src/config下(config目录需要手动创建)

3）修改FLEX 工程src/config/services-config.xml

<?xml version="1.0" encoding="UTF-8"?>
<services-config>
    <services>
        <service-include file-path="remoting-config.xml" />
        <service-include file-path="proxy-config.xml" />
        <service-include file-path="messaging-config.xml" />        
    </services>
    <security>
        <login-command class="flex.messaging.security.TomcatLoginCommand" 
server="Tomcat"/>
</security>
<channels>
        <channel-definition 
id="my-amf" 
class="mx.messaging.channels.AMFChannel">
        <endpoint 
url="/TestWeb/messagebroker/amf" 
class="flex.messaging.endpoints.AMFEndpoint"/>
        </channel-definition>
        <channel-definition 
id="my-secure-amf" 
class="mx.messaging.channels.SecureAMFChannel">
<endpoint url="/TestWeb/messagebroker/amfsecure"
            class="flex.messaging.endpoints.SecureAMFEndpoint"/>
   <properties>
<add-no-cache-headers>false</add-no-cache-headers>
</properties>
    </channel-definition>
    <channel-definition 
id="my-polling-amf" 
class="flex.mx.messaging.channels.AMFChannel">
         <endpoint 
url=" /TestWeb/messagebroker/amfpolling"
class="flex.messaging.endpoints.AMFEndpoint"/>
         <properties>
            <polling-enabled>true</polling-enabled>
            <polling-interval-seconds>4</polling-interval-seconds>
          </properties>
     </channel-definition>
</channels>
<logging>
        <target class="flex.messaging.log.ConsoleTarget" level="Error">
            <properties>
                <prefix>[BlazeDS] </prefix>
                <includeDate>false</includeDate>
                <includeTime>false</includeTime>
                <includeLevel>false</includeLevel>
                <includeCategory>false</includeCategory>
            </properties>
            <filters>
                <pattern>Endpoint.*</pattern>
                <pattern>Service.*</pattern>
                <pattern>Configuration</pattern>
            </filters>
        </target>
</logging>
<system>
        <redeploy><enabled>false</enabled></redeploy>
    </system>
</services-config>

 

十、框架应用
1）创建UserService.java
     搭好框架后，需要在JAVA工程中创建JAVA类，并通过配置文件发布给FLEX应用，以此验证JAVA与FLEX的通信是否成功
     在JAVA工程src下创建package：com.admin.service，创建UserService.java

package com.admin.service;
 public class UserService {
  public String getMessage(){
      System.out.println("Excute UserService :"+"hello world!");
      return "Hello World";
  }
 }

2）发布UserService
    所有的JAVA类，如果想要发布给FLEX应用，就需要在Application-Flex中添加<flex:remoting-destination>节点，在Application-Flex.xml中添加如下配置：

<bean id="UserService" class="com.hand.admin.service.UserService">
   <flex:remoting-destination />
 </bean>

3）FLEX引用UserService
    对于所有JAVA工程发布的远程服务，如果需要调用，则必须在FLEX工程的配置文件remoting-config.xml中进行配置，在 remoting-config.xml中添加如下配置(这里的source必须和JAVA工程中发布远程服务时提供的bean id一致，否则调用将会失败)：

<destination id="UserService">
   <properties>
     <source>UserService</source>
   </properties>
 </destination>

4）创建FLEX应用程序
    在FLEX工程src下创建modules/common目录，创建Index.mxml，在其中调用UserService

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="vertical"
    horizontalAlign="center"
    creationComplete="initApp()" 
    fontSize="15">	
<mx:Script>
  <!--[CDATA[
	import mx.rpc.events.ResultEvent;
        import mx.controls.Alert;
	private function initApp():void{				
	  UserService.getMessage();
	  UserService.getMessage.addEventListener(ResultEvent.RESULT, getMessageHandler);
	}
	private function getMessageHandler(evt:ResultEvent):void{			      
         UserService.getMessage.removeEventListener(ResultEvent.RESULT,getMessageHandler);
	 initText.text = evt.result as String;
	}			
    ]]-->
</mx:Script>
  <mx:RemoteObject id="UserService" destination="UserService"/>
  <mx:Label text="Welcome" id="initText" fontWeight="bold"/>
</mx:Application>

5）修改FLEX主应用
     在这里需要特别提一下，由于FLEX工程创建时会默认提供一个主应用程序TestProject.mxml，当我们希望主应用程序由我们自己决定时(在本 例中主应用程序为moduls/common/Index.mxml)，需要修改FLEX工程目录下的.actionScriptProperties文 件。修改如下配置

<applications>
 <application path="TestFlex.mxml"/>
 <application path="modules/common/Index.mxml"/>
 </applications>

6）修改JAVA主页
     修改JAVA工程中的index.jsp
<!-- 设置显示的FLEX首页，URL需要与FLEX工程下的指定首页地址匹配 -->
<%response.sendRedirect(path+"/modules/common/Index.html");%>

 

十一、编译运行
1）编译FLEX工程
选择Project—>Clean—>TestProject
2）拷贝编译目录bin-debug/modules到JAVA工程的WebRoot下
3）在MyEclipse中启动Tomcat服务器
4）运行程序
     服务器正常启动后，在浏览器中输入如下地址(其中9090为服务器端口号)：
     http://localhost:9090/TestProject/modules/common/Index.html
     运行结果如下：

 

本例到此就实践结束，似乎有点长，下一次将在此基础上添加数据库配置。。。。。。