flex3+blazeds+spring+hibernate整合小结

    近来flex盛行，因此这两天也借了本书看了两天，发觉作为非页面设计人员，flex 还是很好的，flex builder很好用，拖拉就有很ＣＯＯＬ的界面了，而且flex总的来说基本东西不难学，有编程基础的人很快掌握，当然要精通就要时间了，因为库，ＡＰＩ等很多．

    下面就flex3+blazeds+spring+hibernate整合作个小结，是之前读外国好文的心得，而见国内这方面的文比较少，因此笔记之．

 

　　　首先要知道，flex3是做前端的，其实就是view层的东西了，可以替换掉struts 2，如果项目中你喜欢的话．而blazeds是adobe免费的转换网关（可以理解成转换网关），负责把后端的数据与actionscript进行转换，当然也可以用

收费的那个livecycle data services了．而spring+hiberate的组合很传统了．

 

１　准备好东西
　　　Ａ　下载blazeds，这里下载blazeds_turnkey_3-0-0-544的版本，因为自带了tomcat还有些好的例子

　　　Ｂ　FLEXBUILDER 3

         C MYSQL 5
       D SPRING+HIBERNATE,myeclipse，这些就不说了．

 

２　本文是根据http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=2&postId=7923

　去小结的．其中在http://www.adobe.com/devnet/livecycle/articles/blazeds_spring.html中，讨论了如何跟spring结合，如何跟
hsqldb结合．那么文中是举了blazeds自带的例子来做说明的，在它的基础上进行修改，变成hibernate+spring.

 

３　先从http://download.macromedia.com/pub/developer/flex_spring.zip下载例子文件，其中包括了例子和作者写的
用spring调用的组件．

　　　解压flex-spring.zip
将/flex-spring/factory/bin/flex/samples/factories 目录下的class文件拷贝到/WEB-INF/classes/flex/samples/factories目录中

 

４　在/WEB-INF/flex/services-config.xml文件中注册spring factory
<factories>
<factory id="spring" class="flex.samples.factories.SpringFactory"/>
</factories>

 

５　配置web.xml
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/applicationContext.xml</param-value>
</context-param>
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener </listener-class>
</listener>

６　在下载的程序中，我们重点关注samples\store这个目录下的程序．
其中flex目录是写好了的flex界面了，大家可以用flexbuilder去看．

而java目录其实就是后端的目录．无非就是用spring来实现对product对象的增，删改．

７　我们先用mysql　５在建立数据库　flexhibernate,表结构如下：
CREATE TABLE `product` (
  `productId` int(11) NOT NULL auto_increment,
  `name` varchar(40) NOT NULL,
  `category` varchar(40) NOT NULL,
  `image` varchar(255) NOT NULL,
  `price` double NOT NULL,
  `description` varchar(255) NOT NULL,
  `qtyInStock` int(20) NOT NULL,
  KEY `productId` (`productId`)
)

 

8 ,我们编写一个product.hbm.xml如下，放在samples\store\java目录下
　　　<?xml version="1.0"?>
<!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD3.0//EN" "http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd"[]>
<hibernate-mapping package="flex.samples.spring.store">
 <class name="Product" table="PRODUCT">
  <id name="productId" type="long" column="PRODUCTID"
   unsaved-value="0">
   <generator class="identity" />
  </id>
  <property name="name" column="NAME" length="40" />
  <property name="category" column="CATEGORY" length="40" />
  <property name="image" column="IMAGE" length="40" />
  <property name="price" column="PRICE" type="double" />
  <property name="description" column="DESCRIPTION" length="255" />
  <property name="qtyInStock" column="QTYINSTOCK"
   type="integer" />
 </class>
</hibernate-mapping>

 

9 编写applicationContext.xml,注意要放在blazeds_turnkey_3-0-0-544\tomcat\webapps\blazeds\WEB-INF下

内容如下
　　　　

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">
<beans>
  <bean id="dataSource"
  class="org.apache.commons.dbcp.BasicDataSource"
  destroy-method="close">
  <property name="driverClassName" value="com.mysql.jdbc.Driver" />
  <property name="url"
   value="jdbc:mysql://localhost:3306/flexhibernate" />
  <property name="username" value="root" />
  <property name="password" value="abc" />
 </bean>

 <bean id="sessionFactory"
  class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
  <property name="mappingResources">
   <list>
    <value>flex/samples/spring/store/Product.hbm.xml</value>
   </list>
  </property>
  <property name="hibernateProperties">
   <props>
    <prop key="hibernate.dialect">
     org.hibernate.dialect.HSQLDialect
    </prop>
   </props>
  </property>
  <property name="dataSource">
   <ref bean="dataSource" />
  </property>
 </bean>

 <bean id="txManager"
  class="org.springframework.orm.hibernate3.HibernateTransactionManager">
  <property name="sessionFactory">
   <ref local="sessionFactory" />
  </property>
 </bean>
 <bean id="productDAOBeanTarget"
  class="flex.samples.spring.store.HibernateProductDAO">
  <property name="sessionFactory" ref="sessionFactory" />
 </bean>

 <bean id="productDAOBean"
  class="org.springframework.transaction.interceptor.TransactionProxyFactoryBean">
  <property name="transactionManager" ref="txManager" />
  <property name="target" ref="productDAOBeanTarget" />
  <property name="transactionAttributes">
   <props>
    <prop key="create*">PROPAGATION_REQUIRED</prop>
    <prop key="update*">PROPAGATION_REQUIRED</prop>
    <prop key="delete*">PROPAGATION_REQUIRED</prop>
    <prop key="*">PROPAGATION_REQUIRED,readOnly</prop>

   </props>
  </property>
 </bean>
</beans>

　　很典型的传统spring+hibernate的配置了．

 

10 修改blazeds_turnkey_3-0-0-544\tomcat\webapps\blazeds\WEB-INF\flex目录下的
remoting-config.xml文件，增加如下部分：
　　<destination id="productService">
<properties>
<factory>spring</factory>
<source>productDAOBean</source>
</properties>
</destination>　　

  

11 准备spring,hibernate,mysqljdbc等驱动包，可以先放在blazeds_turnkey_3-0-0-544\tomcat\webapps\blazeds\WEB-INF\lib下，

当然也可以通过下面写ＡＮＴ文件去指定，道理都是一样的．注意我用的是spring 1.2.8的包，２．０Ｘ的还没试过，各位可以试下．

 

12 可以看到，原文作者在sample\store目录下，有个build.xml，但其中因为我是windows下的，所以修改了路径符号为＼，

如下
　　

<?xml version="1.0" encoding="utf-8"?>
<project name="Store Application" basedir="." default="main">

    <property name="FLEX_HOME" value="C:\Program Files\Adobe\Flex Builder 3\sdks\3.1.0"/>
    <property name="DEPLOY_DIR" value="L:\blazeds_turnkey_3-0-0-544\tomcat\webapps\blazeds"/>
    <property name="CONTEXT_ROOT" value="blazeds"/>
<property   name="lib.dir"   value="L:\blazeds_turnkey_3-0-0-544\tomcat\webapps\blazeds\WEB-INF\lib"/>
<path   id="classpath">  
                  <fileset   dir="${lib.dir}">  
                          <include   name="*.jar"/>  
                  </fileset>  
          </path>  

    <taskdef resource="flexTasks.tasks" classpath="${FLEX_HOME}\ant\flexTasks.jar"  />

    <target name="main" depends="compile-flex,html-wrapper,compile-java"/>
   
    <target name="compile-flex">
        <mxmlc file="flex/storeadmin.mxml"
         services="${DEPLOY_DIR}\WEB-INF\flex\services-config.xml"
         context-root="${CONTEXT_ROOT}"
   output="${DEPLOY_DIR}\storeadmin\storeadmin.swf"/>
        <mxmlc file="flex/store.mxml"
         services="${DEPLOY_DIR}/WEB-INF\flex\services-config.xml"
         context-root="${CONTEXT_ROOT}"
   output="${DEPLOY_DIR}\store\store.swf"/>
     <copy todir="${DEPLOY_DIR}\store\pic">
      <fileset dir="flex\pic"/>
    </copy>
   
    </target>

    <target name="compile-java">
        <javac srcdir="java" destdir="${DEPLOY_DIR}\WEB-INF\classes">
   <classpath   refid="classpath"/> 
         </javac>
   <copy todir="${DEPLOY_DIR}/WEB-INF/classes/flex/samples/spring/store"> 
    <fileset dir="java" includes="**/*hbm.xml"/> 
  </copy>
    </target>

 <target name="html-wrapper">
        <html-wrapper
              application="app"
              width="100%"
              height="100%"
              swf="storeadmin"
              version-major="9"
              version-minor="0"
              version-revision="0"
              history="true"             
              template="express-installation"
              output="${DEPLOY_DIR}\storeadmin"/>
        <html-wrapper
              application="app"
              width="100%"
              height="100%"
              swf="store"
              version-major="9"
              version-minor="0"
              version-revision="0"
              history="true"             
              template="express-installation"
              output="${DEPLOY_DIR}\store"/>
    </target>
   
</project>

 

　要注意的是，因为flex 3的ant扩展了ant,因此，要保证Adobe\Flex Builder 3\sdks\3.1.0\ant下有文件flexTasks.jar，

也要把flexTasks.jar　ＣＯＰＹ到ant的目录下去．

　　之后就可以在sample\store根目录下，运行ant打包运行了．

 

13 之后启动tomcat，运行
　　　http://localhost:8400/blazeds/store/index.html
　和 http://localhost:8400/blazeds/storeadmin/index.html,
  就可以看到效果了．

 

１４　简单分析其调用过程
　　把其中一个flex文件打开，比如
　　　

<Product id="product"
  name="{productName.text}"
  category="{category.text}"
  price="{Number(price.text)}"
  qtyInStock="{int(qtyInStock.text)}"
  image="{image.text}"
  description="{description.text}"/>

 <mx:RemoteObject id="srv" destination="productService"/>

 <mx:Form width="100%">
 
  <mx:FormItem label="Name">
   <mx:TextInput id="productName" text="{product.name}"/>
  </mx:FormItem>
 
  <mx:FormItem label="Category">
   <mx:TextInput id="category" text="{product.category}"/>
  </mx:FormItem>
  
  <mx:FormItem label="Image">
   <mx:TextInput id="image" text="{product.image}"/>
  </mx:FormItem>
  
  <mx:FormItem label="Price">
   <mx:TextInput id="price" text="{product.price}"/>
  </mx:FormItem>

  <mx:FormItem label="In Stock">
   <mx:TextInput id="qtyInStock" text="{product.qtyInStock}"/>
  </mx:FormItem>
 
  <mx:FormItem label="Description" width="100%">
   <mx:TextArea id="description" text="{product.description}" width="100%" height="100"/>
  </mx:FormItem>
  
 </mx:Form>

 <mx:ControlBar>
  <mx:Button label="Update" click="srv.updateProduct(product)"/>
 </mx:ControlBar>

 

　　其中，关注<mx:Button label="Update" click="srv.updateProduct(product)"/>，这里，就是调用srv的updateProduct(product)了，

其中,srv是一个 <mx:RemoteObject id="srv" destination="productService"/>,destination="productService"是什么？

就是第１０步中指定的那个productService了，呵呵，应该大致明白了吧？

评论

2 楼 rip_nlj 2008-11-05  

           

1 楼 qevyygydx1 2008-10-06