实现分页和页码跳转
来源:互联网 发布:建筑长宽数据 编辑:程序博客网 时间:2024/05/18 20:47
<%@ 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>
- 实现分页和页码跳转
- 实现分页和页码跳转 servlet代码
- jquery实现分页页码
- bootstrap下拉分页样式 带跳转页码
- GridView实现数字页码分页
- Ajax实现页码式分页
- JSTL实现分页页码功能
- 分页栏的web标准实现(始终显示第一页的页码和最后一页的页码)
- C#实现输入页码跳转页面
- 页码跳转
- jsp实现分页和页面跳转功能
- 分页查询页码最后跳转框的字符过滤
- jQuery DataTables插件分页允许输入页码跳转
- servlet实现的页码显示分页
- JS实现简单分页,页码显示
- 分页页码的前端显示的实现
- Mybatis分页查询及底部页码实现
- 分页页码
- 数据分析笔记
- io流温习---上传照片---测试类
- JSP技术模型(五)JSP隐含变量
- NYOJ 150 栈
- iOS学习——第五天练习
- 实现分页和页码跳转
- Cloud Foundry 源码解析一览(router)
- poj 3437
- android虚拟机SD卡文件的操作
- Oracle笔记收集整理(1)
- 可悲的误会
- 驱动摸索[4]:配置端口和WinDbg
- Android应用开发学习笔记之开发自定义UI组件
- 定时器程序