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/j2eehttp://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/j2eehttp://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/beanshttp://www.springframework.org/schema/beans/spring-beans-2.5.xsdhttp://www.springframework.org/schema/flexhttp://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 BlazeDSIntegration之前，BlazeDS要访问spring的bean，需要自己写代码。通过Spring BlazeDSIntegration，当Flash来访问服务端时，spring会把请求转发给Flex messagebroker。同时，我们把spring中的一些bean暴露成Flex remotingservice，那么Flash就能调用到spring中暴露成Flex remoting service的bean。
    主要的BlazeDS组件是MessageBroker.Flex端传入的http信息将会通过Spring的DispatcherServlet来触发Spring-managedMessageBroker. 也就是说spring用DispatcherServlet来管理BlazeDS的MessageBroker。
    配置Application-Flex.xml
<beansxmlns="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.xsdhttp://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-2.0.xsdhttp://www.springframework.org/schema/flexhttp://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工程中发布远程服务时提供的beanid一致，否则调用将会失败)：

<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
     运行结果如下：

 

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