论坛首页 → Web前端技术论坛 →

Flex与Java Servlet交互实例

浏览 29066 次
锁定老帖子 主题：Flex与Java Servlet交互实例
精华帖 (0) :: 良好帖 (0) :: 新手帖 (2) :: 隐藏帖 (0)
作者 正文
  • mhqawjh
  • 等级: 一星会员
  • 性别:
  • 文章: 44
  • 积分: 100
  • 来自: 长沙
   发表时间：2007-10-30  

自从呼叫中心项目开始，不知不觉，学习Flex已经十天有余了！现在已经基本进入状态，今天本人在此班门弄斧，发一个利用Flex与后台的Servlet进行通讯的例子，希望对一些刚学习Flex的新手有所帮助。为了搞清楚Flex是如何与后台进行通讯，本人在刚开始学Flex前五天可以说是碌碌无为，今天发这个帖子的目的就是为了让后面的兄弟少走弯路。

交互原理：三个字母---------XML，客户端接受从服务器端发送过来的XML数据。

本例工作流程：客户端很简单就一个DataGrid组件，用来显示服务器端传送过来的数据。对应的mxml文件如下：

xml 代码
  1. <?xml version="1.0" encoding="UTF-8"?>     
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">     
  3.     <mx:Model source="http://localhost:8080/flex/first" id="model">     
  4.               
  5.     </mx:Model>     
  6.     <mx:Panel title="用户信息" width="776" height="281" fontSize="18">     
  7.         <mx:DataGrid dataProvider="{model.user}" width="748" height="231">     
  8.             <mx:columns>     
  9.                 <mx:DataGridColumn dataField="name" headerText="用户">     
  10.                           
  11.                 </mx:DataGridColumn>     
  12.                 <mx:DataGridColumn dataField="pwd" headerText="密码">     
  13.                           
  14.                 </mx:DataGridColumn>     
  15.                 <mx:DataGridColumn dataField="school" headerText="现在学校">     
  16.                           
  17.                 </mx:DataGridColumn>     
  18.             </mx:columns>     
  19.         </mx:DataGrid>     
  20.     </mx:Panel>     
  21. </mx:Application>    

在此需要注意<mx:Model>标签，source属性指定的是一个servlet映射，这个servlet的作用是利用response向客户端写入XML。

读取数据库数据，生成XML文件由两个类组成，一个为FirstServlet.java，一个为XML.java，其中前者就是一个普通的servlet，用来写XML文件，后者专门用来生成XML文件，由Java XML API操作完成。废话少说，先看看代码

FirstServlet代码摘要：

java 代码
  1. try {      
  2.             xml.init() ;      
  3.             Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver") ;      
  4.             //*********建立数据库 名为flex*************//      
  5.             String url = "jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=flex" ;      
  6.             //**********换上你自己的用户名和密码信息************//      
  7.             con = DriverManager.getConnection(url, "sa", "135780") ;      
  8.             stmt = con.createStatement() ;      
  9.             //**********里面建表名为USERS  具体SQL语句见附件下载**********//      
  10.             result = stmt.executeQuery("select * from USERS") ;      
  11.         } catch(Exception e) {      
  12.             e.printStackTrace() ;      
  13.         }      
  14.         //重要：设置响应格式为XML格式      
  15.         response.setContentType("text/xml") ;      
  16.         response.setCharacterEncoding("UTF-8") ;      
  17.         PrintWriter out = response.getWriter() ;    

以上为servlet连接数据库并设置响应格式的代码，下面是写XML文件的关键代码：

java 代码
  1. while(result.next()) {      
  2.                 String[] strs = new String[3] ;      
  3.                 strs[0] = result.getString("name") ;      
  4.                 strs[1] = result.getString("pwd") ;      
  5.                 strs[2] = result.getString("school") ;      
  6.                 //*****创建XMLdocument*******//      
  7.                 xml.create(strs) ;      
  8.             }      
  9.             result.close() ;      
  10.             stmt.close() ;      
  11.             con.close() ;      
  12.             //*******写XML文件到客户端********//      
  13.             xml.output(out) ;    

其中末行的xml是XML.java的一个实例，XML的一些重要方法如下：

java 代码
  1. /**    
  2.      * 把XML文档写入到输出流    
  3.      *     
  4.      * @param out    
  5.      *       ----指定的输出流    
  6.      * @throws Exception    
  7.      *     
  8.      * 编写者：王景辉 湖南农业大学&湖南爱瑞洁投资管理公司    
  9.      */     
  10.     public void output(Writer writer) throws Exception{      
  11.         Transformer trans = TransformerFactory.newInstance().newTransformer() ;      
  12.         trans.setOutputProperty(OutputKeys.ENCODING, "UTF-8") ;      
  13.         Source source = new DOMSource(document) ;      
  14.         Result result = new StreamResult(writer) ;      
  15.         trans.transform(source, result) ;      
  16.         writer.flush() ;      
  17.         writer.close() ;      
  18.     }    

 

java 代码
  1. /**    
  2.      * 创建XML文档    
  3.      *     
  4.      * @param   strs     
  5.      *       -------传送过来的姓名和密码和学校参数    
  6.      *     
  7.      * 编写者：王景辉 湖南农业大学&湖南爱瑞洁投资管理公司    
  8.      */     
  9.     public void create(String[] strs) {      
  10.         //******第一级子节点******//      
  11.         Element first = document.createElement("user") ;      
  12.         root.appendChild(first) ;      
  13.               
  14.         for(int i=0; i<strs.length; i++) {      
  15.             if(i==0) {      
  16.                 //*******第二级子节点******//      
  17.                 Element name = document.createElement("name") ;      
  18.                 name.appendChild(document.createTextNode(strs[i])) ;      
  19.                 first.appendChild(name) ;      
  20.             } if(i==1) {      
  21.                 Element pwd = document.createElement("pwd") ;      
  22.                 pwd.appendChild(document.createTextNode(strs[i])) ;      
  23.                 first.appendChild(pwd) ;      
  24.             } if(i==2) {      
  25.                 Element school = document.createElement("school") ;      
  26.                 school.appendChild(document.createTextNode(strs[i])) ;      
  27.                 first.appendChild(school) ;      
  28.             }      
  29.         }      
  30.     }    

代码很乱？找不到头绪？没有关系，我会把源代码把放到附件里供大家下载。

其实说到底，这个例子没有什么神秘的，只要记住，XML是Flex与后台进行数据交换的媒介，无论后台数据怎么千变万化，出口就有这一个。如果试验，可以先从简单开始，不涉及查询数据库，直接在servlet写出XML。

如果大家还有什么疑问，欢迎留言，我也是初学者，让我们共同进步。。。

程序运行方法：

STEP1:  在SQLServer2000里建一个数据库flex，然后在查询分析器导入附件所带的SQL语句.sql，生成所需表格

STEP2:  把FlexDataService安装目录下的flex.war解压到（比如说D:\a）,然后把D:\a\web-inf下的flex整个目录拷贝到WEB程序的WEB-INF下，把D:\a\web-inf\lib目录下的jar包拷贝到对应WEB程序下的lib目录下。

STEP4:  拷贝工程文件到你所建的MyEclipse工程

因为Flex与Java进行通信涉及到的文件会非常多，如果你以前会部署，那再好不过。一般情况下，根据上述步骤能部署成功。如果部署出现了什么问题，或者不明白的告知本人，本人会以最快的速度为大家解答。

  • MyEclipse.rar (1.6 MB)
  • 描述: 工程文件和SQL文件
  • 下载次数: 11631
返回顶楼
         
  • hgq0011
  • 等级: 一钻会员
  • 性别:
  • 文章: 961
  • 积分: 1017
  • 来自: 广州
   发表时间：2008-02-27  
请问lz你用户的数据是中文的话，在页面中能正常显示吗？
我试过是乱码？请问怎么解决？
另外，在页面显示中文看上去很别扭，有没有办法设置字体呢？
谢谢！
返回顶楼
          回帖地址
0 请登录后投票
  • RyanPoy
  • 等级: 二星会员
  • 性别:
  • 文章: 122
  • 积分: 260
  • 来自: 长沙
   发表时间：2008-05-13  
这个样子的话.那还是一个请求一次服务端的连接.
即:一个请求刷新一次.
有没有好的不需要重新刷新的交互方式?
返回顶楼
          回帖地址
0 请登录后投票
  • yexin218
  • 等级: 一星会员
  • 性别:
  • 文章: 90
  • 积分: 100
  • 来自: 珠海
   发表时间：2008-05-31  
FlexDataService 我不明白这个。这个需要另外安装吗？我好像都没有找到
返回顶楼
          回帖地址
0 请登录后投票
  • zp0123
  • 等级: 初级会员
  • 性别:
  • 文章: 1
  • 积分: 30
  • 来自: 北京
   发表时间：2008-06-08  
我照你说的方法试了一下，访问/first这个servlet地址怎么出来的是一段xml呢？
该怎么访问？
返回顶楼
          回帖地址
0 请登录后投票
  • mhqawjh
  • 等级: 一星会员
  • 性别:
  • 文章: 44
  • 积分: 100
  • 来自: 长沙
   发表时间：2008-06-08  
没错。servlet返回的就是一段XML。
这段XML数据是供Flex的DataGrid使用的！
返回顶楼
          回帖地址
0 请登录后投票
  • hegang3
  • 等级: 初级会员
  • 性别:
  • 文章: 2
  • 积分: 30
   发表时间：2008-06-20  
写得很好。有很大的提示作用。多谢楼主，希望能有更多彩的文章。
返回顶楼
          回帖地址
0 请登录后投票
  • mhqawjh
  • 等级: 一星会员
  • 性别:
  • 文章: 44
  • 积分: 100
  • 来自: 长沙
   发表时间：2008-07-10  
呵呵，有什么问题在这里交流吧！ 发站内短信也可以。QQ一般不上
返回顶楼
          回帖地址
0 请登录后投票
  • jkfzero
  • 等级: 初级会员
  • 性别:
  • 文章: 690
  • 积分: 20
  • 来自: 北京
   发表时间：2008-08-13  
奇怪，不是一个地方呀？
返回顶楼
          回帖地址
0 请登录后投票
  • jkfzero
  • 等级: 初级会员
  • 性别:
  • 文章: 690
  • 积分: 20
  • 来自: 北京
   发表时间：2008-08-14  
如果通过remote object交互，java类型怎么转换为as类型？
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics