`

flex3 Grid获取jsp数据的简单应用

 
阅读更多

很多时候我们需要在jsp展现数据用的都是table,来看看
用flex3的Grid怎么做。

测试数据:

 if object_id('product'is not null 
   
drop table product

create table product
(
  id 
int primary key identity(1,1),
  productName 
varchar(50),
  remark 
varchar(100)
)

declare @i int
set @i = 1
while @i < 100
begin
   
insert into product values('产品' + convert(varchar(3),@i),'备注' + convert(varchar(3),@i))
   
set @i = @i + 1
end


select * from product

grid需要的是xml数据源:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="list.send()">
    
<!--jsp请求-->
    
<!--<mx:HTTPService id="list" url="../index.jsp" />-->
    
<!--Servlet请求-->
    
<mx:HTTPService id="list" url="../productServlet" />
    
<!--grid数据绑定-->
    
<mx:DataGrid dataProvider="{list.lastResult.catalog.product}"  width="395" height="307" x="223" y="54" color="#F2C50F"></mx:DataGrid>
</mx:Application>

看一提供数据的Servlet:
package com;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.dao.ProductDao;
import com.vo.Product;

@SuppressWarnings(
"serial")
public class ProductServlet extends HttpServlet
{
    
public void doGet(HttpServletRequest request, HttpServletResponse response)
            
throws ServletException, IOException
    
{

        response.setContentType(
"text/html");
        response.setCharacterEncoding(
"utf-8");
        PrintWriter out 
= response.getWriter();
        String str 
= "<?xml version=\"1.0\" encoding=\"utf-8\"?>";
        str 
+= "<catalog>";
        ProductDao srv 
= new ProductDao();
        List
<Product> list = null;
        list 
= srv.getAll();
        Product product;
        
for (int i = 0; i < list.size(); i++)
        
{
            product 
= (Product) list.get(i);
            str 
+= "<product productId=\"" + product.getId() + "\">";
            str 
+= "<productName>" + product.getProductName() + "</productName>";
            str 
+=     "<remark>" + product.getRemark() +"</remark>";
            str 
+= "</product>";
        }

        str 
+= "</catalog>";
        out.write(str);
        
    }


    
public void doPost(HttpServletRequest request, HttpServletResponse response)
            
throws ServletException, IOException
    
{
        
this.doGet(request, response);
    }


}

当然你也可以写成jsp的形式:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.dao.ProductDao"%>
<%@page import="com.vo.Product"%>

<?xml version="1.0" encoding="utf-8"?>
<catalog>
<%
    ProductDao srv 
= new ProductDao();
    List
<Product> list = null;
    list 
= srv.getAll();
    Product product;
    
for (int i = 0; i < list.size(); i++)
    {
        product 
= (Product) list.get(i);
%>
<product productId="<%=product.getId()%>">
    
<productName><%=product.getProductName()%></productName>
    
<remark><%=product.getRemark()%></remark>
</product>
<%
    }
%></catalog>

HTTPService标签实例化一个对象它将会请求jsp和反序列化请求对象。url属性需要指定jsp或Servlet Action并且返回xml数据。其中list是HTTPService标签的id,lastResult属性包含了一个对象叫"catalog",相当于xml的catalog节点。在catalog节点下有节点数组product.这个list.lastResult.catalog.product相当于从HTTPService请求jsp返回的数组。

 如图:


分享到:
评论

相关推荐

    jsp分栏显示

    在网页设计中,分栏布局是一种常见的页面构造...例如,我们可能需要从数据库中获取内容填充到分栏中。这可以通过JSP的脚本元素和EL(Expression Language)实现。下面是一个简单的例子: ```jsp ; charset=UTF-8" %&gt; ...

    jsp开发网站注册登陆界面

    例如,可以使用`display: flex`或`grid`布局来对齐表单元素,使用`border-radius`为输入框添加圆角,使用`box-shadow`添加阴影效果。 三、JavaScript交互 JavaScript负责处理用户交互,验证表单数据,以及进行动态...

    利用CSS和DIV做的JSP页面框架

    3. **布局技巧**:使用`display`属性可以实现不同的布局方式,如`block`(块级元素)、`inline`(行内元素)、`inline-block`以及`flex`(弹性盒模型)和`grid`(网格布局)。在JSP页面设计中,`div`元素通常作为...

    一个简单的美化表单的实例

    4. **布局**:通过`display`属性(如`flex`或`grid`)调整表单元素的排列方式,使其适应不同的屏幕尺寸和设备类型,实现响应式设计。 5. **字体与颜色**:选择合适的字体家族、大小和颜色,使得表单文本易于阅读且...

    JAVA.Extjs.Hibernate.Web开发应用免费教程集锦收集.pdf

    它的教程涵盖了ExtJS的基础知识和特定控件如Grid的使用,帮助开发者创建交互性强、用户界面丰富的Web应用。 4. **Web开发**:这部分内容包括了Struts、Spring和Hibernate的整合实例,这些都是Java EE(Java ...

    对初学者有帮助的Ext笔记

    3. 表格样式调整:`.x-grid3-cell {border-left: 1px solid #E1E1E1;}`是用于添加表格列的左边界线,解决没有分割线的问题。 4. 数据库权限管理:在Oracle等数据库中,`grant`语句用于赋予用户访问特定表或所有表的...

    页面布局,实现footer永远在底部

    在压缩包中的`layout.jsp`和`layout2.jsp`文件中,可能会分别展示以上几种布局方式的具体应用。通过查看和分析这些文件,你可以更直观地了解每种方法的实际效果和代码实现。对于开发者来说,理解并掌握这些布局技巧...

    导航条_垂直1_1605

    3. Grid布局:CSS Grid提供了一个二维的布局系统,对于复杂的垂直导航条设计,Grid可以实现更精细的控制,如自定义列宽、对齐方式等。 4. JavaScript与jQuery:对于交互效果,如折叠/展开子菜单、悬浮高亮等,可以...

    J2EE开发学习文档描述总纲目.doc

    - **Tomcat**:Tomcat是一个开源的Servlet容器,实现了Java Servlet和JSP规范,常用于部署和运行Java Web应用。 - **CVS(Concurrent Versions System)**和**SVN(Subversion)**:两者都是版本控制系统,用于...

    Developing Flex Applications 910p dda_doc88_cracker.zip

    This package contains 3 kid: 1. a book Developing Flex Applications 2. a web page viewer for doc88 ebt 3. a DDA downloader for doc88.com CONTENTS PART I: Presenting Flex CHAPTER 1: Introducing ...

    java学习网站大全

    - **概述**:Java/J2EE/JSP是Java开发中的核心部分,主要涉及到Java标准版(Java SE)、企业版(Java EE)以及服务器端页面技术JSP。 - **学习资源**: - [Extjs暴走教程]...

    Javaweb前传(html,javascript,css)

    `div`是一个通用容器,通过CSS的布局属性,如`display`(如设置为`flex`或`grid`)、`position`、`float`等,可以实现复杂的网页布局。学习者应掌握盒模型、选择器优先级、层叠规则,以及如何用CSS实现响应式设计。 ...

    项目开发中的前端UI

    除此之外,CSS还支持选择器、盒模型、布局模式(如Flexbox和Grid)、动画和过渡等特性,使得开发者能够精确地控制元素的显示。例如,使用Flexbox可以轻松实现水平居中: ```css .container { display: flex; ...

    很漂亮的css布局 CSS大集合

    在网页设计领域,CSS(Cascading Style Sheets)是一种至关重要的技术,用于定义HTML或XML(包括如SVG、...同时,结合JavaScript(如jQuery)和服务器端技术(如Java、JSP),可以实现更加动态和交互性强的Web应用。

    美化页面css

    3. 选择器效率:复杂选择器(如后代选择器)会降低渲染性能,尽量使用简单选择器。 六、CSS工具与框架 1. CSS框架:Bootstrap、Foundation等框架提供预先设计的样式和组件,加速开发进程,保证样式一致性。 2. ...

    java学习最有用的几个地方

    - 介绍了使用Flex 3进行富互联网应用开发的方法。 - **格式**:PDF 3. **Practical Java** (http://www.hztraining.com/bbs/showtopic-1326.aspx) - 一本实用的Java编程指南,适合希望提高编程技巧的Java开发者...

    display 使用心得

    6. **grid**:网格布局模型,使得创建二维布局更加简单和直观,适合用于复杂或响应式设计。 7. **table**,**table-cell**等:模拟表格布局,让元素呈现表格的特性,如自动对齐和填充空白。 在实践中,`display`...

    Java笔试面试题解答

    - **Apache Tomcat**: 轻量级应用服务器,支持Servlet、JSP技术。 - **Jetty**: 轻量级且高度可定制的应用服务器。 - **WebLogic**: 企业级应用服务器,支持集群、高可用性等功能。 **8. 字符串转化为输入流** ```...

    表单自定义一

    例如,使用`display: flex`或`grid`可以实现更灵活的布局,`box-shadow`可以添加阴影效果,`placeholder-color`可以改变占位符文字的颜色。 3. **JavaScript交互**:利用JavaScript,我们可以实现更复杂的动态功能...

    Web前端教程汇总

    `以及其相关属性如`grid-template-columns`、`grid-gap`等的应用技巧。 通过系统学习CSS,开发者能够灵活地调整网页样式,使其既美观又实用。 #### 3. JavaScript基础篇 JavaScript是一种广泛应用于网页开发的...

Global site tag (gtag.js) - Google Analytics