使用EL+jstl实现表格隔行换色
使用<c:if>标签实现隔行换色
要求:使用<c:set>标签进行变量的设置
使用EL表达式获取变量值,在使用<c:forEach>和<c:out>标签实现10行以上表格的输出(最少两列,表格内容自定)
1.首先<c:set>与<c:out>的使用:http://www.runoob.com/jsp/jstl-core-set-tag.html 、 http://www.runoob.com/jsp/jstl-core-out-tag.html (菜鸟教程)
2.直接上jsp代码(非常少)
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>使用El+jstl实现表格隔行换色</title>
</head>
<body>
<c:set var="name" value="李白" scope="page"/>
<c:set var="age" value="${20}" scope="page"/>
<table border="1" style="border-collapse:collapse;">
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<%--如果有后台数据使用 items --%>
<c:forEach begin="1" end="10" step="1" varStatus="stus">
<%--分开判断就可以隔行不一样的颜色--%>
<c:if test="${stus.count % 2 !=0}">
<tr bgcolor="#f158ff">
</c:if>
<c:if test="${stus.count % 2 ==0}">
<tr bgcolor="#ff8c00">
</c:if>
<td><c:out value="${name}"/></td>
<td><c:out value="${age}"/></td>
</tr>
</c:forEach>
</table>
</body>
</html>
运行结果: