功能：

使用jstl将List中的数据动态展示到Jsp表格中，并实现隔行换色功能。

效果图：

Jsp代码：

<%@ page import="java.util.ArrayList" %>

<%@ page import="java.util.List" %>

<%@ page import="cn.ytmj.el.User" %>

<%@ page import="java.util.Date" %><%--

  Created by IntelliJ IDEA.

  User: ada

  Date: 2019/8/15

  Time: 20:39

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>

    <head>

        <title>显示数据到表格中</title>

        <style type="text/css">

            .bor{

                background-color: darkgray;

            }

        </style>

    </head>

    <body>

        <%

            Date date = new Date();

            List list = new ArrayList();

            list.add(new User("张三", 21, date));

            list.add(new User("张三", 21, date));

            list.add(new User("李四", 22, date));

            list.add(new User("王五", 23, date));

            list.add(new User("小名", 24, date));

            list.add(new User("李华", 25, date));

            request.setAttribute("list", list);

        %>

        <table border="1" align="center">

            <tr>

                <th>编号</th>

                <th>姓名</th>

                <th>性别</th>

                <th>日期</th>

            </tr>

            <c:forEach items="${list}" var="i" varStatus="s">

                <c:if test="${s.count%2==0}">

                <tr class="bor">

                    <td>

                            ${s.count}

                    </td>

                    <td>

                            ${i.name}

                    </td>

                    <td>

                            ${i.age}

                    </td>

                    <td>

                            ${i.simDate}

                    </td>

                </tr>

                </c:if>

                <c:if test="${s.count%2==1}">

                    <tr >

                        <td>

                                ${s.count}

                        </td>

                        <td>

                                ${i.name}

                        </td>

                        <td>

                                ${i.age}

                        </td>

                        <td>

                                ${i.simDate}

                        </td>

                    </tr>

                </c:if>

            </c:forEach>

        </table>

    </body>

</html>

Java代码：

package cn.ytmj.el;

import java.text.SimpleDateFormat;

import java.util.Date;

/**

 * @author rui

 * @create 2019-08-14 21:53

 */

public class User {

    private String name;

    private Integer age;

    private Date date;

    public User(String name, Integer age, Date date) {

        this.name = name;

        this.age = age;

        this.date = date;

    }

    //格式化时间

    public String getSimDate(){

        SimpleDateFormat sdf=new SimpleDateFormat("yy-MM-dd HH:mm:ss");

        String format = sdf.format(date);

        return format;

    }

    public Date getDate() {

        return date;

    }

    public void setDate(Date date) {

        this.date = date;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

    public Integer getAge() {

        return age;

    }

    public void setAge(Integer age) {

        this.age = age;

    }

    public User(){

    }

}

jstl-将List中的数据展示到表格中的更多相关文章

  1. C#-WinForm-ListView-表格式展示数据、如何将数据库中的数据展示到ListView中、如何对选中的项进行修改

    在展示数据库中不知道数量的数据时怎么展示最好呢?--表格 ListView - 表格形式展示数据 ListView 常用属性 HeaderStyle - "详细信息"视图中列标头的 ...

  2. 在java中实现数据导入excel表格中

    1.首先前端代码如下: 一个导出按钮:<input id="export" class="btn btn-primary" type="butt ...

  3. phpexcel的写操作将数据库中的数据导入到excel中

    这个版本据说是可以支持excel2007,但是我使用2007编辑的xlsx是无法获得该库的支持.于是乎我就将它转化为2003.感觉支持地很好. 下面介绍一下具体的使用: require_once('. ...

  4. 如何使用免费控件将Word表格中的数据导入到Excel中

    我通常使用MS Excel来存储和处理大量数据,但有时候经常会碰到一个问题—我需要的数据存储在word表格中,而不是在Excel中,这样处理起来非常麻烦,尤其是在数据比较庞大的时候, 这时我迫切地需要 ...

  5. c#.net循环将DataGridView中的数据赋值到Excel中，并设置样式

    Microsoft.Office.Interop.Excel.Application excel =                new Microsoft.Office.Interop.Excel ...

  6. 将SQLServer2005中的数据同步到Oracle中

    有时由于项目开发的需要,必须将SQLServer2005中的某些表同步到Oracle数据库中,由其他其他系统来读取这些数据.不同数据库类型之间的数据同步我们可以使用链接服务器和SQLAgent来实现. ...

  7. 使用OpenXml把Excel中的数据导出到DataSet中

    public class OpenXmlHelper { /// <summary> /// 读取Excel数据到DataSet中,默认读取所有Sheet中的数据 /// </sum ...

  8. 将Datagridview中的数据导出至Excel中

        首先添加一个模块ImportToExcel,并添加引用         然后导入命名空间: Imports Microsoft.Office.Interop Imports System.Da ...

  9. C# 将List中的数据导入csv文件中

    //http://www.cnblogs.com/mingmingruyuedlut/archive/2013/01/20/2849906.html C# 将List中的数据导入csv文件中   将数 ...

随机推荐

  1. STM32串口IAP分享

    什么是IAP? IAP是In Application Programming的首字母缩写,IAP是用户自己的程序在运行过程中对User Flash的部分区域进行烧写,目的是为了在产品发布后可以方便地通 ...

  2. C、C++的Makefile模板

    目录 Makefile模板 用法 编译C程序 编译C++程序 其他 Tips Makefile模板 CC = gcc LD = $(CC) TARGET = $(notdir $(CURDIR)) S ...

  3. luoguP2144 [FJOI2007]轮状病毒

    题目描述 求 nnn 个点的生成树个数. Solution 2144\text{Solution 2144}Solution 2144 打表得 1=125=5×1216=4245=5×32121=11 ...

  4. 研究了3天，终于将 Shader 移植到 Cocos Creator 2.2.0 上了！

    预览 扫光特效-Fluxay2 马赛克像素特效-Mosaic 过渡效果-Transfer Shawn 花了3天时间,研究了Cocos Creator 2.2.0 的 Effect 语法,终于在1024 ...

  5. MS09-020 iis6.0提权

    漏洞编号:MS09-020 披露日期: 2009/6/9 受影响的操作系统:Windows 2003 x64 sp1 sp2;XP; 测试系统:windows 2003 x64   上传 执行 iis ...

  6. 第一章、Python环境搭建

    一.安装Python解释器 Windows下   Python开发环境搭建 1.官网下载: https://www.python.org/downloads/ 2.选择对应的版本 3.双击运行 4.选 ...

  7. [解决]Hadoop 2.4.1 UnsatisfiedLinkError: org.apache.hadoop.io.nativeio.NativeIO$Windows.access0

    问题:UnsatisfiedLinkError: org.apache.hadoop.io.nativeio.NativeIO$Windows.access0 我的系统 win7 64位 Hadoop ...

  8. 使用webpack命令打包时，报错TypeError: Cannot read property 'presetToOptions' of undefined的解决办法

    我只安装了webpack,没有安装webpack-cli,第一次输入webpack打包时,提示 One CLI for webpack must be installed. These are rec ...

  9. Swagger解决你手写API接口文档的痛

    首先,老规矩,我们在接触新事物的时候, 要对之前学习和了解过的东西做一个总结. 01 痛     苦 不做.不行 之前,前后端分离的系统由前端和后端不同的编写,我们苦逼的后端工程师会把自己已经写完的A ...

  10. Nexus 上传项目到私服

    1. maven setting配置 <?xml version="1.0" encoding="UTF-8"?> <!-- Licensed ...