很多时候我们需要在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的脚本元素和EL(Expression Language)实现。下面是一个简单的例子: ```jsp ; charset=UTF-8" %> ...
例如,可以使用`display: flex`或`grid`布局来对齐表单元素,使用`border-radius`为输入框添加圆角,使用`box-shadow`添加阴影效果。 三、JavaScript交互 JavaScript负责处理用户交互,验证表单数据,以及进行动态...
3. **布局技巧**:使用`display`属性可以实现不同的布局方式,如`block`(块级元素)、`inline`(行内元素)、`inline-block`以及`flex`(弹性盒模型)和`grid`(网格布局)。在JSP页面设计中,`div`元素通常作为...
4. **布局**:通过`display`属性(如`flex`或`grid`)调整表单元素的排列方式,使其适应不同的屏幕尺寸和设备类型,实现响应式设计。 5. **字体与颜色**:选择合适的字体家族、大小和颜色,使得表单文本易于阅读且...
它的教程涵盖了ExtJS的基础知识和特定控件如Grid的使用,帮助开发者创建交互性强、用户界面丰富的Web应用。 4. **Web开发**:这部分内容包括了Struts、Spring和Hibernate的整合实例,这些都是Java EE(Java ...
3. 表格样式调整:`.x-grid3-cell {border-left: 1px solid #E1E1E1;}`是用于添加表格列的左边界线,解决没有分割线的问题。 4. 数据库权限管理:在Oracle等数据库中,`grant`语句用于赋予用户访问特定表或所有表的...
在压缩包中的`layout.jsp`和`layout2.jsp`文件中,可能会分别展示以上几种布局方式的具体应用。通过查看和分析这些文件,你可以更直观地了解每种方法的实际效果和代码实现。对于开发者来说,理解并掌握这些布局技巧...
3. Grid布局:CSS Grid提供了一个二维的布局系统,对于复杂的垂直导航条设计,Grid可以实现更精细的控制,如自定义列宽、对齐方式等。 4. JavaScript与jQuery:对于交互效果,如折叠/展开子菜单、悬浮高亮等,可以...
- **Tomcat**:Tomcat是一个开源的Servlet容器,实现了Java Servlet和JSP规范,常用于部署和运行Java Web应用。 - **CVS(Concurrent Versions System)**和**SVN(Subversion)**:两者都是版本控制系统,用于...
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/J2EE/JSP是Java开发中的核心部分,主要涉及到Java标准版(Java SE)、企业版(Java EE)以及服务器端页面技术JSP。 - **学习资源**: - [Extjs暴走教程]...
`div`是一个通用容器,通过CSS的布局属性,如`display`(如设置为`flex`或`grid`)、`position`、`float`等,可以实现复杂的网页布局。学习者应掌握盒模型、选择器优先级、层叠规则,以及如何用CSS实现响应式设计。 ...
除此之外,CSS还支持选择器、盒模型、布局模式(如Flexbox和Grid)、动画和过渡等特性,使得开发者能够精确地控制元素的显示。例如,使用Flexbox可以轻松实现水平居中: ```css .container { display: flex; ...
在网页设计领域,CSS(Cascading Style Sheets)是一种至关重要的技术,用于定义HTML或XML(包括如SVG、...同时,结合JavaScript(如jQuery)和服务器端技术(如Java、JSP),可以实现更加动态和交互性强的Web应用。
3. 选择器效率:复杂选择器(如后代选择器)会降低渲染性能,尽量使用简单选择器。 六、CSS工具与框架 1. CSS框架:Bootstrap、Foundation等框架提供预先设计的样式和组件,加速开发进程,保证样式一致性。 2. ...
- 介绍了使用Flex 3进行富互联网应用开发的方法。 - **格式**:PDF 3. **Practical Java** (http://www.hztraining.com/bbs/showtopic-1326.aspx) - 一本实用的Java编程指南,适合希望提高编程技巧的Java开发者...
6. **grid**:网格布局模型,使得创建二维布局更加简单和直观,适合用于复杂或响应式设计。 7. **table**,**table-cell**等:模拟表格布局,让元素呈现表格的特性,如自动对齐和填充空白。 在实践中,`display`...
- **Apache Tomcat**: 轻量级应用服务器,支持Servlet、JSP技术。 - **Jetty**: 轻量级且高度可定制的应用服务器。 - **WebLogic**: 企业级应用服务器,支持集群、高可用性等功能。 **8. 字符串转化为输入流** ```...
例如,使用`display: flex`或`grid`可以实现更灵活的布局,`box-shadow`可以添加阴影效果,`placeholder-color`可以改变占位符文字的颜色。 3. **JavaScript交互**:利用JavaScript,我们可以实现更复杂的动态功能...
`以及其相关属性如`grid-template-columns`、`grid-gap`等的应用技巧。 通过系统学习CSS,开发者能够灵活地调整网页样式,使其既美观又实用。 #### 3. JavaScript基础篇 JavaScript是一种广泛应用于网页开发的...