自从呼叫中心项目开始,不知不觉,学习Flex已经十天有余了!现在已经基本进入状态,今天本人在此班门弄斧,发一个利用Flex与后台的Servlet进行通讯的例子,希望对一些刚学习Flex的新手有所帮助。为了搞清楚Flex是如何与后台进行通讯,本人在刚开始学Flex前五天可以说是碌碌无为,今天发这个帖子的目的就是为了让后面的兄弟少走弯路。
交互原理:三个字母---------XML,客户端接受从服务器端发送过来的XML数据。
本例工作流程:客户端很简单就一个DataGrid组件,用来显示服务器端传送过来的数据。对应的mxml文件如下:
xml 代码
- <?xml version="1.0" encoding="UTF-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- <mx:Model source="http://localhost:8080/flex/first" id="model">
-
- </mx:Model>
- <mx:Panel title="用户信息" width="776" height="281" fontSize="18">
- <mx:DataGrid dataProvider="{model.user}" width="748" height="231">
- <mx:columns>
- <mx:DataGridColumn dataField="name" headerText="用户">
-
- </mx:DataGridColumn>
- <mx:DataGridColumn dataField="pwd" headerText="密码">
-
- </mx:DataGridColumn>
- <mx:DataGridColumn dataField="school" headerText="现在学校">
-
- </mx:DataGridColumn>
- </mx:columns>
- </mx:DataGrid>
- </mx:Panel>
- </mx:Application>
在此需要注意<mx:Model>标签,source属性指定的是一个servlet映射,这个servlet的作用是利用response向客户端写入XML。
读取数据库数据,生成XML文件由两个类组成,一个为FirstServlet.java,一个为XML.java,其中前者就是一个普通的servlet,用来写XML文件,后者专门用来生成XML文件,由Java XML API操作完成。废话少说,先看看代码
FirstServlet代码摘要:
java 代码
- try {
- xml.init() ;
- Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver") ;
-
- String url = "jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=flex" ;
-
- con = DriverManager.getConnection(url, "sa", "135780") ;
- stmt = con.createStatement() ;
-
- result = stmt.executeQuery("select * from USERS") ;
- } catch(Exception e) {
- e.printStackTrace() ;
- }
-
- response.setContentType("text/xml") ;
- response.setCharacterEncoding("UTF-8") ;
- PrintWriter out = response.getWriter() ;
以上为servlet连接数据库并设置响应格式的代码,下面是写XML文件的关键代码:
java 代码
- while(result.next()) {
- String[] strs = new String[3] ;
- strs[0] = result.getString("name") ;
- strs[1] = result.getString("pwd") ;
- strs[2] = result.getString("school") ;
-
- xml.create(strs) ;
- }
- result.close() ;
- stmt.close() ;
- con.close() ;
-
- xml.output(out) ;
其中末行的xml是XML.java的一个实例,XML的一些重要方法如下:
java 代码
-
-
-
-
-
-
-
-
-
- public void output(Writer writer) throws Exception{
- Transformer trans = TransformerFactory.newInstance().newTransformer() ;
- trans.setOutputProperty(OutputKeys.ENCODING, "UTF-8") ;
- Source source = new DOMSource(document) ;
- Result result = new StreamResult(writer) ;
- trans.transform(source, result) ;
- writer.flush() ;
- writer.close() ;
- }
java 代码
-
-
-
-
-
-
-
-
- public void create(String[] strs) {
-
- Element first = document.createElement("user") ;
- root.appendChild(first) ;
-
- for(int i=0; i<strs.length; i++) {
- if(i==0) {
-
- Element name = document.createElement("name") ;
- name.appendChild(document.createTextNode(strs[i])) ;
- first.appendChild(name) ;
- } if(i==1) {
- Element pwd = document.createElement("pwd") ;
- pwd.appendChild(document.createTextNode(strs[i])) ;
- first.appendChild(pwd) ;
- } if(i==2) {
- Element school = document.createElement("school") ;
- school.appendChild(document.createTextNode(strs[i])) ;
- first.appendChild(school) ;
- }
- }
- }
代码很乱?找不到头绪?没有关系,我会把源代码把放到附件里供大家下载。
其实说到底,这个例子没有什么神秘的,只要记住,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进行通信涉及到的文件会非常多,如果你以前会部署,那再好不过。一般情况下,根据上述步骤能部署成功。如果部署出现了什么问题,或者不明白的告知本人,本人会以最快的速度为大家解答。
分享到:
相关推荐
Flex与Java的交互是跨平台应用开发中的常见技术组合,允许前端用户界面(UI)与后端业务逻辑进行高效沟通。在本文中,我们将深入探讨如何使用Flex 4与Java进行通信,并通过三种不同的方法实现这一目标:RemoteObject...
总的来说,这个"Flex+Java Servlet文件上传实例"是一个典型的前后端交互案例,展示了如何利用Flex构建用户友好的文件选择和上传界面,然后通过Java Servlet在服务器端处理上传请求。开发者可以通过这个实例学习到...
通过这个入门实例,开发者可以快速理解Flex与Java交互的基本原理,并为进一步的复杂项目开发奠定基础。在实际的企业级应用中,这种交互模式常用于构建用户友好的前端界面,同时利用Java的强大后端处理能力,实现数据...
三、Flex与Servlet交互原理 Flex与Servlet的数据交互主要通过AMF(Action Message Format)协议完成,这是一种高效的二进制格式,能够快速传输对象和数据。Flex客户端通过HTTP或HTTPS协议向Servlet发送AMF请求,...
提供的文档如《如何学习flex.doc》、《MyEclipse下配置Flex.doc》、《整合Flex和Java--配置篇.pdf》和《Flex与Java Servlet交互实例.rar》将提供更详细的步骤和示例,帮助你深入理解和实践这一过程。
在Flex与Java的交互中,Servlet充当了中间件的角色,处理Flex发送的AMF(Action Message Format)或XML数据,并将处理结果返回给Flex。这种方式使得Flex和Java之间能够高效地交换数据。 在部署方面,...
这些服务允许Servlet容器处理AMF请求,与Flex客户端进行交互。 4. **数据交换**:在Flex客户端与Servlet之间,可以通过Flex的HTTPService或WebService组件发起HTTP请求。这些组件可以发送XML或AMF数据,并接收来自...
在本实例中,我们探讨了三种Flex4与Java交互的方式:通过RemoteObject、HTTPService以及WebService。 1. Flex 与普通 Java 类通信 - RemoteObject 在Flex中,RemoteObject组件用于与Java服务端的普通类进行通信。...
本实例旨在为初学者和开发者提供一个直观的学习平台,通过实际项目案例,深入理解Flex与Java的集成开发。 一、Flex简介 Flex是一个基于ActionScript 3.0的开发框架,用于构建具有动态图形、动画和数据可视化的RIA。...
总结起来,Flex 4与Java的交互是通过BlazeDS或类似的中间件实现的,这使得ActionScript(Flex的编程语言)能够与Java进行无缝集成。RemoteObject适用于直接调用Java对象的方法,HTTPService适用于通用的HTTP请求,而...
在本实例中,我们将深入探讨如何使用Flex与Java进行交互,以便将数据提交到数据库。这个过程通常涉及几个关键步骤,包括设置环境、建立连接、编写ActionScript代码和Java服务器端处理。 1. **环境配置**: - 安装...
在本文中,我们将深入探讨Flex 4与Java交互的三种主要方式:通过RemoteObject与普通Java类通信、使用HTTPService与服务器交互以及通过WebService与Web服务通信。这些技术在开发富互联网应用程序(RIA)时,允许前端...
在本实例中,Flex Builder 3将被用于创建Flex前端界面,编写ActionScript代码,并与后端Java服务进行交互。 3. **BlazeDS**:BlazeDS是Adobe提供的一个开源项目,它作为一个数据和服务中间件,允许Flex应用与Java...
在IT行业中,文件上传是常见的功能之一,尤其是在Web应用程序中。本示例“flex+java文件...这个实例对于学习和理解Flex与Java之间的文件上传交互具有很高的参考价值,同时也可直接应用于实际项目中,大大节省开发时间。
在"flex+java+mysql登录"这个场景中,我们主要探讨的是如何使用Flex客户端与Java后台进行通信,以及通过Java处理数据库交互来实现用户登录功能。 1. Flex数据库操作:Flex中的数据访问通常通过 BlazeDS 或 LCDS ...