Flex数据库连接的方法集锦-51CTO.COM

本文和大家重点讨论一下连接Flex数据库三种方法，Flex是不能直接连接数据库的，这一点大家需要知道，它只能间接地连接数据库。Flex中提供了三种方式：HttpService，WebService和RemoteObject。

连接Flex数据库三种方法

首先，做一点说明。Flex是不能直接连接数据库的，这一点大家需要知道，它只能间接地进行连接Flex数据库。Flex中提供了三种方式：HttpService，WebService和RemoteObject。其中HttpService可以直接获取XML中的数据，还可以通过JSP,ASP以及PHP读取数据库中的数据，这个比较简单，而且网上也有很多例子，我就不多说了。WebService我不懂，请自己查资料。我一直用的是JAVA对象连接数据库，感觉这个挺方便，而且J2EE的技术已经很成熟。今天的教程就是以Flex+JAVA+SQLServer获取数据库公告信息为例简单说一下RemoteObject的用法。

前提

1.确保你安装了FlexDataService。这个对于单个CUP无限APP是免费的，可以去Adobe下载。如果只是读取XML文件是不需要这个的，连接数据库就需要它了。
2.安装了FlexBuilder或者有FlexSDK。我这里使用的是FlexBuilder（IDE就是方便啊^_^）。
3.安装了SQLServer数据库。
4.安装了JRUN或者tomcat或其它的J2EE容器，因为发布的时候我们的程序要运行在J2EE平台上。
5.安装了JDK。

第一步：创建Flex数据库

这里我们有一个公告表，表名为Bulletin。结构如下：

字段名称字段类型说明
ID自动编号自动编号
titleNvarchar(100)题目
datedatatime日期
authorNvarchar(20)作者
contentntext内容
在数据库中创建这个表。保存之后进入下一步。#p#

第二步：在JAVA中编写获取公告的代码

首先，我们要创建一个公告类来专门保存获取的公告信息，代码如下。

NoticeInfo.java  
packagenet.zhuoqun.connectDB;  
importjava.util.Date;  
publicclassNoticeInfo{  
privateStringtitle;//标题  
privateStringauthor;//作者  
privateStringcontent;//内容  
privateDatedates;//时间  
publicStringgetAuthor(){  
returnauthor;  
}  
publicvoidsetAuthor(Stringauthor){  
this.author=author;  
}  
………………//其它get和set方法。  
}

创建好这个之后我们要创建一个数据查询类：DataServiceImpl.java来查询Flex数据库，并将查询结果传给将要创建的Flex程序。由于我们不清楚有多少条记录，所以就借助一下JAVA中的ArrayList这个类，它位于java.util包中。先创建一个ArrayList：
ArrayListnoticeList=newArrayList();
查询数据库之后，每读取一条记录就添加到noticeList。

while(rs.next()){  
NoticeInfotemp=newNoticeInfo();  
temp.setAuthor(rs.getString("author"));  
temp.setContent(rs.getString("content"));  
temp.setDates(rs.getDate("date"));  
temp.setTitle(rs.getString("title"));  
noticeList.add(temp);  
}

查询完毕之后你就可以把这个noticeList传回去，你也可以传回去一个NoticeInfo数组：

NoticeInfo[]notices=newNoticeInfo[noticeList.size()];  
for(inti=0;i<noticeList.size();i++){  
notices=(NoticeInfo)noticeList.get(i);  
}  
returnnotices;

我这里用的是后一种方法。如果你直接把noticeList传回去的话，记住一点，JAVA的ArrayList类型的对象到了Flex中会变成ArrayCollection类型的。
现在JAVA部分的代码就写好了。
DataServiceImpl.java的全部代码如下：

packagenet.zhuoqun.connectDB;  
importjava.sql.*;  
importjava.util.ArrayList;  
importjava.util.Date;  
publicclassDataServiceImpl{  
privateConnectionconn=null;  
privateStatementstmt=null;  
//以下是数据库以及驱动信息  
publicfinalstaticStringDRIVER="com.microsoft.jdbc.sqlserver.SQLServerDriver";  
publicfinalstaticStringCONN_STR_PRE="jdbc:microsoft:sqlserver://";  
publicfinalstaticStringHOST_NAME="localhost:1433;";  
publicfinalstaticStringDATABASE_NAME="DatabaseName=mydata";  
publicfinalstaticStringUSERNAME="aaa";  
publicfinalstaticStringPASSWORD="aaa";  
publicDataServiceImpl(){  
 
}  
//查询数据库  
privateResultSetexecuteQuery(StringsqlText){  
try{  
Class.forName(DRIVER);  
}catch(ClassNotFoundExceptione){  
e.printStackTrace();  
}  
try{  
conn=DriverManager.getConnection(CONN_STR_PRE+HOST_NAME+DATABASE_NAME,USERNAME,PASSWORD);  
stmt=conn.createStatement();  
ResultSetrs=stmt.executeQuery(sqlText);  
returnrs;  
}catch(SQLExceptione){  
e.printStackTrace();  
}  
returnnull;  
}  
//查询公告.这个是本程序的关键代码  
publicNoticeInfo[]getNotices(){  
ArrayListnoticeList=newArrayList();  
StringsqlText="selectauthor,content,date,titlefromBulletin";  
ResultSetrs=executeQuery(sqlText);  
try{  
while(rs.next()){  
NoticeInfotemp=newNoticeInfo();  
temp.setAuthor(rs.getString("author"));  
temp.setContent(rs.getString("content"));  
temp.setDates(rs.getDate("date"));  
temp.setTitle(rs.getString("title"));  
noticeList.add(temp);  
}  
NoticeInfo[]notices=newNoticeInfo[noticeList.size()];  
for(inti=0;i<noticeList.size();i++){  
notices=(NoticeInfo)noticeList.get(i);  
}  
returnnotices;  
}catch(SQLExceptione){  
e.printStackTrace();  
returnnull;  
}  
}  
}

#p#第三步：配置FlexDataService

1，把刚才写的JAVA文件编译。打开FDS的安装文件夹，将编译的文件拷贝到\jrun4\servers\default\flex\WEB-INF\classes文件夹中，进行下面的配置。
2.打开FDS的安装文件夹。进入jrun4\servers\default\flex\WEB-INF\flex目录。里面是关于FlexDataService的配置文件，我们这里只看RemoteObject如何配置，其它配置信息请自己看帮助。现在我们打开里面的remoting-config.xml文件。向里面添加如下信息，作为<service>的子标签：
程序代码

<destinationiddestinationid="dataService"> 
<properties> 
<source>net.zhuoqun.connectDB.DataServiceImpl</source> 
</properties> 
</destination>

当你设定了destination的时候，你就引用了了可以用来连接相应类的信息通道（messagingchannel）。它的id必须在文件中是独一无二的。source属性是指你编译的JAVA类在classes文件夹中的路径。由于我的DataServiceImpl类在classes\net\zhuoqun\connectDB中，所以source的值为net.zhuoqun.connectDB.DataServiceImpl。记住，不要写.class后缀。<properties>标签还可以有一个<scope>子标签，其作用我在这里就不说了，大家自己看相关文档（关于FDS的配置其实有很多东西，这些在帮助文档里都有，我这里不多说了，也说不过来，自己看吧）。
现在我们已经配置好了后台的FDS，做完了整个程序的大部分工作，接下来就是前台Flex程序调用的事情了。

第四步：创建Flex程序

打开FlexBuilder，新建一个工程ConnectDB。菜单栏中File->New->FlexProject，这时会弹出一个对话框，选择FlexDataService，创建了一个Flex工程。

#p#第五步：通过RemoteObject访问Flex数据库

打开工程中生成的主文件ConnectDB.mxml，声明一个RemoteObject：

程序代码

<mx:RemoteObjectidmx:RemoteObjectid="getData"destination="dataService"  
 
result="proccessResult(event.result)"fault="Alert.show(event.fault.faultString,'Error')"/>

其中destination的值是刚才我们在配置FDS的时候设定的destination。result表示在这个RemoteObject成功返回之后所要做的动作，这里我们调用一个方法proccessResult()来处理返回的数据，它的参数event.result就是从服务器段获得的数据，数据是作为一个对象传过来的。fault表示在这个RemoteObject请求失败时要做的处理，这里我们会弹出一个显示错误信息的对话框。

接下来我们要声明一个DataGrid控件来显示公告的标题和发布日期：

程序代码

<mxataGrididmxataGridid="myDG"> 
<mx:columns> 
<mxataGridColumnheaderTextmxataGridColumnheaderText="标题"dataField="title"/> 
<mxataGridColumnheaderTextmxataGridColumnheaderText="发布日期"dataField="dates"labelFunction="formatDate"/> 
</mx:columns> 
</mx:DataGrid>

其中headerText是显示在上方的表头，dataField表示要显示的数据域，为什么数据域是title和dates呢？因为我们传回的是一个NoticeInfo对象数组，虽然它是作为一个对象传回来的，但是其中的数据结构并没有变，那些数据域的名字也没有变，所以我们可以根据NoticeInfo中的变量设定dataField。labelFunction属性是用来格式化显示的，因为传回来的是格林威治时间，所以我们需要将其格式化然后显示出来。注意，这里只是显示两个数据域，并不代表其它的数据都没有了，它们仍然存在，只是没有显示出来。

接下来，在<mx:Script>标签中编写proccessResult()方法和格式化日期的formatDate方法：
程序代码

privatefunctionproccessResult(result:Object):void  
{  
myDG.dataProvider=ArrayUtil.toArray(result);  
}  
privatefunctionformatDate(item:Object,column:DataGridColumn):String  
{  
returndf.format(item.dates);  
}//

df是一个DateFormatter，在下面会给出。关于如何格式化DataGrid的显示
//以及DateFormatter这里就不讨论了，帮助里写得很清楚
这个函数只是简单地将获得的数据传给myDG的dataProvider。result的类型是Object，因为数据是作为一个对象传过来的。之所以调用ArrayUtil.toArray()这个方法，是因为返回的记录可能只有一条，而myDG的dataProvider显示单个对象的时候可能会出错，所以安全起见先将其转换成数组。
最后，我们编写调用RemoteObject的方法，使其在程序启动时就调用。

程序代码

privatefunctioninitApp():void  
{  
getData.getNotices();  
}

其中getData是RemoteObject的id，getNotices()是DataServiceImpl.java中的方法。在这里可以直接调用它。当然，如果DataServiceImpl.java有其它方法，也可以通过这种方式直接调用。

接下来设定组件创建完毕时调用initApp()方法，在<mx:Application>中添加一个creationComplete属性:
程序代码

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
 
fontSize="12"creationComplete="initApp()">

ConnectDB.mxml的全部代码：
程序代码

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
 
fontSize="12"creationComplete="initApp()"> 
<mx:Script> 
<![CDATA[  
importmx.controls.Alert;  
importmx.utils.ArrayUtil;  
privatefunctioninitApp():void  
{  
getData.getNotices();  
}  
privatefunctionproccessResult(result:Object):void  
{  
myDG.dataProvider=ArrayUtil.toArray(result);  
}  
privatefunctionformatDate(item:Object,column:DataGridColumn):String  
{  
returndf.format(item.dates);  
}//df是一个DateFormatter，在下面会给出。  
关于如何格式化DataGrid的显示  
//以及DateFormatter这里就不讨论了，帮助里写得很清楚  
]]> 
</mx:Script> 
<mx:DateFormatteridmx:DateFormatterid="df"formatString="YYYY-MM-DD"/> 
<mx:RemoteObjectidmx:RemoteObjectid="getData"destination="dataService"  
result="proccessResult(event.result)"fault="Alert.show(event.fault.faultString,'Error')"/> 
<mx:DataGrididmx:DataGridid="myDG"> 
<mx:columns> 
<mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="标题"dataField="title"/> 
<mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="发布日期"dataField="dates"labelFunction="formatDate"/> 
</mx:columns> 
</mx:DataGrid> 
</mx:Application>

整个工程终于完成，启动JRUN，然后运行程序，查看程序结果。如果是其他数据库，只需要改一下数据库驱动信息就可以了

【编辑推荐】