通过J2EE Web工程添加Flex项目,进行BlazeDS开发

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介:

环境:Eclipse 7.5 + Flex Builder 4 plugin for eclipse.

步骤:

1. 建立J2EE Web工程,略,工程名为Sample。

2. 安装配置BlazeDS。

  下载blazeds.war,解压,得到目录结构:

blazeds

├─META-INF

└─WEB-INF

    ├─classes

    ├─flex

    ├─lib

    └─src 

将blazeds\WEB-INF\lib下的所有jar文件复制到目录Sample\WebRoot\WEB-INF\lib下:

 cfgatewayadapter.jar
 commons-codec-1.3.jar
 commons-httpclient-3.0.1.jar
 commons-logging.jar
 flex-messaging-common.jar
 flex-messaging-core.jar
 flex-messaging-opt.jar
 flex-messaging-proxy.jar
 flex-messaging-remoting.jar
 flex-rds-server.jar

 xalan.jar

 在WEB工程下Sample\WebRoot\WEB-INF目录下新建目录flex,将blazeds\WEB-INF\flex下的所有文件复制到新建目录下:

  messaging-config.xml

 proxy-config.xml
 remoting-config.xml
 services-config.xml
 version.properties

    将blazeds\WEB-INF\web.xml中的配置信息复制到WEB工程下的web.xml中:

复制代码
复制代码
    <!-- 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>
复制代码
复制代码

 

 

 3. 添加配置Flex项目。

  部署Sample项目到Tomcat,启动Tomcat。下一步需要Web服务验证。

  右键点击Sample项目,选择=》添加/更改项目类型=》添加Flex项目类型。

   

  在“使用远程对象访问服务”选项选择BlazeDS,然后Next。

    

  选择Web服务器webapps下的Sample目录作为根文件夹,根URL填写Web项目的Web访问路径,点击“验证配置”,若服务器正常,则验证有效,然后Finish。 

     

 4. 配置完毕,可以开始开始BlazeDS开发了。

 

参考文献:

 

Sujit Reddy G, 用Flash Builder 4 beta建立连接BlazeDS远程端的Flex应用程序 http://www.adobe.com/cn/devnet/flex/articles/flashbuilder4_blazeds.html

 

 

 

 

 

普通Java Web工程流行使用ssh框架,而当前台使用Flex制作的时候,后台就不需要用Struts了,通过使用BlazeDS远程方法调用即可。

首先,新建Java Web工程,然后添加Flex项目,详情见通过J2EE Web工程添加Flex项目,进行BlazeDS开发 。

随后,导入Jar包,flex相关的jar包在添加Flex项目的时候已经导入,这里主要是导入Spring和Hibernate相关的jar包以及spring和flex集成的jar包,我用的是spring 3.0.3和hibernate 3.2.1。 下面是lib列表:

     antlr-2.7.6.jar

    asm-2.2.3.jar
    asm-commons-2.2.3.jar
    asm-util-2.2.3.jar
    aspectjlib.jar
    aspectjrt.jar
    aspectjweaver.jar
    backport-util-concurrent.jar
    c3p0-0.9.1.jar
    cfgatewayadapter.jar
    cglib-nodep-2.1_3.jar
    com.springsource.edu.emory.mathcs.backport-3.0.0.jar
    com.springsource.net.sf.cglib-2.2.0.jar
    com.springsource.org.aopalliance-1.0.0.jar
    commons-codec-1.3.jar
    commons-collections-3.1.jar
    commons-httpclient-3.0.1.jar
    commons-io-1.4.jar
    commons-lang-2.3.jar
    commons-logging.jar
    dom4j-1.6.1.jar
    ehcache-1.2.3.jar
    flex-messaging-common.jar
    flex-messaging-core.jar
    flex-messaging-opt.jar
    flex-messaging-proxy.jar
    flex-messaging-remoting.jar
    flex-rds-server.jar
    freemarker-2.3.15.jar
    hibernate-commons-annotations-3.2.0.Final.jar
    hibernate-core-3.5.4-Final.jar
    hibernate-jpa-2.0-api-1.0.0.Final.jar
    jackson-lgpl-0.9.5.jar
    javassist.jar
    jta-1.1.jar
    log4j-1.2.15.jar
    mysql-connector-java-5.1.13-bin.jar
    org.springframework.aop-3.0.3.RELEASE.jar
    org.springframework.asm-3.0.3.RELEASE.jar
    org.springframework.aspects-3.0.3.RELEASE.jar
    org.springframework.beans-3.0.3.RELEASE.jar
    org.springframework.context-3.0.3.RELEASE.jar
    org.springframework.context.support-3.0.3.RELEASE.jar
    org.springframework.core-3.0.3.RELEASE.jar
    org.springframework.expression-3.0.3.RELEASE.jar
    org.springframework.flex-1.0.3.RELEASE.jar
    org.springframework.instrument-3.0.3.RELEASE.jar
    org.springframework.instrument.tomcat-3.0.3.RELEASE.jar
    org.springframework.jdbc-3.0.3.RELEASE.jar
    org.springframework.jms-3.0.3.RELEASE.jar
    org.springframework.orm-3.0.3.RELEASE.jar
    org.springframework.oxm-3.0.3.RELEASE.jar
    org.springframework.test-3.0.3.RELEASE.jar
    org.springframework.transaction-3.0.3.RELEASE.jar
    org.springframework.web-3.0.3.RELEASE.jar
    org.springframework.web.portlet-3.0.3.RELEASE.jar
    org.springframework.web.servlet-3.0.3.RELEASE.jar
    org.springframework.web.struts-3.0.3.RELEASE.jar
    slf4j-api-1.5.8.jar
    slf4j-log4j12-1.5.8.jar
    xalan.jar

 修改配置文件,web.xml,其中最重要的是修改原先MessegeBroker Servlet,改为由Spring web应用前端控制器处理所有请求。

复制代码
复制代码
代码
    <!-- MessageBroker Servlet 单独为Flex配置xml-->  
    <servlet>  
        <servlet-name>flex</servlet-name>  
        <servlet-class>  
            org.springframework.web.servlet.DispatcherServlet  
        </servlet-class>  
        <init-param>  
            <param-name>contextConfigLocation</param-name>  
            <param-value>  
                /WEB-INF/config/flex-application-config.xml  
            </param-value>  
        </init-param>  
        <load-on-startup>1</load-on-startup>  
    </servlet>  
  
    <!-- 
    Map all /messagbroker requests to the DispatcherServlet for handling 
    -->  
    <servlet-mapping>  
        <servlet-name>flex</servlet-name>  
        <url-pattern>/messagebroker/*</url-pattern>  
    </servlet-mapping>
复制代码
复制代码

 

 

 

配置 flex-application-config.xml,注意增加的几个命名空间,需要包org.springframework.flex-1.0.3.RELEASE.jar,同时在这个文件里定义了bean,在mxml里面会引用到:

复制代码
复制代码
flex-application-config.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">

    <!-- Bootstraps and exposes the BlazeDS MessageBroker simplest form --> 
    <flex:message-broker/>  
    
    <bean id="test" class="sample.Test">
          <property name="userDAO">
            <ref bean="userDAO" />
        </property>
          <flex:remoting-destination />
    </bean>
</beans>
 
复制代码
复制代码

 

 

 

 

 

 

hibernate的配置,用到c0p0.jar,

 daoContext.xml

复制代码
复制代码
<?xml version="1.0" encoding="UTF-8"?>
<beans
    xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:p="http://www.springframework.org/schema/p"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">
    
    <!-- 使用c3p0定义数据源Bean -->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource" destroy-method="close">
        <property name="driverClass" value="com.mysql.jdbc.Driver"/>       
        <property name="jdbcUrl" value="jdbc:mysql://localhost:3306/db"/>       
        <property name="user" value="user"/>       
        <property name="password" value="pass"/> 
    </bean>

    <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
        <property name="dataSource" ref="dataSource"></property>
        
        <property name="hibernateProperties">
            <props>
                <prop key="hibernate.dialect">
                    org.hibernate.dialect.MySQLDialect
                </prop>
                <prop key="hibernate.show_sql">
                    true
                </prop>
                <prop key="hibernate.format_sql">
                    true
                </prop>
                <prop key="hibernate.show_statistics">
                    false
                </prop>
            </props>
        </property>
        
        <property name="mappingResources">
            <list>
                <value>sample/dao/User.hbm.xml</value>
            </list>
        </property>
    </bean>
    
    <bean id="userDAO" class="sample.dao.UserDAO">
        <property name="sessionFactory">
            <ref bean="sessionFactory" />
        </property>
    </bean>

</beans>
复制代码
复制代码

 

 

 test.mxml,这里主要是定义和调用远程对象,远程对象的bean在上面的flex-application-config.xml里面有定义,调用类sample.Test.java中的createUser方法。

 <?xml version="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:Script>
        <![CDATA[
            
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            protected function button_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                test.createUser("name","pass");
            }
            
            protected function resulth(event:ResultEvent):void
            {
                label.text="Succeed!";
            }
            
            protected function faulth(event:FaultEvent):void
            {
                label.text="failed!";
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
        <mx:RemoteObject id="ro" destination="test" result="resulth(event);" fault="faulth(event);" />
    </fx:Declarations>
    <s:Button x="165" y="96" label="点一下" width="414" height="110" fontSize="26" id="button" click="button_clickHandler(event)"/>
    <s:Label x="287" y="290" text="远程调用测试" width="202" height="50" verticalAlign="middle" textAlign="center" fontSize="22" id="label"/>
</s:Application>
复制代码
复制代码

 

 

 

 总结:这篇笔记不大全,只是大概展现了整合这些框架的要点,其中,主要是Flex4,spring3和BlazeDS4之间的整合。尤其需要注意的是jar包的导入。

 本文没有涉及到blazeDS和spring整合实现远程方法调用服务和消息服务的配置,会在接下来写。



本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/4191915.html,如需转载请自行联系原作者

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
15天前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
22天前
|
缓存 JSON 监控
如何在项目中保证 Web 组件化的性能
保证 Web 组件化的性能需要从多个方面入手,综合运用各种优化方法和策略。通过持续的优化和改进,能够提高组件化的整体性能,为用户提供更好的体验,同时也有助于提高项目的开发效率和质量。
31 8
|
22天前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
27 7
|
26天前
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
|
26天前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
35 2
|
28天前
|
监控 安全 测试技术
如何在实际项目中应用Python Web开发的安全测试知识?
如何在实际项目中应用Python Web开发的安全测试知识?
28 4
|
28天前
|
中间件 Go API
Go语言中几种流行的Web框架,如Beego、Gin和Echo,分析了它们的特点、性能及适用场景,并讨论了如何根据项目需求、性能要求、团队经验和社区支持等因素选择最合适的框架
本文概述了Go语言中几种流行的Web框架,如Beego、Gin和Echo,分析了它们的特点、性能及适用场景,并讨论了如何根据项目需求、性能要求、团队经验和社区支持等因素选择最合适的框架。
70 1
|
1月前
|
开发者 UED 容器
鸿蒙next版开发:ArkTS组件通用属性(Flex布局)
在HarmonyOS next中,ArkTS的Flex布局是一种强大且灵活的布局方式,支持水平或垂直方向排列元素,并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap,适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
77 10
|
1月前
|
JavaScript 前端开发 开发工具
web项目规范配置(husky、eslint、lint-staged、commit)
通过上述配置,可以确保在Web项目开发过程中自动进行代码质量检查和规范化提交。Husky、ESLint、lint-staged和Commitlint共同作用,使得每次提交代码之前都会自动检查代码风格和语法问题,防止不符合规范的代码进入代码库。这不仅提高了代码质量,还保证了团队协作中的一致性。希望这些配置指南能帮助你建立高效的开发流程。
45 5
|
1月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
52 1
下一篇
DataWorks