注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

风之泪

风过雨过,花开花落。。。

 
 
 

日志

 
 

Flex与java交互之数据库数据读取  

2011-03-22 11:52:09|  分类: flex |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

            对于建立一个flex web应用的步骤我就不多说了哈, 首先要求大家到数据库建立一个数据库,在我这例子中数据库名为userDb,建立一个表userInfo,里面设置两个字段一个为id,一个为name.第二,创建以下java代码在src目录下

User.java   
package org.rjb.java;   
  
public class User {   
    private String name;   
  
    public String getName() {   
        return name;   
    }   
    public void setName(String name){   
        this.name=name;   
    }   
}   
  
UserDao.java   
package org.rjb.java;   
  
import java.sql.Connection;   
import java.sql.DriverManager;   
import java.sql.ResultSet;   
import java.sql.SQLException;   
import java.sql.Statement;   
import java.util.ArrayList;   
import java.util.List;   
  
public class UserDao {   
       
    public static Connection getConnection(){   
        Connection c=null;   
        try{   
            String driver="com.mysql.jdbc.Driver";   
            String url="jdbc:mysql://localhost:3306/userDb";   
            String username="root";   
            String password="1235";   
            Class.forName(driver);   
            c=DriverManager.getConnection(url,username,password);    
        }catch(Exception e){   
            System.out.println(e.getMessage());   
        }   
        return c;   
    }   
    public List getAllUser()throws SQLException{   
        Connection c=getConnection();   
        Statement st=c.createStatement();   
        ResultSet rs=st.executeQuery("select * from UserInfo");   
        ArrayList userList=new ArrayList<User>();   
        while(rs.next()){   
            User u=new User();   
            u.setName(rs.getString("name"));   
            userList.add(u);   
        }   
        return userList;   
    }   
  
}

    以上是java端的全部代码了,下面是flex端的代码。

    第三,创建以下代码在flex_src下:

User.as   
package org.rjb.flex   
{   
    [RemoteClass(alias="org.rjb.java.User")]   
    public class User   
    {   
        private var _name:String;   
        public function User()   
        {   
        }   
        public function get name():String{   
            return this._name;   
        }   
        public function set name(name:String):void{   
            this._name=name;   
        }   
    }   
}  

    接下来是mxml代码,也就是我们真正展示我们数据的界面

FlexWithJava.mxml   
<?xml version="1.0" encoding="utf-8"?>   
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">   
    <mx:RemoteObject id="ud" destination="UserDao" result="onResult(event)" fault="onFault()" />   
    <mx:DataGrid dataProvider="{users}">   
        <mx:columns>   
            <mx:DataGridColumn dataField="name" headerText="name" />   
        </mx:columns>   
    </mx:DataGrid>   
    
<mx:Label id="info" />   
    <mx:Button label="click" click="clickFun()" />   
    <mx:Script>   
        <![CDATA[   
            import mx.collections.ArrayCollection;   
            import mx.rpc.events.ResultEvent;   
            [Bindable]   
            public var users:ArrayCollection=new ArrayCollection();   
            public function clickFun():void{   
                ud.getAllUser();   
            }   
            public function onResult(event:ResultEvent):void{   
                users=ArrayCollection(event.result);   
                info.text="get data successfully";   
            }   
            public function onFault():void{   
                info.text="Error";   
            }   
        ]]>   
    </mx:Script>   
</mx:Application>

    第四,配置remoting-config.xml,在里面加上如下配置文件:

<destination id="UserDao">   
     <properties>   
          <source>org.rjb.java.UserDao</source>   
     </properties>   
</destination>

    ok,就这么简单,呵呵,赶快运行,看看效果呢。

 

转载自 http://java.chinaitlab.com/others/781378.html

  评论这张
 
阅读(214)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017