nodejs -數據分頁ejs-分頁控件

懶得封裝， 沒有思路的將就看看吧

 引用js 、css

   <link href="http://cdn.staticfile.org/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script> 

 

 
      

<!--分頁-->
     <ul class="pagination pagination-centered">
            <!--處理數字顯示個數-->
             <% var prevNum = 10; var nextNum=10; %>
             
             <%if(pager.pageCount-pager.pageCurrent > 5){%>
              <% prevNum = 5 %>
             <%} else {%>
                <%prevNum = prevNum - (pager.pageCount-pager.pageCurrent)%>
             <%}%>
             <%if(pager.pageCurrent-5 > 0){%>
              <% nextNum = 5 %>
             <%} else {%>
                 <%nextNum = nextNum - (pager.pageCurrent) %>
             <%}%> 

            <% if(pager.pageCount-pager.pageCurrent > 5 &&pager.pageCurrent-5 > 0 ){%>
                  <% prevNum=5%>
                  <% nextNum=4%>
              <%}%>
            <!--處理數字顯示個數 end-->
            <li class="disabled"><a href="javascript:void(0)"> 共<%=pager.maxNum%>條</a></li>
            <li class="disabled"><a href="javascript:void(0)"> 總<%=pager.pageCount%> 頁 </a></li>
            <%if(pager.maxNum==0){%>
              <li class="disabled"><a href="javascript:void(0)">首頁</a></li>
            <%}else{%>
              <li><a href="<%=pager.pagePath%>current=1">首頁</a></li>
            <%}%>
            <!--判斷有沒有前一頁-->

            <%if(pager.pageCurrent==1){%>
               <li class="disabled"><a href="javascript:void(0)">上一頁</a></li>
            <%}else{%>
               <%if(pager.maxNum==0){%>
                <li class="disabled"><a href="javascript:void(0)">上一頁</a></li>
               <%}else{%>
                <li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)-1%>">上一頁</a></li>
               <%}%> 
            <%}%> 
            <!--判斷有沒有前一頁  end-->

              <!--循環顯示頁碼-->
             <% for(var i = prevNum; i > 0; i--){ %>
             <%  if( parseInt(pager.pageCurrent)-i > 0 ) { %>
               <li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)-i%>"><%=(parseInt(pager.pageCurrent)-i)%></a></li>
             <%}}%>
             <li class="active"><a href="<%=pager.pagePath%>current=<%=pager.pageCurrent%>" ><%=pager.pageCurrent%></a></li>
             <% for(var i = 1; i <=nextNum; i++){ %>
             <%  if( parseInt(pager.pageCurrent)+i <= pager.pageCount ) { %>
               <li><a href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)+i%>"><%=parseInt(pager.pageCurrent)+i%></a></li>
             <%}}%>
             <!--循環顯示頁碼  end-->
           <!--判斷有沒有下一頁-->
           <%if(pager.pageCurrent==pager.pageCount){%>
               <li class="disabled"><a href="javascript:void(0)">下一頁</a></li>
            <%}else{%>
             <%if(pager.maxNum==0){%>
                <li class="disabled"><a href="javascript:void(0)">下一頁</a></li>
               <%}else{%>
                 <li><a  href="<%=pager.pagePath%>current=<%=parseInt(pager.pageCurrent)+1%>">下一頁</a></li>
               <%}%> 
           
            <%}%> 
           <!--判斷有沒有下一頁  end-->
            <%if(pager.maxNum==0){%>
              <li class="disabled"><a href="javascript:void(0)">尾頁</a></li>
            <%}else{%>
                 <li><a href="<%=pager.pagePath%>current=<%=pager.pageCount%>">尾頁</a></li>
            <%}%>
          </ul>
    <!--分頁 end-->



<!-- 
路由使用：

  //pageCurrent  當前頁數
  var pager = {
  };
  pager.pagePath = 'lostfound-manager?';
  pager.pageSize = 10;
  pager.pageCurrent = 1;
  if (current == undefined) {
    pager.pageCurrent = 1;
  } else {
    pager.pageCurrent = current;
  }

 pager.maxNum = retData.length;
 pager.pageCount = parseInt(Math.ceil(parseFloat(pager.maxNum) / parseFloat(pager.pageSize)));  //計算總頁數


  返回 req.pager = pager;
 -->