post请求：jsp模拟数据库分页

最新推荐文章于 2021-11-18 15:22:09 发布

至尊烟雨

最新推荐文章于 2021-11-18 15:22:09 发布

阅读量509

点赞数

本文链接：https://blog.csdn.net/yanyu529584640/article/details/26066577

版权

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
    <%
    	List list = new ArrayList();
    	list.add(1);
    	list.add(2);
    	list.add(3);
    	list.add(4);
    	list.add(5);
    	
    	int currentPage = 1;
    	String currentPageStr = request.getParameter("currentPage");
    	//这里也可以用异常处理
    	if(currentPageStr != null && !"".equals(currentPageStr)){
    		currentPage = Integer.valueOf(currentPageStr);
    	}
    	
    	//拿当前页和每页条数来计算start(开始索引)和end（结束索引）
    	int pageSize = 2;
    	int allPages = list.size() / pageSize + 1;
    	int start = (currentPage - 1) * pageSize; 
    	int end = currentPage * pageSize;
    	if(end > list.size()){
    		end = list.size();
    	}
    	//最后一个不包含,如[0,2)是不包含2
    	list = list.subList(start,end);
    	
    	request.setAttribute("list",list);
    	request.setAttribute("currentPage",currentPage);
    	request.setAttribute("allPages",allPages);
     %>
     
     <c:forEach var="x" items="${list}">
     	${x }
     </c:forEach>
     <br>
     
     <form action="" method="post" id="myForm">
     	<input type="hidden" name="currentPage" id="currentPage">
     </form>
     
     <a href="javascript:void(0)" οnclick="forwardPage(1)">首页</a>♣
     <a href="javascript:void(0)" οnclick="forwardPage(${currentPage == 1 ? 1 : currentPage - 1})">上页</a>♣
     <a href="javascript:void(0)" οnclick="forwardPage(${currentPage == allPages ? allPages : currentPage + 1})">下页</a>♣
     <a href="javascript:void(0)" οnclick="forwardPage(${allPages })">尾页</a>♣
     <script type="text/javascript">
     	//方法名为$(id),主要为了模拟jquery,也为了调用方便
     	function $(id){
     		//返回该对象
     		return document.getElementById(id);
     	}
     	
     	function forwardPage(currentPage){
     		$("currentPage").value = currentPage;
     		//设置表单提交
     		$("myForm").submit();
     	}
     </script>
  </body>
</html>