`
dragonxiangfu
  • 浏览: 156459 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

flex+cairngorm+spring+hibernate整合实例

 
阅读更多

准备：
SQL server2005：
JDK:
jdk-1.5.0.0
TOMCAT：
tomcat-6.0.20
ECLIPSE：
eclipse -3.3
MYECLIPSE插件 :
MyEclipse-6.5
Flex :
FB3_WWEJ_Plugin.exe
BLEAZEDS:
BlazeDS,下载 地址：
http://opensource.adobe.com/wiki/display/blazeds/Release+Builds

安装：
一：
安装mysql ,jdk,tomcat,eclipse,myeclipse 并正确配置环境 变量。
二：安装flex3
1. 首先下载安装Eclipse 3.3 解压到 D:\Program Files\eclipse 到算安装成功了.
2. 下载安装Flex Builder 3.0
http://trials.adobe.com/Applications/Flex/FlexBuilder/3/FB3_WWEJ_Plugin.exe
1. 指定 Flex Builder 3.0 安装路径为D:\Program Files\eclipse\Flex Builder,进下一步. (你也可设为其它目录,但不要这样 :\Program Files\eclipse)
2. 指定 Eclipse 安装路径为 D:\Program Files\eclipse 进下一步.
3. 选择是否安装浏览器 Flash Plyer 9 插件(可选安装)
安装要花一点时间.大家慢慢等待...出现一些提示你不用管它.
等安装完后运行 Eclipse.exe 你是看不到 Flex的..往下看我会帮你解决 这个问题^_^
3. 绿化Flex Builder 这是重点.
1. 把D:\Program Files\eclipse\Flex Builder\com.adobe.flexbuilder.update.site\下的 plugins、features、site.xml
复制到 D:\Program Files\eclipse\ (如果你的eclipse目录已经有一个site.xml 你只要把两个文件 的feature节内容合并就好了.)

2. 把D:\Program Files\eclipse\Flex Builder\eclipse\下的 plugins、features(如果有的话,这是Eclipse的一些更新)
复制到 D:\Program Files\eclipse\

3. 把D:\Program Files\eclipse\Flex Builder\sdks 复制到D:\Program Files\eclipse\

OK,Flex Builder安装完成,接下来就是启动Elipse
我们现在已经可以找到Flex了.但还没完,请往下看.

4. 进行Flex的配置.
在Eclipse中.点击->Window-> references->Flex->Installed Flex SDKs
修改Flex SDKs 2.0 和 Flex SDKs 3.0的路径点Apply让设置 成效.
重启Eclipse..你就可以开发 Flex了.

5. 现在你的Flex已经开始工作了.但之前安装的Flex Builder怎么办呢.哈哈.
运行这个D:\Program Files\eclipse\Flex Builder\Uninstall Adobe Flex Builder 3 Plug-in\Uninstall Adobe Flex Builder 3 Plug-in.exe就可以了.


三：bleazeds
解压到任何一个地方就可以，主要用到里面的flex文件夹和lib文件夹

HELLO WORLD示例：
1. 建立数据

表

  1. CREATE TABLE `user` (

  3. `UserID` int(11) NOT NULL auto_increment,

  5. `UserName` varchar(20) default NULL,

  7. `Password` varchar(20) default NULL,

  9. `Email` varchar(20) default NULL,

  11. PRIMARY KEY(`UserID`)

  13. ) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
复制代码

2. 插入测试数据

3. 搭配flex+bleazeds的web项目
1.新建web项目MyFirstFSH
按NEXT进入下一步
点击FINISH

2.添加bleazeds支持
1.找到已解压的 bleazeds 文件夹，进入到：blazeds\WEB-INF
复制flex和lib两个文件夹到MyFirstFSH下的webRoot/WEB-INF目录下

2.在web.xml文件中添加代码：

  1. <!-- Http Flex Session attribute and binding listener support -->

  3. <listener>

  5. <listener-class>flex.messaging.HttpFlexSession</listener-class>

  7. </listener>



  11. <!-- MessageBroker Servlet -->

  13. <servlet>

  15. <servlet-name>MessageBrokerServlet</servlet-name>

  17. <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class>

  19. <init-param>

  21. <param-name>services.configuration.file</param-name>

  23. <param-value>/WEB-INF/flex/services-config.xml</param-value>

  25. </init-param>

  27. <load-on-startup>1</load-on-startup>

  29. </servlet>



  33. <servlet-mapping>

  35. <servlet-name>MessageBrokerServlet</servlet-name>

  37. <url-pattern>/messagebroker/*</url-pattern>

  39. </servlet-mapping>
复制代码

将web工程添加到tomcat中

3.添加flex工程

1.右键MyFirtstFSH，选择：Flex Project Nature-Add Flex Project Nature

注：选择J2EE,作用LCDS远程对象
Root folder：选择刚才Deploy的工程路径
Root URL：TOMCAT服务器 的启动路径
Context root ：编译 后的FLEX文件保存路径
Output folder：工程 重构后FLEX文件的输出路径

[点击Finish完成]
2配置Flex 项目属性
在Flex视图下,右键 properties打开项目属性设置对话框.选择 “Flex Build Path”,出现以下对话框：
Output folder：工程FLEX文件的输出路径
Output folder URL：工程在TOMCAT服务 器的启动路径
――――――――――――――――――――――――――
选择 “Flex Compiler”,出现以下对话框：

选择你当前用的FLEX SDK（如何你前面步骤配置好的话就不会出错了！）
[点击Apply应用 ]
―――――――――――――――――――――――――――――――――――
选择 “Flex Server ”,出现以下对话框：
Context root：是你的工程的根目录
[点击OK完成设置]
这时会出现错误提示:
右键“错误”信息，Recreate …
3.到了这个时候基本上已经搭建好flex+bleazeds的web环境,现在来测试一下。
新建一个包：com.test.test

在包中新一个类：HelloWorld，作用flex的一个远程对象


package com.test.test;

public class HelloWorld {
public String sayHelloTo(String name){
return "Hello "+name;
}
}
在WEB-INF/flex/remotiong-config.xml中注册这个远程对象
<destination id="Hello">
<properties> <source>com.wingo.myfirstfsh.web.ro.HelloWorld</source>
</properties>
</destination>
编辑FLEX应用程序
在src/ MyFirstFSH.mxml 中添加以下代码：

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

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

  5. <mx:RemoteObject id="say" destination="Hello">

  7. </mx:RemoteObject>

  9. <mx:Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/>

  11. <mx:TextInput x="159" y="80" id="tiName"/>

  13. <mx:Label x="109" y="82" text="name:"/>

  15. <mx:Label text="{say.sayHelloTo.lastResult}" x="44" y="162"
  16. width="448" height="71" id="lblView" color="#FCEE09" fontSize="20"
  17. fontWeight="bold" textDecoration="underline" fontStyle="normal"/>

  19. <mx:Script>

  21. <![CDATA[

  23. function remotingSayHello(event:Event):void{

  25. var iname:String=tiName.text;

  27. say.sayHelloTo(iname);

  29. }

  31. ]]>

  33. </mx:Script>

  35. </mx:Application>
复制代码

启动tomcat 打开http://localhost:8080/MyFirstFSH/pages/MyFirstFSH.html
到了这一步，flex+bleazeds已经完成
4.加上spring
1.右键Myeclipse-Add spring
2.添加包: com.test.common
3.添加Spring Factory.java

  1. package com.wingo.myfirstfsh.common;

  3. import org.springframework.context.ApplicationContext;

  5. import org.springframework.web.context.support.Web ApplicationContextUtils;

  7. import org.springframework.beans.BeansException;

  9. import org.springframework.beans.factory.NoSuchBeanDefinitionException;



  13. import flex.messaging.FactoryInstance;

  15. import flex.messaging.FlexFactory;

  17. import flex.messaging.config.ConfigMap;

  19. import flex.messaging.services.ServiceException;



  23. public class SpringFactory implements FlexFactory

  25. {

  27. private static final String SOURCE = "source";

  29. public void initialize(String id, ConfigMap configMap) {}



  33. public FactoryInstance createFactoryInstance(String id, ConfigMap properties)

  35. {

  37. SpringFactoryInstance instance = new SpringFactoryInstance(this, id, properties);

  39. instance.setSource(properties.getPropertyAsString(SOURCE, instance.getId()));

  41. return instance;

  43. } // end method createFactoryInstance()



  47. public Object lookup(FactoryInstance inst)

  49. {

  51. SpringFactoryInstance factoryInstance = (SpringFactoryInstance) inst;

  53. return factoryInstance.lookup();

  55. }

  57. static class SpringFactoryInstance extends FactoryInstance

  59. {

  61. SpringFactoryInstance(SpringFactory factory, String id, ConfigMap properties)

  63. {

  65. super(factory, id, properties);

  67. }





  73. public String toString()

  75. {

  77. return "SpringFactory instance for id=" + getId() + " source=" + getSource() + " scope=" + getScope();

  79. }



  83. public Object lookup()

  85. {

  87. ApplicationContext appContext =
  88. WebApplicationContextUtils.getWebApplicationContext(flex.messaging.FlexContext.getServletConfig().getServletContext());

  90. String beanName = getSource();



  94. try

  96. {

  98. return appContext.getBean(beanName);

  100. }

  102. catch (NoSuchBeanDefinitionException nexc)

  104. {

  106. ServiceException e = new ServiceException();

  108. String msg = "Spring service named '" + beanName + "' does not exist.";

  110. e.setMessage(msg);

  112. e.setRootCause(nexc);

  114. e.setDetails(msg);

  116. e.setCode("Server.Processing");

  118. throw e;

  120. }

  122. catch (BeansException bexc)

  124. {

  126. ServiceException e = new ServiceException();

  128. String msg = "Unable to create Spring service named '" + beanName + "' ";

  130. e.setMessage(msg);

  132. e.setRootCause(bexc);

  134. e.setDetails(msg);

  136. e.setCode("Server.Processing");

  138. throw e;

  140. }

  142. }

  144. }

  146. }
复制代码

4. 在WEB-INF/flex中的services-config.xml中注册SpringFactory工厂

  1. <factories>

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

  5. </factories>
复制代码

5.在WEB-INF/web.xml中加入对 spring的支持

  1. <!-- Backend configuration -->

  3. <context-param>

  5. <param-name>contextConfigLocation</param-name>

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

  9. </context-param>

  11. <servlet>

  13. <servlet-name>SpringContextServlet</servlet-name>

  15. <servlet-class>

  17. org.springframework.web.context.ContextLoaderServlet

  19. </servlet-class>

  21. <load-on-startup>1</load-on-startup>

  23. </servlet>

  25. <servlet>

  27. <servlet-name>SpringLog4jConfigServlet</servlet-name>

  29. <servlet-class>

  31. org.springframework.web.util.Log4jConfigServlet

  33. </servlet-class>

  35. </servlet>

  37. <servlet>

  39. <servlet-name>web</servlet-name>

  41. <servlet-class>

  43. org.springframework.web.servlet.DispatcherServlet

  45. </servlet-class>

  47. </servlet>
复制代码

5.添加hibernate
1.添加数据源
2.加进hibernate
右键MyFirstFSH-MyEclipes-Add Hibernate

点击：Finish

3.添加包:
4.利用myeclipse自动生成User.java,User.hbm.xml,UserDAO
打开：

5.把UserDAO放到com.test.dao.impl下
6.修改applicationContext.xml中对

  1. <bean id="userDAO" class="com.test.dao.impl.UserDAO">

  3. <property name="sessionFactory">

  5. <ref bean="sessionFactory" />

  7. </property>

  9. </bean>
复制代码

8.添加类
代码如下：

  1. package test.service.impl;



  5. import com.test.dao.impl.UserDAO;

  7. import com.test.vo.User;



  11. public class IUserServiceImpl {

  13. private UserDAO userDAO;



  17. public User getUser(Integer id){

  19. return userDAO.findById(id);

  21. }



  25. public UserDAO getUserDAO() {

  27. return userDAO;

  29. }



  33. public void setUserDAO(UserDAO userDAO) {

  35. this.userDAO = userDAO;

  37. }



  41. }
复制代码

9. 修改HellWorld.java文件
代码如下：

  1. package com.test.test;



  5. import com.test.service.impl.IUserServiceImpl;

  7. import com.test.vo.User;



  11. public class HelloWorld {

  13. private IUserServiceImpl userService;



  17. public String sayHelloTo(String id){

  19. User user = new User();

  21. user = userService.getUser(Integer.valueOf(id));

  23. return "Hello "+user.getUserName();

  25. }

  27. public IUserServiceImpl getUserService() {

  29. return userService;

  31. }

  33. public void setUserService(IUserServiceImpl userService) {

  35. this.userService = userService;

  37. }



  41. }
复制代码

10. 在WEB-INF/applicationContext.xml注册bean
applicationContext.xml增加的代码：

  1. <bean id="userService"

  3. class="com.test.service.impl.IUserServiceImpl"

  5. abstract="false" lazy-init="default" autowire="default"

  7. dependency-check="default">

  9. <property name="userDAO">

  11. <ref local="userDAO" />

  13. </property>

  15. </bean>



  19. <bean name="helloWorld"

  21. class="com.test.test.HelloWorld" abstract="false"

  23. lazy-init="default" autowire="default" dependency-check="default">

  25. <property name="userService">

  27. <ref local="userService" />

  29. </property>

  31. </bean>
复制代码

11.修改：WEB－INF/flex /remoting-config.xml

  1. <destination id="Hello">

  3. <properties>

  5. <factory>spring</factory>

  7. <source>helloWorld</source>

  9. </properties>

  11. </destination>
复制代码

到此已完成所以配置，测试一下
启动Tomcat http://localhost:8080/MyFirstFSH/pages/MyFirstFSH.html
下面一步为前台添加cairngorm框架 ，为了项目结构更加的条理，下面我们把前台从现在的后台中分离出来，
1.首先新建一个flex project，web application type 为none，

填入项目名称flex，直接下一步知道finish。然后把原先项目的.actionScriptProperties和.flexProperties 文件复制到新建的flex工程，直接覆盖原来的。
2.右击项目flex，在项目build path属性添加cairngorm.swc文件,

分享到：
| 解决EXT中Grid等组件读取Json数据的Date数 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics