连接Flex数据库三种方法
本文和大家重点讨论一下连接Flex数据库三种方法,Flex中提供了三种方式:HttpService,WebService和RemoteObject。其中HttpService可以直接获取XML中的数据,还可以通过JSP,ASP以及PHP读取Flex数据库中的数据,这个比较简单。
Flex连接Flex数据库三种方法
首先,做一点说明。Flex是不能直接连接Flex数据库的,这一点大家需要知道,它只能间接地连接Flex数据库。Flex中提供了三种方式:HttpService,WebService和RemoteObject。其中HttpService可以直接获取XML中的数据,还可以通过JSP,ASP以及PHP读取Flex数据库中的数据,这个比较简单,而且网上也有很多例子,我就不多说了。WebService我不懂,请自己查资料。我一直用的是JAVA对象连接Flex数据库,感觉这个挺方便,而且J2EE的技术已经很成熟。今天的教程就是以Flex+JAVA+SQLServer获取Flex数据库公告信息为例简单说一下RemoteObject的用法。
前提
1.确保你安装了FlexDataService。这个对于单个CUP无限APP是免费的,可以去Adobe下载。如果只是读取XML文件是不需要这个的,连接FlexFlex数据库就需要它了。
2.安装了FlexBuilder或者有FlexSDK。我这里使用的是FlexBuilder(IDE就是方便啊^_^)。
3.安装了SQLServerFlex数据库。
4.安装了JRUN或者tomcat或其它的J2EE容器,因为发布的时候我们的程序要运行在J2EE平台上。
5.安装了JDK。
第一步:创建Flex数据库
这里我们有一个公告表,表名为Bulletin。结构如下:
◆字段名称字段类型说明
◆ID自动编号自动编号
◆titleNvarchar(100)题目
◆datedatatime日期
◆authorNvarchar(20)作者
◆contentntext内容
在Flex数据库中创建这个表。保存之后进入下一步。
第二步:在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();
查询Flex数据库之后,每读取一条记录就添加到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; //以下是Flex数据库以及驱动信息 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(){ } //查询Flex数据库 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; } } }
第三步:配置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工程。
第五步:通过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>