jstl-将List中的数据展示到表格中

功能:

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

效果图:

jstl-将List中的数据展示到表格中

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(){ }
}
上一篇:hive向表格中插入数据并分析语句


下一篇:JSP+JDBC实现在可视化页面中插入数据到SQL数据库