功能:
使用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(){
}
}