第一个Flex 的程序出炉了

开发环境：

Eclipse For JavaEE ,FlashBuilder4,Tomcat6.0

开发步骤:

1.  新建web工程xslt,加入以下文件:

ConnectionFactory.java

package com;

import java.sql.*; //调用SQL包

public class ConnectionFactory {

 private static ConnectionFactory ref = new ConnectionFactory();
 // 连接mysql数据库， database : test  user : root  password : 1272107226
 private ConnectionFactory()
 {
  try{
   Class.forName("com.mysql.jdbc.Driver");
  }catch(ClassNotFoundException e)
  {
   System.out.println("ERROR: exception loading driver class");
  }
 }
 public static Connection getConnection() throws SQLException{
 
  String url = new String ("jdbc:mysql://localhost:3306/test?user=root&password=root");
  return DriverManager.getConnection(url);
 }
 
 public static void close(ResultSet rs)
 {
  try{
   rs.close();
  }catch(Exception ignored){}
 }
 public static void close(Statement stmt)
 {
  try{
   stmt.close();
  }catch(Exception ignored){}
 }
 public static void close(Connection conn)
 {
  try{
   conn.close();
  }catch(Exception ignored){}
 }
 
}

新建DataServiceImpl.java

package com;

import java.sql.*;
import java.util.ArrayList;
import java.util.List;

import com.ConnectionFactory;

public class DataServiceImpl {
 
 String sql;  // 定义类型
 Connection conn = null;
 Statement stmt = null;
 ResultSet rs = null;
 
 public DataServiceImpl(){
 
 }
 
 
 public List<NoticeInfo> getNotices(){
 
  ArrayList<NoticeInfo> noticeList = new ArrayList<NoticeInfo>();
 
  try{
   conn = ConnectionFactory.getConnection();
   stmt = conn.createStatement();
   
   String sql = "select userid, username, contents, dates from gbook ";
   System.out.println("this is =============>" + sql);
   System.out.println("connect to db is successful~~~");
   rs = stmt.executeQuery(sql);  
   
   
   while(rs.next()){
    
    NoticeInfo temp = new NoticeInfo();
    temp.setUserid(rs.getInt("userid"));
    temp.setUsername(rs.getString("username"));
    temp.setContents(rs.getString("contents"));
    temp.setDates(rs.getString("dates"));
    noticeList.add(temp);
    
   }
  System.out.println(noticeList.size() + " 条数据!");
   return noticeList;
  }catch(SQLException e){
   e.printStackTrace();
   return null;
  }
 }
 public String getHello(String name){
     return "hi  " + name;
 }

}

新建NoticeInfo .java

package com;

import java.io.Serializable;

public class NoticeInfo  implements Serializable {
 
 /**
     *
     */
    private static final long serialVersionUID = 1L;
private int userid;
 private String username;
 private String contents;
 private String dates;
 
 
 public String getContents() {
  return contents;
 }
 public void setContents(String contents) {
  this.contents = contents;
 }
 public String getDates() {
  return dates;
 }
 public void setDates(String dates) {
  this.dates = dates;
 }
 
 
 public int getUserid() {
  return userid;
 }
 public void setUserid(int userid) {
  this.userid = userid;
 }
 public String getUsername() {
  return username;
 }
 public void setUsername(String username) {
  this.username = username;
 }
 
 
}

2  .下载blazeds.rar文件，这里有有一些lib和flex所需要的XML文件，解压后将如图文件夹复制到原web项目的WEB-INF下面

新建flex项目HelloWorld，如图将项目位置选择tomcat中的xslt

3.  在FlashBuilder4中新建flex项目操作如图：

4.  开发flex代码：

在flex文件夹的remoting-config中加入java接口类配制

<destination id="UserDao">   
     <properties>   
          <source>com.DataServiceImpl</source>   
     </properties>   
</destination>

5.  在项目的src中新建如下文件：

NoticeInfo.as文件

// ActionScript file
package com.yeeach
{
    [Bindable]
    [RemoteClass(alias="com.NoticeInfo")]
    public class NoticeInfo
    {
        public var userid:int;
        public var username:String;
        public var contents:String;
        public var dates:Date;
    }
    
    
}

HelloWorld.mxml文件

<?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" width="821" height="674"
               preloaderChromeColor="#9E4040" backgroundColor="#674F4F">
    <fx:Style source="helloword.css"/>
    
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 定义操作接口名-->
        <s:RemoteObject id="UserDao" destination="UserDao">
            <!--name为UserDao中的方法名，result指定方法执行后处理返回值的访求 ，fault指定出错时执行的方法-->
            <s:method  showBusyCursor="true" name="getNotices" result="changeDate(event)" fault="UserDao_faultHandler(event)"/>  
        </s:RemoteObject>
    </fx:Declarations>
    <!--按钮的点击事件-->
    <mx:Button x="10" y="139" label="获得list" click="remotingList(event)" fontSize="12"/>  
    <!--表格控件 ，将list中的数据显示在些处-->
    <mx:DataGrid x="10" y="164" width="714" height="328"  id="myDG">
        <mx:columns>
            <fx:Array>
                <!--dataField为对象的属性-->
            <mx:DataGridColumn headerText="用户ID" dataField="userid"/>
            <mx:DataGridColumn headerText="用户名" dataField="username"/>
            <mx:DataGridColumn headerText="说明" dataField="contents"/>
            <mx:DataGridColumn headerText="日期" dataField="dates"/>
            </fx:Array>
        </mx:columns>
    </mx:DataGrid>
    
    
    <fx:Script>
        <![CDATA[
            //自定义与java相同结构名字为NoticeInfo.as
            import com.yeeach.NoticeInfo;
            
            import mx.collections.ArrayCollection;
            import mx.controls.Alert;
            import mx.rpc.events.AbstractEvent;
            import mx.rpc.events.FaultEvent;
            import mx.rpc.events.ResultEvent;
            import mx.utils.ArrayUtil;
            //定义一个数组
            public function changeDate(event:ResultEvent):void
            {            
                if(event.result!=null){
                    //将结果放入表格中
                    myDG.dataProvider = event.result;
                }else{
                    Alert.show("没有找到相关任务信息");
                }
            }
            
            protected function UserDao_faultHandler(event:FaultEvent):void
            {
                Alert.show(event.fault.toString());
            }
            public function remotingList(event:Event):void{
                UserDao.getNotices();  
            }
            
        ]]>
    </fx:Script>
</s:Application>
这里就大功告成了，启动tomcat运行就可以了

如果如图: