微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

FLex调用servlet连接数据库

分类：Flex作者：编程之家AI导航网
本文转帖自： http://www.voidcn.com/article/p-tgfghkvk-xy.html 

FLex调用servlet连接数据库

前言

Flex 最重要的部分之一就是和服务器以及数据库的通讯。Flex 提供了三个类来与服务器通讯： HTTPService，RemoteObject 以及WebService。

HTTPService 类提供了使用超文本传输协议（HTTP）与服务器通讯的方式。一个Flex 应用程序可以使用GET 或者POST 请求来发送数据到一个服务器并且处理这个请求返回的 XML 或者字符串。使用HTTPService 类，你可以与PHP 页面,ColdFusion 页面，JavaServe页面（ jsp），Java servlet， Ruby onRails， 以及ASP 动态网页通讯。

与Java Servlet通讯

由于本人是Java出身，所以这里就来讨论一下与Servlet的通讯方式。

建立数据库

这里选用MysqL数据库，首先建立如下的数据库表

写服务器端Java代码

Servlet

  1. package servlet;  
  2.   
  3. import java.io.IOException;  
  4. import java.io.PrintWriter;  
  5. import java.util.List;  
  6.   
  7. import javax.servlet.servletexception;  
  8. import javax.servlet.http.HttpServlet;  
  9. import javax.servlet.http.HttpServletRequest;  
  10. import javax.servlet.http.HttpServletResponse;  
  11.   
  12. import Podo.Product;  
  13. import db.ProductDao;  
  14.   
  15. public class GetProductServlet extends HttpServlet {  
  16.     List result;  
  17.   
  18.     /** 
  19.      * Constructor of the object. 
  20.      */  
  21.     public GetProductServlet() {  
  22.         super();  
  23.     }  
  24.   
  25.     /** 
  26.      * Destruction of the servlet. <br> 
  27.      */  
  28.     public void destroy() {  
  29.         super.destroy(); // Just puts "destroy" string in log   
  30.         // Put your code here   
  31.     }  
  32.   
  33.     /** 
  34.      * The doGet method of the servlet. <br> 
  35.      *  
  36.      * This method is called when a form has its tag value method equals to get. 
  37.      *  
  38.      * @param request 
  39.      *            the request send by the client to the server 
  40.      * @param response 
  41.      *            the response send by the server to the client 
  42.      * @throws servletexception 
  43.      *             if an error occurred 
  44.      * @throws IOException 
  45.      *             if an error occurred 
  46.      */  
  47.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  48.             throws servletexception, IOException {  
  49.         result = new ProductDao().getProduct();  
  50.         String xmlContent = "<?xml version='1.0' encoding='utf-8'?><products>";  
  51.         response.setContentType("text/xml;charset=utf-8");  
  52.         PrintWriter out = response.getWriter();  
  53.         if (result != null) {  
  54.             for (int i = 0; i < result.size(); i++) {  
  55.                 Product p = (Product) result.get(i);  
  56.                 xmlContent += "<product><name>" + p.getName() + "</name><type>"  
  57.                         + p.getType() + "</type><price>" + p.getPrice()  
  58.                         + "</price><num>" + p.getNum() + "</num></product>";  
  59.             }  
  60.             xmlContent += "</products>";  
  61.             out.print(xmlContent);  
  62.             out.flush();  
  63.             out.close();  
  64.         }  
  65.   
  66.     }  
  67.   
  68.     /** 
  69.      * The doPost method of the servlet. <br> 
  70.      *  
  71.      * This method is called when a form has its tag value method equals to 
  72.      * post. 
  73.      *  
  74.      * @param request 
  75.      *            the request send by the client to the server 
  76.      * @param response 
  77.      *            the response send by the server to the client 
  78.      * @throws servletexception 
  79.      *             if an error occurred 
  80.      * @throws IOException 
  81.      *             if an error occurred 
  82.      */  
  83.     public void doPost(HttpServletRequest request, IOException {  
  84.   
  85.         this.doGet(request, response);  
  86.     }  
  87.   
  88.     /** 
  89.      * Initialization of the servlet. <br> 
  90.      *  
  91.      * @throws servletexception 
  92.      *             if an error occurs 
  93.      */  
  94.     public void init() throws servletexception {  
  95.         // Put your code here   
  96.     }  
  97. }  

数据库连接

  1. public class MyConnection {  
  2.     public Connection conn = null;  
  3.   
  4.     public MyConnection() {  
  5.         try {  
  6.             // 注册数据库驱动程序为MysqL驱动   
  7.             Class.forName("com.MysqL.jdbc.Driver");  
  8.         } catch (java.lang.classNotFoundException e) {  
  9.               
  10.             System.err.println("mydb(): " + e.getMessage());  
  11.         }  
  12.   
  13.         try {  
  14.             conn = DriverManager.getConnection(  
  15.                     "jdbc:MysqL://127.0.0.1:3306/flex",  
  16.                     "root", "root");  
  17.         } catch (sqlException ex) {  
  18.             System.err.println("conn:" + ex.getMessage());  
  19.         }  
  20.     }  
  21.   
  22.     public Connection getDbConnection() {  
  23.         return conn;  
  24.     }  
  25. }  

 

DAO

[c-sharp] view plain copy print ?
  1. public class ProductDao {  
  2.     Connection conn;  
  3.     ResultSet rs;  
  4.     Statement stmt;  
  5.   
  6.     public ProductDao() {  
  7.         conn = new MyConnection().getDbConnection();  
  8.         try {  
  9.             stmt = conn.createStatement();  
  10.         } catch (sqlException e) {  
  11.             // Todo Auto-generated catch block   
  12.             e.printstacktrace();  
  13.         }  
  14.     }  
  15.   
  16.     public List getProduct() {  
  17.         List list = new ArrayList();  
  18.         try {  
  19.             String sql = "select * from product";  
  20.             rs = stmt.executeQuery(sql);  
  21.             while (rs.next()) {  
  22.                 String name=rs.getString("name");  
  23.                 String type=rs.getString("type");  
  24.                 double price=Double.parseDouble(rs.getString("price"));  
  25.                 int num=Integer.parseInt(rs.getString("num"));  
  26.                 Product p=new Product(name,type,price,num);  
  27.                 list.add(p);  
  28.             }  
  29.               rs.close();  
  30.               stmt.close();  
  31.               conn.close();  
  32.               
  33.         } catch (sqlException e) {  
  34.             // Todo Auto-generated catch block   
  35.             e.printstacktrace();  
  36.         } finally {  
  37.             return list;  
  38.         }  
  39.   
  40.     }  
  41.   
  42. }  

 

Podo

  1. public class Product {  
  2.     private String name;  
  3.     private String type;  
  4.     private double price;  
  5.     private int num;  
  6.   
  7.     public Product(String name, String type, double price, int num) {  
  8.         this.name = name;  
  9.         this.type = type;  
  10.         this.price = price;  
  11.         this.num = num;  
  12.     }  
  13.   
  14.     public String getName() {  
  15.         return name;  
  16.     }  
  17.   
  18.     public void setName(String name) {  
  19.         this.name = name;  
  20.     }  
  21.   
  22.     public String getType() {  
  23.         return type;  
  24.     }  
  25.   
  26.     public void setType(String type) {  
  27.         this.type = type;  
  28.     }  
  29.   
  30.     public double getPrice() {  
  31.         return price;  
  32.     }  
  33.   
  34.     public void setPrice(double price) {  
  35.         this.price = price;  
  36.     }  
  37.   
  38.     public int getNum() {  
  39.         return num;  
  40.     }  
  41.   
  42.     public void setNum(int num) {  
  43.         this.num = num;  
  44.     }  
  45.   
  46. }  

 

部署TOMCAT

这一部分略过，如果觉得手动部署比较麻烦，我们可以使用MyEclipse插件。值得注意的是web.xml文件的配置，一定要正确配置servlet,下面我给出正确示例

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee"  
  3.  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee   http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">  
  4.  <display-name>Benson</display-name>  
  5.    <servlet>  
  6.     <description>This is the description </description>  
  7.     <display-name>This is the display name </display-name>  
  8.     <servlet-name>GetProductServlet</servlet-name>  
  9.     <servlet-class>servlet.GetProductServlet</servlet-class>  
  10.   </servlet>  
  11.   
  12.   <servlet-mapping>  
  13.     <servlet-name>GetProductServlet</servlet-name>  
  14.     <url-pattern>/servlet/GetProductServlet</url-pattern>  
  15.   </servlet-mapping>  
  16.  <welcome-file-list>  
  17.   <welcome-file>index.jsp</welcome-file>  
  18.  </welcome-file-list>  
  19.  <login-config>  
  20.   <auth-method>BASIC</auth-method>  
  21.  </login-config>  
  22. </web-app>  

编写FLEX MXML

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="send()">  
  3.     <mx:HTTPService id="service" url="http://localhost:8080/servlet/servlet/GetProductServlet" method="GET" />   
  4.      <mx:Script>    
  5.           <!--[CDATA[   
  6.               private function send():void{   
  7.                   //发送请求   
  8.                   service.send();   
  9.               }   
  10.           ]]-->    
  11.       </mx:Script>    
  12.      <mx:Canvas x="0" y="0" width="100%" height="100%">  
  13.          <mx:DataGrid x="0" y="68" width="676" height="383" id="productdata" dataProvider="{service.lastResult.products.product}" fontFamily="Times New Roman" fontSize="16">  
  14.              <mx:columns>  
  15.                  <mx:DataGridColumn headerText="商品名称" datafield="name"/>  
  16.                  <mx:DataGridColumn headerText="商品类别" datafield="type"/>  
  17.                  <mx:DataGridColumn headerText="商品价格" datafield="price"/>  
  18.                  <mx:DataGridColumn headerText="剩余数量" datafield="num"/>  
  19.              </mx:columns>  
  20.          </mx:DataGrid>  
  21.          <mx:ApplicationControlBar x="0" y="0" height="70" width="676">  
  22.          </mx:ApplicationControlBar>  
  23.      </mx:Canvas>  
  24. </mx:Application>  

 

代码重点解释

1.       creationComplete="send()"

表明当这个Flex应用创建完成时，就发送这个HttpServer请求给Servlet

2.     url=http://localhost:8080/servlet/servlet/GetProductServlet

第一个servlet是我们服务器端的工程名

第二个servelt是servlet所在包名

GetProductServlet使我们真正的servlet名称

3.       dataProvider="{service.lastResult.products.product}"

a. lastResult：在做了一个呼叫到一个HTTPService 之后，数据会从服务返回，并被放置到服务组件所包含的lastResult 对象。

b. 由于我们返回的是一个XML数据，所以service.lastResult.products.product就代表返回XML中products标签下的所有product标签内容。

c.  Product子标签和Flex中<mx:columns>的datafield属性相对应。

结果图

 

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

css display:flex 属性
一：display:flex布局display:flex是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵
display:flex 布局详解2
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现HTML代码：1<divclass="demo">2<divclass="inner">3<p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p>4</div
移动端开发
移动端开发知识点pc端软件和移动端apppc端软件是什么，有哪些应用。常见的例子，比如360杀毒，photoShop，VisualStudioCode等等移动端app是什么，有哪些应用。常见的例子，比如手机微信，手机qq，手机浏览器，美颜相机等等PC端与移动端的区别第一：PC考虑的是浏览器的兼容性，移动端考
grid布局笔记
最近挺忙的，准备考试，还有其他的事，没时间研究东西，快周末了，难得学点东西，grid是之前看到的，很好奇，讲的二维的布局，看起来很方便，应该很适合移动端布局，所以今天抽时间学一学，这个当是笔记了。参考的是阮老师的博客。阮一峰：CSSGrid网格布局教程http://www.ruanyifeng.com/blog/2019/03/g
盒模型
display:flex;把容器设置为弹性盒模型（设置为弹性盒模型之后，浮动，定位将不会有效果）给父元素设置的属性：（1）display：flex---把容器设置为弹性盒模型。（2）flex-direction---设置弹性盒模型主轴方向默认情况下主
javascript – Flex禁用Safari键盘快捷键
我在网页上运行了一个Flex应用程序,我想使用Command←组合键在应用程序中触发某些操作.这在大多数浏览器上都很好,但在Safari上,浏览器拦截此键盘事件并导致浏览器“返回”事件.有没有办法,通过Flex或通过页面上的其他地方的JavaScript,我可以告诉Safari不要这样做？解决方法:简短的
flex布局，flex-item
flex布局，flex-item1<template>2<viewclass="container">3<viewclass="greentxt">4A5</view>6<viewclass="redtxt">7B8<
c# – 大屏幕多点触控交互式应用程序设计
我应该设计一个大型多点触控屏幕的应用程序.从大到大,我的意思是新闻广播员(大约55英寸及以上).该应用程序是一个交互式地图.我的问题是：开发应用程序的技术.我的第一个想法是在AdobeFlex中制作,但是HTML5也是如此……必须有一些非常棒的Java库用于触摸交互,但是在Windows平台上
左图有文字的一些CSS样式
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible&quo
弹性盒模型：flex多行多列两端对齐，列不满左对齐
【1】需求：  【2】解决方案：最近遇到布局上要求item两端对齐，且最后一行在列不满的情况下要求左对齐，使用flex的justify-content:space-between;实现时发现最后一行不能左对齐，而是两端对齐方式。 不是项目上想要的效果#网上查了一些资料，有两种方法可以实现效果：**1.
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native