Flex4快速开始

转自:http://code.google.com/p/rapid-framework/wiki/flex4_quick_start_guild

flex4_quick_start_guild  
Updated  Sep 11, 2010 by  [email protected]

  • 介绍
  • 环境介绍
  • flex4+hibernate详细搭建介绍
    • 一.初始项目配置
      • 1.1 创建名称为flex4demo的web project
      • 1.2 拷贝rapid-framework至项目根目录
      • 1.3 设置项目的编码为utf-8
      • 1.4 设置源码路径
      • 1.5 将generator/lib的jars加入classpath
      • 1.6 安装插件flex4_cairngorm及dao_hibernate
      • 1.7 在mysql数据库中创建表user_info
      • 1.8 修改生成器配置文件generator.properties的jdbc数据库连接信息 其它属性暂不修改
      • 1.9 运行代码生成器 GeneratorMain.java
      • 1.10 拷贝生成的代码至项目根目录,并刷新项目
    • 二.flex相关操作
      • 2.1 增加Flex Project Nature(1)
      • 2.2 增加Flex Project Nature(2)
      • 2.3 增加Flex Project Nature(3)
      • 2.4 设置Flex Build Path
      • 2.5 设置Flex Applications
      • 2.6 flex源代码的相关配置修改
    • 三.部署
      • 3.1 修改java_src/spring/applicationContext-datasource.xml的数据库连接信息
      • 3.2 部署应用flex4demo至tomcat
      • 3.3 启动tomcat,访问URL:
      • 3.49(附加)改动main.mxml的源码,再部署,访问URL:
    • 四.flex4强大的功能介绍,IDE内置代码生成器
      • 选择数据服务
      • Tips:

介绍

以下将详细描述flex4+hibernate的项目搭建方法(本插件由 *随变混混* 贡献)

环境介绍

  • IDE: MyEclipse 8.5(flex4插件版安装需至少Myeclipse7.0以上)
  • 数据库: Mysql 5
  • JDK: 1.6
  • flash builder4 eclipse插件版本
  • flex sdk 4.0

flex4+hibernate详细搭建介绍

优酷视频教程http://v.youku.com/v_show/id_XMTk5NTYwODcy.html

一.初始项目配置

1.1 创建名称为flex4demo的web project

1.2 拷贝rapid-framework至项目根目录

将rapidframework.zip解压出来的内容全部拷贝至项目根目录,拷贝文件如下.

1.3 设置项目的编码为utf-8

右键点击项目,修改项目属性

1.4 设置源码路径

1.5 将generator/lib的jars加入classpath

点击"Add jars"按钮将生成器依赖的jar包需要加入classpath

项目文件结构

1.6 安装插件flex4_cairngorm及dao_hibernate

项目为插件结构,web框架及dao层需要安装(可以安装不同的web框架或是dao层)

打开plugins/build.xml,并打开MyEclipse的 Outline 视图

现运行 install_flex4_cairngorm及 install_dao_hibernate 任务

1.7 在mysql数据库中创建表user_info

在test数据库创建表,运行如下sql

CREATE TABLE user_info (   user_id bigint  PRIMARY KEY AUTO_INCREMENT,   username varchar(50) not null,   password varchar(50),   birth_date date,   sex int,   age int   ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

1.8 修改生成器配置文件generator.properties的jdbc数据库连接信息 其它属性暂不修改

jdbc.url=jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=UTF-8  jdbc.driver=com.mysql.jdbc.Driver jdbc.username=root jdbc.password=0000

1.9 运行代码生成器GeneratorMain.java

以application的方式运行cn.org.rapid_framework.generator.GeneratorMain,直接修改源码,在便生成不同的表.

public class GeneratorMain {         /**          * 请直接修改以下代码调用不同的方法以执行相关生成任务.          */         public static void main(String[] args) throws Exception {                 GeneratorFacade g = new GeneratorFacade(); //              g.printAllTableNames();                         //打印数据库中的表名称                                 g.clean();                                                      //删除生成器的输出目录                 g.generateByTable("user_info","template");      //通过数据库表生成文件,注意: oracle 需要指定schema及注意表名的大小写.                 //打开文件夹                 Runtime.getRuntime().exec("cmd.exe /c start D:\\webapp-generator-output");         } }

1.10 拷贝生成的代码至项目根目录,并刷新项目

最好删除不需要的文件夹 

二.flex相关操作

2.1 增加Flex Project Nature(1)

2.2 增加Flex Project Nature(2)

2.3 增加Flex Project Nature(3)

2.4 设置Flex Build Path

 改变flex4的主题为Halo,以便兼容flex3的组件特性 

2.5 设置Flex Applications

2.6 flex源代码的相关配置修改

根据生成器生成的flex_src/readme.txt执行如下相关操作.

        //copy follow code to appcommon.flex.GlobalControler.as: cairngorm中event与command的映射                         import com.company.project.user_info.UserInfoRegister;                                 // UserInfo event and command mapping                         UserInfoRegister.initialiseCommands(this);         //copy follow code to appcommon.flex.Services.mxml         <!--userInfoService-->         <mx:RemoteObject endpoint="../messagebroker/amf"                                          id="userInfoService"                                          destination="userInfoService"                                          showBusyCursor="true"/>

三.部署

3.1 修改java_src/spring/applicationContext-datasource.xml的数据库连接信息

该配置是应用需要连接的数据库,与生成器的数据库连接是分开配置的,与第1.8步的数据库连接配置相同即可

<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/test?useUnicode=true&amp;characterEncoding=UTF-8"/>         <property name="username" value="root"/>         <property name="password" value="123456"/> </bean>

3.2 部署应用flex4demo至tomcat

3.3 启动tomcat,访问URL:http://localhost:8899/flex4demo/flex/UserInfoIndex.html

3.49(附加)改动main.mxml的源码,再部署,访问URL:http://localhost:8899/flex4demo/flex/main.html

四.flex4强大的功能介绍,IDE内置代码生成器

选择数据服务

   

Tips:

1.由于官方的Blazeds4.0会出现Nan=>0的错误,rapid修改了blazeds的flex-core.jar包,修正为Nan=>null.

2.若需要将flex4与spring的结合开发,建议不要使用IDE自动生成代码功能,此功能有BUG,官方正在修复中.


你可能感兴趣的:(源代码,Flash,插件,builder,flex4,web框架)