flex3.0+spring2.5+hibernate3.2

                MyEclipse6.5+MySQL5.5+flex3.0+spring2.5+hibernate3.2

 

新建Flex项目：

Project name：项目名（自己随便起名）

Application server type：后台应用程序选择J2EE

Java source folder：java文件要放的位置

点击Next——>

Target runtime：选择服务器

Flex WAR file：选择Flex与java通讯的BlazeDS.war文件（此处必须是3.2版本及以上，否则无法与spring结合）

Output folder：存放输出文件

点击Next——>

 

Output folder URL：访问路径，8585端口号要与你的Tomcat端口号一致

点击Finish。Flex工程创建完成。

 

在Flex工程基础上添加web应用：

选中firstFSH项目，右键——>MyEclipse——>Add Web Project Capabilities…——>

Create web.xml问你是否创建web.xml，由于创建flex工程时已经有web.xml所以现不再创建，J2EE版本选择5.0

点击Finish，这时firstFSH工程会出现两个小地球，Flex与java结合完毕。

选中firstFSH项目，右键——>Properties——>Flex Server——>

 Root URL：改成http://localhost:8585

Context root：改成/firstFSH

（注意：如果出错，点击Validate Location即可。）

点击OK。

 

测试Flex与Java能否正常的进行通讯。

在firstFSH工程下的src包下创建com.fsh.test.HelloWorld类

package com.fsh.test;

public class HelloWorld {

         public String sayHelloTo(String name) {

                   System.out.println("****** Flex+java通讯成功 *****");

                   return "Hello "+name+" !" ;

         }

}

修改remoting-config.xml文件，加入如下代码

remoting-config.xml：

    <destination id="hello">

             <properties>

                          <source>com.fsh.test.HelloWorld</source>

                          <scope>application</scope>

             </properties>

</destination>

 

 

编写firstFSH.mxml页面文件，代码如下

firstFSH.mxml：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

         <mx:Script>

                   <![CDATA[

                            import mx.collections.ArrayCollection;

                            import mx.rpc.events.FaultEvent;

                            import mx.rpc.events.ResultEvent;

                            import mx.controls.Alert ;

                            private function sayHelloTo():void {

                                     say.addEventListener(ResultEvent.RESULT, getResultHandler) ;

                                     say.sayHelloTo("张三") ;

                            }

                            private function getResultHandler(evt:ResultEvent):void {

                                     say.removeEventListener(ResultEvent.RESULT, getResultHandler) ;

                                     if(evt.result != null) {

                                               Alert.show(evt.result.toString()) ;

                                     } else {

                                               Alert.show("Exception") ;

                                     }

                            }

                   ]]>

         </mx:Script>

         <mx:RemoteObject id="say" destination="hello" />

         <mx:Panel x="338" y="83" width="578" height="391" layout="absolute">

                   <mx:HBox x="10" y="10" width="100%">

                            <mx:Button label="测试Flex与Java通讯" width="170" fontSize="13" click="sayHelloTo() ;"/>

                   </mx:HBox>

         </mx:Panel>

</mx:Application>

 

右键选中firstFSH工程——>Run As（运行）——>

Flex3.0与Java5.5结合成功，可以正常通讯

 

加入Spring2.5

右键选中firstFSH工程——>MyEclipse——>Add Spring Capabilities…——>

选中Spring2.5

选中红框内的5个选项

选中Copy checked Library contents to project folder (TLDs always copied)

点击Next——>

选中Finish，Spring2.5加载完毕。

 

现测试Spring2.5加载的是否正确

在src下建立com.fsh.common.factory包，将附件中的SpringFactory.java工厂类放入该包下

 

 

在web.xml中加载Spring管理

web.xml：

<context-param>

<param-name>contextConfigLocation</param-name>

           <param-value>/WEB-INF/classes/applicationContext.xml</param-value>

      </context-param>

      <listener>

<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>

      </listener>

在与remoting-config.xml并列的service-config.xml文件中加入如下代码

services-config.xml：

<factories>

 <factory id="spring" class="com.wingo.myfirstfsh.common.SpringFactory"/>

</factories>

在remoting-config.xml文件中加入如下代码

remoting-config.xml：

    <destination id="hello">

             <properties>

                       <factory>spring</factory>

                          <source>helloWorld</source>

             </properties>

</destination>

 

运行项目——>

此时Flex3.0+Spring2.5配置完成。

 

在Mysql5.5下创建t_user表字段如下

添加两条数据

在MyEclipse右上角切换视图——>MyEclipse Database Explorer——>新建数据库连接

 

在DB Browser空白处右键——>New——>

Driver template：选择你选应用的数据库

Driver name：随便起名称

Connection URL：数据库连接，user_db是你的数据库名称

Add JARs：添加数据库连接所需的驱动包（附件中有）

此时可以点击Test Driver进行测试连接是否成功

点击Finish，会生成一个aaa连接对象，如下图aaa。

 

 

将视图切换回Flex Development

右键选中firstFSH工程——>Add Hibernate Capabilities…——>

 

选中Hibernate3.2

选中红框中的两项MyEclipse Libraries

选中Copy checked Library Jars to project folder and add to build-path

点击Next——>

 

选中Spring configuration file (applicationContext.xml)管理（因为前面已经加入Spring）

点击Next——>

 

选中Existing Spring configuration file（因为项目中已经存在applicationContext.xml文件，所以此处不需要新建该文件）

SessionFactory Id：输入Session工厂ID属性

点击Next——>

Bean Id：数据库连接ID

DB Driver：选择你刚刚建立的数据库连接对象

点击Next——>

 

勾去Create SessionFactory class（交给Spring管理）

点击Finish

 

在firstFSH工程下创建dao、po包，具体如下

 

切换数据库连接视图

右键选中t_user表——> Add Hibernate Capabilities——>

 点击Next——>

 

Id Generator：主键发生器，选中native本地

点击Finish，Hibernate加载完毕。

 

现进行测试Hibernate加载的是否正确以及Flex+Spring+Hibernate是否成功

 

调整java端代码结构

将po包下的TUserDAO放到dao.impl包下，同时修改applicationContext.xml中的TUserDAO做出修改

在dao包下创建IUserDAO接口

 

点击Finish——>如下

 

在上述接口中加入public List<TUser> findAll() 抽象方法

同时修改dao.impl.TUserDAO实现IUserDAO接口

在com.fsh.service包下加入IUserService接口，在com.fsh.service.impl包下加入UserServiceImpl类实现IuserService接口

 

IUserService接口：

package com.fsh.service;

import java.util.List;

import com.fsh.po.TUser;

public interface IUserService {

         public List<TUser> findAll() ;

}

UserServiceImpl实现类：

package com.fsh.service.impl;

 

import java.util.List;

import com.fsh.dao.IUserDAO;

import com.fsh.po.TUser;

import com.fsh.service.IUserService;

 

public class UserServiceImpl implements IUserService{

         private IUserDAO iuserDao ;

         public IUserDAO getIuserDao() {

                   return iuserDao;

         }

         public void setIuserDao(IUserDAO iuserDao) {

                   this.iuserDao = iuserDao;

         }

         public List<TUser> findAll() {

                   // TODO Auto-generated method stub

                   return this.iuserDao.findAll();

         }

}

 

在applicationContext.xml加入以下代码

         <bean id="userService" class="com.fsh.service.impl.UserServiceImpl">

                   <property name="iuserDao">

                            <ref local="TUserDAO"/>

                   </property>

         </bean>

 

在Remoting-config.xml加入以下代码

    <destination id="userService">

             <properties>

                       <factory>spring</factory>

                          <source>userService</source>

             </properties>

</destination>

 

为以后的维护和代码结构整洁，现将flex端做出如下的MVC调整：

按照下图在flex_src包下建立control.UserCtrl、events.UserEvent、model.UserModel、vo.UserVO四个AS类

 

UserVO.as视图VO类，与Java端po.TUser类对应：

package vo

{

         [Bindable]

         public class UserVO

         {

                   public var num:Number;           //序号

                  

                   public var uid:int;

                   public var uname:String;

                   public var upassword:String;

                   public var usex:String;

                   public var uage:int;

                  

                   public function fill(obj:Object):void{

                            for(var i:* in obj){

                                     this[i]=obj[i];

                            }

                   }

         }

}

 

UserEvent.as自定义事件类：

package events

{

         public class UserEvent

         {

                   public static const showSucs:String = "showSucs" ;

                   public static const showFail:String = "showFail" ;

         }

}

 

UserModel.as主要用来绑定视图VO对象：

package model

{

         import flash.events.EventDispatcher;

         import mx.collections.ArrayCollection;

         [Bindable]

         public class UserModel extends EventDispatcher  {

                   private static var _userModel:UserModel;

                   public static function getInstance():UserModel {

                            if(_userModel == null) {

                                     _userModel = new UserModel() ;

                            }

                            return _userModel ;

                   }

                   public var userList:ArrayCollection ;

         }

}

 

UserCtrl.as控制层：

package control

{

import vo.UserVO;

         import events.UserEvent;

         import flash.events.Event;

         import model.UserModel;

        

         import mx.collections.ArrayCollection;

         import mx.controls.Alert;

         import mx.rpc.events.FaultEvent;

         import mx.rpc.events.ResultEvent;

         import mx.rpc.remoting.RemoteObject;

         import mx.managers.CursorManager;

        

         public class UserCtrl

         {

                   private var _userService:RemoteObject = null ;

                   private var _userModel:UserModel = UserModel.getInstance() ;

                   public function UserCtrl()

                   {

                            _userService = new RemoteObject() ;

                            _userService.destination = "userService" ;

                            _userService.addEventListener(FaultEvent.FAULT, faultHandler) ;

                   }

                  

                   private function faultHandler(evt:FaultEvent):void {

                            Alert.show(evt.fault.toString()) ;

                   }

                  

                   public function findAll():void {

                            _userService.findAll.addEventListener(ResultEvent.RESULT, resultHandler) ;

                            _userService.findAll.send() ;

                            CursorManager.setBusyCursor();

                   }

                   private function resultHandler(evt:ResultEvent):void {

                            if(evt.result != null) {

                                     this.getUserListResult(evt.result) ;

                            } else {

                                     _userModel.dispatchEvent(new Event(UserEvent.showFail));

                            }

                            CursorManager.removeBusyCursor();

                            _userService.removeEventListener(ResultEvent.RESULT, resultHandler) ;

                   }

                   private function getUserListResult(datas:Object):void {

                            var info:ArrayCollection = new ArrayCollection() ;

                            for(var i:Object in datas) {

                                     var uvo:UserVO = new UserVO() ;

                                     uvo.num = Number(i)+1 ;

                                     uvo.fill(datas[i]) ;

                                     info.addItem(uvo) ;

                            }

                            _userModel.userList = info ;

                            _userModel.dispatchEvent(new Event(UserEvent.showSucs));

                   }

         }

}

 

修改firstFSH.mxml类，代码如下：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

         <mx:Script>

                   <![CDATA[

                            import events.UserEvent;

                            import model.UserModel;

                            import control.UserCtrl;

                            import mx.collections.ArrayCollection;

                            import mx.rpc.events.FaultEvent;

                            import mx.rpc.events.ResultEvent;

                            import mx.controls.Alert ;

                           

                            private var _theUserCtrl:UserCtrl = new UserCtrl();

                            [Bindable]

                            private var _theUserModel:UserModel = UserModel.getInstance();

                           

                            private function sayHelloTo():void {

                                     say.addEventListener(ResultEvent.RESULT, getResultHandler) ;

                                     say.sayHelloTo("张三") ;

                            }

                            private function getResultHandler(evt:ResultEvent):void {

                                     say.removeEventListener(ResultEvent.RESULT, getResultHandler) ;

                                     if(evt.result != null) {

                                               Alert.show(evt.result.toString()) ;

                                     } else {

                                               Alert.show("Exception") ;

                                     }

                            }

                           

                            private function findAll():void {

                                     _theUserModel.addEventListener(UserEvent.showSucs, resultHandler) ;

                                     _theUserModel.addEventListener(UserEvent.showFail, resultHandler) ;

                                     _theUserCtrl.findAll();

                            }

                            private function resultHandler(evt:Event):void {

                              _theUserModel.removeEventListener(UserEvent.showSucs,resultHandler) ;

                              _theUserModel.removeEventListener(UserEvent.showFail,resultHandler) ;

                                     if(evt.type == UserEvent.showSucs) {

                                               userList_dg.dataProvider = _theUserModel.userList ;

                                     } else if(evt.type == UserEvent.showFail) {

                                               Alert.show("ERROR") ;

                                     }

                            }

                           

                            private function doClear():void {

                                     userList_dg.dataProvider = _theUserModel.userList = null ;

                            }

 

                   ]]>

         </mx:Script>

        

         <mx:RemoteObject id="say" destination="hello" />

        

         <mx:Panel x="338" y="83" width="578" height="391" layout="absolute">

                   <mx:HBox x="10" y="10" width="100%">

<mx:Button label="测试Flex与Java通讯" width="170" fontSize="13" click="sayHelloTo() ;"/>

                   </mx:HBox>

                   <mx:HBox x="10" y="44" width="100%">

                            <mx:Button label="查看" id="showUser" click="findAll() ;" fontSize="12" width="102"/>

                            <mx:Button label="清空" click="doClear() ;" fontSize="12" width="108"/>

                   </mx:HBox>

                   <mx:HBox width="100%" x="10" y="72">

                            <mx:DataGrid textAlign="center" fontWeight="bold" fontSize="12" id="userList_dg">

                                     <mx:columns>

                                               <mx:DataGridColumn headerText="序 号"  dataField="num"/>

                                               <mx:DataGridColumn headerText="姓 名"  dataField="uname"/>

                                               <mx:DataGridColumn headerText="性 别"  dataField="usex"/>

                                               <mx:DataGridColumn headerText="年 龄"  dataField="uage"/>

                                     </mx:columns>

                            </mx:DataGrid>

                   </mx:HBox>

         </mx:Panel>

</mx:Application>

 

工程运行——>

  

出现上述错误的解决办法：

在applicationContext.xml中的<beans>头里加入如下代码即可

default-autowire="byName" default-lazy-init="true"

 

 

再运行——>

 

出现上述异常是由于spring与Hibernate的asm.jar包冲突造成的

解决办法：

将删除工程WEB-INF/lib下的asm-2.2.3.jar包，刷新项目，重启tomcat

 

再运行——>

 

 

至此flex3.0+spring2.5+hibernate3.2配置完成！