功能：

使用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. postman动态数据获取

    1.以获取token(JWT)和uid为例 2.在登录接口的tests中写入代码(因为登录接口报文信息中有返回JWT和uid) 3.在其他接口中需要用到JWT和uid的地方设置变量{{JWT}}和{{ ...

  2. DevSecOps 笔记

    什么是DevSecOps “DevSecOps”,一种全新的安全理念与模式,从DevOps的概念延伸和演变而来,其核心理念为安全是整个IT团队(包括开发.运维及安全团队)每个人的责任,需要贯穿从开发到 ...

  3. [USACO14JAN]滑雪等级Ski Course Rating

    题目描述 The cross-country skiing course at the winter Moolympics is described by an M x N grid of eleva ...

  4. ‎Cocos2d-x 学习笔记(21.1) ScrollView “甩出”效果与 deaccelerateScrolling 方法

    1. 简介 “甩出”效果是当我们快速拖动container并松开后,container继续朝原方向运动,但是渐渐减速直到停止的效果. ScrollView的onTouchEnded方法会设置Timer ...

  5. 对比js库分枝Jquery和js获取对象的方式

    一.Jquery和JS的认识 对于这点不谈详细,但能有一个能有一个全面的印象,Jquery本质上也是JS,只不过用一句话概括就是   “write letter and do more”,写的更少,做 ...

  6. HTML5+WebGL 的加油站 3D 可视化监控

    前言 随着数字化,工业互联网,物联网的发展,我国加油站正向有人值守,无人操作,远程控制的方向发展,传统的人工巡查方式逐渐转变为以自动化控制为主的在线监控方式,即采用数据采集与监控系统 SCADA.SC ...

  7. 3. SOFAJRaft源码分析— 是如何进行选举的？

    开篇 在上一篇文章当中,我们讲解了NodeImpl在init方法里面会初始化话的动作,选举也是在这个方法里面进行的,这篇文章来从这个方法里详细讲一下选举的过程. 由于我这里介绍的是如何实现的,所以请大 ...

  8. H5实现图表和地图

    H5实现图表和地图的代码如下: <!DOCTYPE html> <html> <head> <title>图表和地图</title> < ...

  9. SpringBoot学习（一）基础篇

    目录 关于Springboot Springboot优势 快速入门 关于SpringBoot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭 ...

  10. 使用zrender.js绘制体温单(2)

    今天我们来画折线图 效果图 以下为模拟数据 [{"time":19,"text":"入\n院\n19\n时\n11\n分","po ...