`

flex与数据库交互

    博客分类:
  • flex
阅读更多
通过java与数据库交互读取数据,然后flex和java再进行交互,把java读取的数据放在flex前端显示出来。

1)首先建立数据库:

① 打开cmd终端:
view plaincopy to clipboardprint?
mysql -h localhost -u root -p 
mysql -h localhost -u root -p
,按提示输入密码(我用的root)。

② 建立数据库:

view plaincopy to clipboardprint?
create database user;  
use user; 
create database user;
use user;

③ 建立数据表userInfo:

view plaincopy to clipboardprint?
SET FOREIGN_KEY_CHECKS=0;  
DROP TABLE IF EXISTS `userinfo`;  
CREATE TABLE `userinfo` (  
    `userId` int(10) unsigned zerofill NOT NULL auto_increment,  
    `userName` varchar(30) NOT NULL,  
    `userPasswd` varchar(16) NOT NULL,  
    PRIMARY KEY  (`userId`)  
) DEFAULT CHARSET=utf8; 
SET FOREIGN_KEY_CHECKS=0;
DROP TABLE IF EXISTS `userinfo`;
CREATE TABLE `userinfo` (
  `userId` int(10) unsigned zerofill NOT NULL auto_increment,
`userName` varchar(30) NOT NULL,
`userPasswd` varchar(16) NOT NULL,
PRIMARY KEY  (`userId`)
) DEFAULT CHARSET=utf8;

2)创建javaDao。

① 创建User类

view plaincopy to clipboardprint?
public class User {  
    private String name;  
    public String getName(){  
        return name;  
    }  
    public void setName(String name){  
        this.name=name;  
    }  

public class User {
private String name;
   public String getName(){
return name;
}
public void setName(String name){
this.name=name;
}
}

② 创建DAO类

view plaincopy to clipboardprint?UserDao.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 onnection=null;           try{               String driver="com.mysql.jdbc.Driver";               String url="jdbc:mysql://localhost:3306/user";               String username="root";               String password="root";               Class.forName(driver);               onnection=DriverManager.getConnection(url,username,password);           }catch(Exception e){               System.out.println(e.getMessage());           }           return onnection;       }       public List getAllUser()throws SQLException{           Connection connection=getConnection();           Statement st=onnection.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;       }   }  UserDao.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 onnection=null;
try{
String driver="com.mysql.jdbc.Driver";
String url="jdbc:mysql://localhost:3306/user";
String username="root";
String password="root";
Class.forName(driver);
onnection=DriverManager.getConnection(url,username,password);
}catch(Exception e){
System.out.println(e.getMessage());
}
return onnection;
}
public List getAllUser()throws SQLException{
Connection connection=getConnection();
Statement st=onnection.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;
}
}

3) flex代码

① User类

view plaincopy to clipboardprint?User.aspackage org.rjb.flex{       [RemoteClass(alias="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;           }       }   }  User.aspackage org.rjb.flex{
[RemoteClass(alias="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;
}
}
}

②user.mxml文件

view plaincopy to clipboardprint?
<?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> 
<?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,在里面加上如下配置文件:

view plaincopy to clipboardprint?<destination id="UserDao">       <properties>           <source>UserDao</source>       </properties>   </destination> 
分享到:
评论

相关推荐

    一篇关于flex与数据库交互的例子

    ### Flex与数据库交互的概念 Flex是一种用于构建丰富互联网应用程序(RIA)的软件框架,由Adobe Systems开发。它使用MXML和ActionScript语言编写,并能够生成可运行于Adobe Flash Player中的SWF文件。Flex框架的...

    关于flex与数据库交互的例子

    根据给定文件的信息,本文将详细介绍Flex与数据库交互的相关知识点,包括如何利用Java后端进行数据获取,并在Flex前端展示这些数据。 ### Flex与数据库交互概述 Flex是一种强大的客户端技术,用于构建美观、功能...

    关于flex与数据库交互

    ### 关于Flex与数据库交互 #### 一、引言 Flex是一种用于构建和部署富互联网应用程序(RIA)的技术,它可以创建高性能的应用程序,并且能够很好地与服务器端技术进行交互。在许多情况下,Flex应用程序需要与后端...

    Flex与java和数据库交互的完美文档

    Flex与java和数据库交互的完美文档

    Flex连接数据库三种方法

    这些技术都是 Flex 与后端服务器交互的手段,因为Flex本身并不具备直接访问数据库的能力,必须通过服务端代理来实现。 1. **HttpService**: HttpService 是最基础的通信方式,它可以通过HTTP协议请求数据,通常...

    FLEX通过JSP与数据库交互

    ### FLEX通过JSP与数据库交互的关键知识点 #### 一、背景介绍 FLEX是一种用于构建高度互动的应用程序的框架,它可以与多种后端技术相结合,实现数据的动态交互。本篇文章将详细介绍如何利用FLEX结合JSP实现与MySQL...

    Flex连接数据库的3种方式

    然而,Flex本身并不能直接与数据库进行通信。为了实现这一功能,开发者需要利用几种间接的方式。本文将详细介绍Flex连接数据库的三种常用方式:HttpService、WebService以及RemoteObject,并以Flex 3.0 + Java + SQL...

    flex连接数据库的三种方法

    Flex在与后端数据库交互时,提供了多种方式来实现数据的获取和更新,主要可以分为以下三种: 1. **HttpService** HttpService是Flex中用于发送HTTP请求的标准服务组件。通过这个组件,Flex可以直接获取XML格式的...

    Flex如何连接数据库,通信的详细的教程

    综上所述,本教程通过实例详细讲解了如何使用Flex与MySQL数据库进行通信,涵盖了开发环境的配置、服务的创建、客户端代码编写以及问题处理等多个方面,旨在帮助Flex初学者顺利实现数据的交互。通过学习和实践,...

    Flex和java交互的示例代码

    ### Flex与Java交互知识点 #### 一、简介 在Flex与Java进行交互的过程中,主要涉及到的是前后端的数据传输。本文将详细介绍如何通过Flex与Java进行数据交换,包括Flex客户端的实现方式、Java后端的数据处理逻辑,...

    flex操作数据库, flex操作本地sql数据库

    三、Flex数据库操作基础 1. 引入库:在Flex项目中,需要引入相关的库,如mx.rpc.soap和flex.data.services,以支持远程服务调用和数据访问。 2. 定义数据模型:在Flex中创建ActionScript类,这些类通常对应于...

    Flex和java交互搭建

    Flex和Java交互搭建是开发富互联网应用程序(RIA)时常用的一种技术组合,它允许前端的Flex界面与后端的Java服务器进行数据交换和业务逻辑处理。这个项目新手用来练手非常合适,因为其结构简单,易于理解。接下来,...

    Flex与Servlet之间数据的交互

    Flex与Servlet之间的数据交互是JavaWeb开发中的一个重要环节,它涉及到客户端富互联网应用程序(RIA)与服务器端数据处理的协同工作。Flex作为一个基于Adobe Flash Player的前端开发框架,主要用于创建具有丰富用户...

    flex显示数据库数据

    首先,我们需要一个后端服务来与MySQL数据库进行交互。这里,Java被用作服务器端语言,与MySQL数据库通信。MySQL是广泛使用的开源关系型数据库管理系统,可以存储和检索大量数据。在Java环境中,我们可以使用JDBC...

    flex连接数据库实例

    3. 事件监听器:处理数据加载、错误和其他与数据库交互相关的事件。 4. 数据集(DataSet):存储从数据库获取的数据,可以绑定到UI组件上显示。 例如,以下是一个简单的示例,展示了如何在Flex中使用RemoteObject...

    Flex连接数据库的三种方法

    Flex作为一款强大的RIA(富互联网应用)开发框架,虽然无法直接连接数据库,但它可以通过几种间接方式与数据库交互。在本文中,我们将深入探讨Flex连接数据库的三种主要方法:HttpService、WebService和RemoteObject...

    flex开发例子 flex与后台交互的例子 flex工程

    本示例着重介绍如何在Flex中实现与后台系统的数据交互。 在Flex应用中,与后台交互通常涉及到网络通信,主要通过HTTPService、WebService或AMFChannel等组件来完成。HTTPService允许开发者发送HTTP请求到服务器,...

    Flex电子教案(PPT)

    7. **数据访问**:学习如何使用Flex与数据库交互,如通过 BlazeDS 或 LCDS 实现与Java后端的数据交换,以及使用LocalConnection进行本地存储。 8. **图形和动画**:掌握基本的绘图API,如Graphics类,以及如何创建...

Global site tag (gtag.js) - Google Analytics