以前写的一个前端分页小功能

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 <div id="page_nav" align="right">
        <a style="text-decoration: none"  href="${page.path}?pageNo=1">首页</a>
        <a style="text-decoration: none" href="${page.path}?pageNo=${page.pageNumber-1}">上一页</a>
        <c:choose>
           <c:when test="${page.totalPage<=5}">
              <c:set var="begin" value="1"></c:set>
              <c:set var="end" value="${page.totalPage}"></c:set>
           </c:when>
           <c:when test="${page.pageNumber<=3}">
                <c:set var="begin" value="1"></c:set>
              <c:set var="end" value="5"></c:set>
           </c:when>
          
           <c:otherwise> 
               <c:set var="begin" value="${page.pageNumber-2}"></c:set>
               <c:set var="end" value="${page.pageNumber+2}"></c:set>
               <c:if test="${end>page.totalPage}">
                        <c:set var="begin" value="${page.totalPage-4}"></c:set>
                      <c:set var="end" value="${page.totalPage}"></c:set>
               </c:if>
             
           </c:otherwise>
        </c:choose>
        <c:forEach begin="${begin}" end="${end}" var="num">
             <c:if test="${page.pageNumber==num}">
                 【${num}】
             </c:if>
             <c:if test="${page.pageNumber!=num}">
                 <a style="text-decoration: none" href="${page.path}?pageNo=${num}">${num}</a>
             </c:if>
        </c:forEach>
        
        <a style="text-decoration: none" href="${page.path}?pageNo=${page.pageNumber+1}">下一页</a>
        <a style="text-decoration: none" href="${page.path}?pageNo=${page.totalPage}">末页</a>
        共${page.totalPage }页，${page.totalRecord}条记录到第<input  name = "pn" id ="pn_input" value="1"/>页
        <input type="button" value="确定" id="btn_OK"/>
        <script type="text/javascript" >
          $(function(){
                $("#btn_OK").click(function(){
                    var value=$("#pn_input").val();
                    window.location.href="${page.path }?pageNo="+value;
                });
            });
        </script>
  </div>

 

转载于:https://www.cnblogs.com/lifan565230673/p/9486059.html