<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>所有城市</title>
</head>
<body>
<table style="width: 800px;background: orange;">
<tr>
<th style="width: 100px">City ID</th>
<th style="width: 500px">City Name</th>
<th style="width: 200px">Population</th>
</tr>
<c:forEach var="c" items="${requestScope.cList }">
<tr>
<td>${c.id}</td>
<td>${c.name}</td>
<td>${c.population}</td>
</tr>
</c:forEach>
</table>
<div style="margin-top: 10px;">
<c:choose>
<c:when test="${requestScope.currentPage==1}">
第一页
上一页
<%-- [1]
[<a href="getAllCities.html?page=${requestScope.currentPage+1}">${requestScope.currentPage+1}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+2}">${requestScope.currentPage+2}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+3}">${requestScope.currentPage+3}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+4}">${requestScope.currentPage+4}</a>]
... --%>
<a href="getAllCities.html?page=${requestScope.currentPage+1}">下一页</a>
<a href="getAllCities.html?page=${requestScope.totalPage}">最后页</a>
</c:when>
<c:when test="${requestScope.currentPage==requestScope.totalPage}">
<a href="getAllCities.html?page=1">第一页</a>
<a href="getAllCities.html?page=${requestScope.currentPage-1}">上一页</a>
<%-- ...[<a href="getAllCities.html?page=${requestScope.currentPage-4}">${requestScope.currentPage-4}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-3}">${requestScope.currentPage-3}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-2}">${requestScope.currentPage-2}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-1}">${requestScope.currentPage-1}</a>]
[${requestScope.totalPage}] --%>
下一页
最后页
</c:when>
<c:otherwise>
<a href="getAllCities.html?page=1">第一页</a>
<a href="getAllCities.html?page=${requestScope.currentPage-1}">上一页</a>
<%-- <c:choose>
<c:when test="${requestScope.currentPage<5}">
<c:set var="arr" value="1,2,3,4,5" />
<c:forEach var="p" items="${arr }">
<c:choose>
<c:when test="${requestScope.currentPage ==p }">
[${p}]
</c:when>
<c:otherwise>
[<a href="getAllCities.html?page=${p}">${p}</a>]
</c:otherwise>
</c:choose>
</c:forEach>
...
</c:when>
<c:when test="${requestScope.currentPage>requestScope.totalPage-4}">
...
<c:set var="arr"
value="${requestScope.totalPage-4},${requestScope.totalPage-3},${requestScope.totalPage-2},${requestScope.totalPage-1},${requestScope.totalPage}" />
<c:forEach var="p" items="${arr }">
<c:choose>
<c:when test="${requestScope.currentPage ==p }">
[${p}]
</c:when>
<c:otherwise>
[<a href="getAllCities.html?page=${p}">${p}</a>]
</c:otherwise>
</c:choose>
</c:forEach>
</c:when>
<c:otherwise>
...[<a href="getAllCities.html?page=${requestScope.currentPage-2}">${requestScope.currentPage-2}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-1}">${requestScope.currentPage-1}</a>]
[${requestScope.currentPage}]
[<a href="getAllCities.html?page=${requestScope.currentPage+1}">${requestScope.currentPage+1}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+2}">${requestScope.currentPage+2}</a>]...
</c:otherwise>
</c:choose> --%>
<a href="getAllCities.html?page=${requestScope.currentPage+1}">下一页</a>
<a href="getAllCities.html?page=${requestScope.totalPage}">最后页</a>
</c:otherwise>
</c:choose>
第${requestScope.currentPage }页,共${requestScope.totalPage }页
<form action="getAllCities.html">
传送门:
<input type="text" id="pageTxt" name="page" style="width: 50px;"><input type="submit" value="Go">
(JavaScript或者JQuery验证客户端输入数据。。。略)
</form>
</div>
</body>
</html>
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>所有城市</title>
</head>
<body>
<table style="width: 800px;background: orange;">
<tr>
<th style="width: 100px">City ID</th>
<th style="width: 500px">City Name</th>
<th style="width: 200px">Population</th>
</tr>
<c:forEach var="c" items="${requestScope.cList }">
<tr>
<td>${c.id}</td>
<td>${c.name}</td>
<td>${c.population}</td>
</tr>
</c:forEach>
</table>
<div style="margin-top: 10px;">
<c:choose>
<c:when test="${requestScope.currentPage==1}">
第一页
上一页
<%-- [1]
[<a href="getAllCities.html?page=${requestScope.currentPage+1}">${requestScope.currentPage+1}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+2}">${requestScope.currentPage+2}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+3}">${requestScope.currentPage+3}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+4}">${requestScope.currentPage+4}</a>]
... --%>
<a href="getAllCities.html?page=${requestScope.currentPage+1}">下一页</a>
<a href="getAllCities.html?page=${requestScope.totalPage}">最后页</a>
</c:when>
<c:when test="${requestScope.currentPage==requestScope.totalPage}">
<a href="getAllCities.html?page=1">第一页</a>
<a href="getAllCities.html?page=${requestScope.currentPage-1}">上一页</a>
<%-- ...[<a href="getAllCities.html?page=${requestScope.currentPage-4}">${requestScope.currentPage-4}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-3}">${requestScope.currentPage-3}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-2}">${requestScope.currentPage-2}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-1}">${requestScope.currentPage-1}</a>]
[${requestScope.totalPage}] --%>
下一页
最后页
</c:when>
<c:otherwise>
<a href="getAllCities.html?page=1">第一页</a>
<a href="getAllCities.html?page=${requestScope.currentPage-1}">上一页</a>
<%-- <c:choose>
<c:when test="${requestScope.currentPage<5}">
<c:set var="arr" value="1,2,3,4,5" />
<c:forEach var="p" items="${arr }">
<c:choose>
<c:when test="${requestScope.currentPage ==p }">
[${p}]
</c:when>
<c:otherwise>
[<a href="getAllCities.html?page=${p}">${p}</a>]
</c:otherwise>
</c:choose>
</c:forEach>
...
</c:when>
<c:when test="${requestScope.currentPage>requestScope.totalPage-4}">
...
<c:set var="arr"
value="${requestScope.totalPage-4},${requestScope.totalPage-3},${requestScope.totalPage-2},${requestScope.totalPage-1},${requestScope.totalPage}" />
<c:forEach var="p" items="${arr }">
<c:choose>
<c:when test="${requestScope.currentPage ==p }">
[${p}]
</c:when>
<c:otherwise>
[<a href="getAllCities.html?page=${p}">${p}</a>]
</c:otherwise>
</c:choose>
</c:forEach>
</c:when>
<c:otherwise>
...[<a href="getAllCities.html?page=${requestScope.currentPage-2}">${requestScope.currentPage-2}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage-1}">${requestScope.currentPage-1}</a>]
[${requestScope.currentPage}]
[<a href="getAllCities.html?page=${requestScope.currentPage+1}">${requestScope.currentPage+1}</a>]
[<a href="getAllCities.html?page=${requestScope.currentPage+2}">${requestScope.currentPage+2}</a>]...
</c:otherwise>
</c:choose> --%>
<a href="getAllCities.html?page=${requestScope.currentPage+1}">下一页</a>
<a href="getAllCities.html?page=${requestScope.totalPage}">最后页</a>
</c:otherwise>
</c:choose>
第${requestScope.currentPage }页,共${requestScope.totalPage }页
<form action="getAllCities.html">
传送门:
<input type="text" id="pageTxt" name="page" style="width: 50px;"><input type="submit" value="Go">
(JavaScript或者JQuery验证客户端输入数据。。。略)
</form>
</div>
</body>
</html>