" />
注册 登录
> Java

使用Flex+JavaBean连接SQL Server数据库

系统 1577 0
<!-- Feedsky FEED发布代码开始 --> 欢迎点击此处订阅本Blog <!-- FEED自动发现标记开始 --> <link title="RSS 2.0" type="application/rss+xml" href="http://feed.feedsky.com/softwave" rel="alternate"> <!-- FEED自动发现标记结束 --> Blog 订阅

<!--Google 468*60横幅广告开始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "image"; //2007-07-26: CSDN google_ad_channel = "6063905817"; google_color_border = "6699CC"; google_color_bg = "E6E6E6"; google_color_link = "FFFFFF"; google_color_text = "333333"; google_color_url = "AECCEB"; google_ui_features = "rc:6"; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--Google 468*60横幅广告结束-->

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

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

第一步：创建数据库
这里我们有一个公告表，表名为Bulletin。结构如下：
字段名称 字段类型 说明
ID 自动编号 自动编号
title Nvarchar(100) 题目
date datatime 日期
author Nvarchar(20) 作者
contents ntext 内容
在数据库中创建这个表。保存之后进入下一步。

第二步：在JAVA中编写获取公告的代码
首先，我们要创建一个公告类来专门保存获取的公告信息，代码如下。
NoticeInfo.java
  1. package net.zhuoqun.connectDB;
  2. import java.util.Date;
  3. public class NoticeInfo{
  4. private Stringtitle; //标题
  5. private Stringauthor; //作者
  6. private Stringcontent; //内容
  7. private Datedates; //时间
  8. public StringgetAuthor(){
  9. return author;
  10. }
  11. public void setAuthor(Stringauthor){
  12. this .author=author;
  13. }
  14. ……………… //其它get和set方法。
  15. }
创建好这个之后我们要创建一个数据查询类：DataServiceImpl.java 来查询数据库，并将查询结果传给将要创建的Flex程序。由于我们不清楚有多少条记录，所以就借助一下JAVA中的ArrayList这个类，它位于 java.util 包中。先创建一个ArrayList：
ArrayList noticeList = new ArrayList();
查询数据库之后，每读取一条记录就添加到 noticeList。
  1. while (rs.next()){
  2. NoticeInfotemp= new NoticeInfo();
  3. temp.setAuthor(rs.getString( "author" ));
  4. temp.setContent(rs.getString( "content" ));
  5. temp.setDates(rs.getDate( "date" ));
  6. temp.setTitle(rs.getString( "title" ));
  7. noticeList.add(temp);
  8. }
查询完毕之后你就可以把这个noticeList传回去，你也可以传回去一个 NoticeInfo 数组 ：
  1. NoticeInfo[]notices= new NoticeInfo[noticeList.size()];
  2. for ( int i= 0 ;i<noticeList.size();i++){
  3. notices=(NoticeInfo)noticeList.get(i);
  4. }
  5. return notices;
我这里用的是后一种方法。如果你直接把noticeList传回去的话，记住一点，JAVA的ArrayList类型的对象到了Flex中会变成ArrayCollection类型的。

现在JAVA部分的代码就写好了。
DataServiceImpl.java 的全部代码如下：
  1. package net.zhuoqun.connectDB;
  2. import java.sql.*;
  3. import java.util.ArrayList;
  4. import java.util.Date;
  5. public class DataServiceImpl{
  6. private Connectionconn= null ;
  7. private Statementstmt= null ;
  8. //以下是数据库以及驱动信息
  9. public final static StringDRIVER= "com.microsoft.jdbc.sqlserver.SQLServerDriver" ;
  10. public final static StringCONN_STR_PRE= "jdbc:microsoft:sqlserver://" ;
  11. public final static StringHOST_NAME= "localhost:1433;" ;
  12. public final static StringDATABASE_NAME= "DatabaseName=mydata" ;
  13. public final static StringUSERNAME= "aaa" ;
  14. public final static StringPASSWORD= "aaa" ;
  15. public DataServiceImpl(){
  17. }
  18. //查询数据库
  19. private ResultSetexecuteQuery(StringsqlText){
  20. try {
  21. Class.forName(DRIVER);
  22. } catch (ClassNotFoundExceptione){
  23. e.printStackTrace();
  24. }
  25. try {
  26. conn=DriverManager.getConnection(CONN_STR_PRE+HOST_NAME+DATABASE_NAME,USERNAME,PASSWORD);
  27. stmt=conn.createStatement();
  28. ResultSetrs=stmt.executeQuery(sqlText);
  29. return rs;
  30. } catch (SQLExceptione){
  31. e.printStackTrace();
  32. }
  33. return null ;
  34. }
  35. //查询公告.这个是本程序的关键代码
  36. public NoticeInfo[]getNotices(){
  37. ArrayListnoticeList= new ArrayList();
  38. StringsqlText= "selectauthor,content,date,titlefromBulletin" ;
  39. ResultSetrs=executeQuery(sqlText);
  40. try {
  41. while (rs.next()){
  42. NoticeInfotemp= new NoticeInfo();
  43. temp.setAuthor(rs.getString( "author" ));
  44. temp.setContent(rs.getString( "content" ));
  45. temp.setDates(rs.getDate( "date" ));
  46. temp.setTitle(rs.getString( "title" ));
  47. noticeList.add(temp);
  48. }
  49. NoticeInfo[]notices= new NoticeInfo[noticeList.size()];
  50. for ( int i= 0 ;i<noticeList.size();i++){
  51. notices=(NoticeInfo)noticeList.get(i);
  52. }
  53. return notices;
  54. } catch (SQLExceptione){
  55. e.printStackTrace();
  56. return null ;
  57. }
  58. }
  59. }
第三步： 配置Flex Data Service
1，把刚才写的JAVA文件编译。打开FDS的安装文件夹，将编译的文件拷贝到/jrun4/servers/default/flex/WEB-INF/classes 文件夹中，进行下面的配置。
2.打开FDS的安装文件夹。进入 jrun4/servers/default/flex/WEB-INF/flex 目录。里面是关于Flex Data Service 的配置文件，我们这里只看RemoteObject如何配置，其它配置信息请自己看帮助。现在我们打开里面的 remoting-config.xml 文件。向里面添加如下信息，作为<service>的子标签：
程序代码
  1. < destination id = "dataService" >
  2. < properties >
  3. < source > net.zhuoqun.connectDB.DataServiceImpl </ source >
  4. </ properties >
  5. </ destination >
你设定了 destination 的时候，你就引用了了可以用来连接相应类的信息通道（messaging channel）。它的 id 必须在文件中是独一无二的。 source属性是指你编译的JAVA类在classes文件夹中的路径。由于我的DataServiceImpl类在classes/net /zhuoqun/connectDB中，所以source的值为net.zhuoqun.connectDB.DataServiceImpl。记住，不要写.class后缀。<properties> 标签还可以有一个<scope>子标签，其作用我在这里就不说了，大家自己看相关文档（关于FDS的配置其实有很多东西，这些在帮助文档里都有，我这里不多说了，也说不过来，自己看吧）。
现在我们已经配置好了后台的 FDS，做完了整个程序的大部分工作，接下来就是前台Flex程序调用的事情了。

第四步：创建Flex程序
打开Flex Builder，新建一个工程 ConnectDB。菜单栏中 File -> New -> Flex Project，这时会弹出一个对话框，选择 Flex Data Service，创建了一个Flex工程。

第五步：通过 RemoteObject 访问数据库
打开工程中生成的主文件 ConnectDB.mxml，声明一个 RemoteObject ：
程序代码
  1. < mx:RemoteObject id = "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控件来显示公 告的标题和发布日期：
程序代码

  1. < mx:DataGrid id = "myDG" >
  2. < mx:columns >
  3. < mx:DataGridColumn headerText = "标题" dataField = "title" />
  4. < mx:DataGridColumn headerText = "发布日期" dataField = "dates" labelFunction = "formatDate" />
  5. </ mx:columns >
  6. </ mx:DataGrid >
其中headerText是显示在上方的表头，dataField表示要显示的数据域，为什么数据域是title和dates呢？因为我们传回的是一个 NoticeInfo 对象数组，虽然它是作为一个对象传回来的，但是其中的数据结构并没有变，那些数据域的名字也没有变，所以我们可以根据 NoticeInfo 中的变量设定dataField。labelFunction 属性是用来格式化显示的，因为传回来的是格林威治时间，所以我们需要将其格式化然后显示出来。注意，这里只是显示两个数据域，并不代表其它的数据都没有 了，它们仍然存在，只是没有显示出来。
接下来，在 <mx:Script> 标签中编写proccessResult()方法和格式化日期的 formatDate方法：
程序代码
  1. private functionproccessResult(result:Object): void
  2. {
  3. myDG.dataProvider=ArrayUtil.toArray(result);
  4. }
  5. private functionformatDate(item:Object,column:DataGridColumn):String
  6. {
  7. return df.format(item.dates);
  8. } //df是一个DateFormatter，在下面会给出。关于如何格式化DataGrid的显示
  9. //以及DateFormatter这里就不讨论了，帮助里写得很清楚
这个函数只是简单地将获得的数据传给 myDG 的 dataProvider。result 的类型是Object，因为数据是作为一个对象传过来的。之所以调用 ArrayUtil.toArray() 这个方法，是因为返回的记录可能只有一条，而myDG 的 dataProvider显示单个对象的时候可能会出错，所以安全起见先将其转换成数组。
最后，我们编写调用 RemoteObject 的方法，使其在程序启动时就调用。
程序代码
  1. privatefunctioninitApp():void
  2. {
  3. getData.getNotices();
  4. }
其中 getData 是RemoteObject的 id，getNotices()是DataServiceImpl.java中的方法。在这里可以直接调用它。当然，如果 DataServiceImpl.java有其它方法，也可以通过这种方式直接调用。接下来设定组件创建完毕时调用 initApp()方法，在 <mx:Application>中添加一个creationComplete属性:
程序代码
  1. < mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml" fontSize = "12" creationComplete = "initApp()" >
ConnectDB.mxml的全部代码：
程序代码
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml" fontSize = "12" creationComplete = "initApp()" >
  3. < mx:Script >
  4. <![CDATA[
  5. importmx.controls.Alert;
  6. importmx.utils.ArrayUtil;
  7. privatefunctioninitApp():void
  8. {
  9. getData.getNotices();
  10. }
  11. privatefunctionproccessResult(result:Object):void
  12. {
  13. myDG.dataProvider=ArrayUtil.toArray(result);
  14. }
  15. privatefunctionformatDate(item:Object,column:DataGridColumn):String
  16. {
  17. returndf.format(item.dates);
  18. }//df是一个DateFormatter，在下面会给出。关于如何格式化DataGrid的显示
  19. //以及DateFormatter这里就不讨论了，帮助里写得很清楚
  20. ]]>
  21. </ mx:Script >
  22. < mx:DateFormatter id = "df" formatString = "YYYY-MM-DD" />
  23. < mx:RemoteObject id = "getData" destination = "dataService" result = "proccessResult(event.result)" fault = "Alert.show(event.fault.faultString,'Error')" />
  24. < mx:DataGrid id = "myDG" >
  25. < mx:columns >
  26. < mx:DataGridColumn headerText = "标题" dataField = "title" />
  27. < mx:DataGridColumn headerText = "发布日期" dataField = "dates" labelFunction = "formatDate" />
  28. </ mx:columns >
  29. </ mx:DataGrid >
  30. </ mx:Application >
整个工程终于完成，启动JRUN，然后运行程序，查看程序结果。如果是其他数据库，只需要改一下数据库驱动信息就可以了。

<!--新Google 468*60横幅广告开始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 创建于 08-8-6 */ google_ad_slot = "7368701459"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468*60横幅广告结束-->

<!--新Google 468x15 横链接单元开始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x15 横链接单元 */ google_ad_slot = "5785741422"; google_ad_width = 468; google_ad_height = 15; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468x15 横链接单元结束-->

<!-- Google Reader shared发布代码开始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script><!-- Google Reader shared发布代码结束 -->

使用Flex+JavaBean连接SQL Server数据库


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索：z360901061

微信扫一扫加我为好友

QQ号联系： 360901061

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧，狠狠点击下面给点支持吧，站长非常感激您！手机微信长按不能支付解决办法：请将微信支付二维码保存到相册，切换到微信，然后点击微信右上角扫一扫功能，选择支付二维码完成支付。

【本文对您有帮助就好】元

您的支持是博主写作最大的动力，如果您喜欢我的文章，感觉我的文章对您有帮助，请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧，站长会非常 感谢您的哦！！！

发表我的评论
最新评论 总共0条评论