zoukankan      html  css  js  c++  java
  • bootstrap3分页

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
    + request.getServerName() + ":" + request.getServerPort()
    + path + "/";
    int limit = 20;
    int pageCount = 100;
    int pageNow = 2;
    String pre = path+"/manager/"+"doXxx_xxx?1=1";
    %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" type="text/css"
    href="../js/bootstrap3/css/bootstrap.min.css" />
    <script type="text/javascript" src="../js/jquery-1.10.4/js/jquery-1.10.2.js"></script>
    </head>

    <body>
    <ul class="pagination">
    <%
    if(pageNow==1){
    //上一页不可用
    %><li class="disabled"><a href="#" >&laquo;</a></li><%
    }else{
    %><li><a href="<%=pre %>&start=<%=(pageNow-2)*limit+1 %>&limit=<%=limit %>">&laquo;</a></li><%
    }
    if(pageCount<=10){
    //全部显示
    for(int i=1;i<pageCount+1;i++){
    %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>"><%=i %></a></li><%
    }
    }else{
    if(pageNow>6&&pageCount-pageNow>4){
    //以之为中心,左边显示5条,右边显示4条
    for(int i=pageNow-5;i<pageNow+4;i++){
    %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>"><%=i %></a></li><%
    }
    }else if(pageNow<=6){
    //显示1--10条
    for(int i=1;i<11;i++){
    %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>" ><%=i %></a></li><%
    }
    }else if(pageCount-pageNow<=4){
    //显示最后10页
    for(int i=pageCount-9;i<=pageCount;i++){
    %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>" ><%=i %></a></li><%
    }
    }
    }
    if(pageNow>=pageCount){
    //下一页不可使用
    %><li class="disabled"><a href="#">&raquo;</a></li><%
    }else{
    %><li><a href="<%=pre %>&start=<%=(pageNow)*limit+1 %>&limit=<%=limit %>" >&raquo;</a></li><%
    }
    %>
    <!--
    <li class="active">
    <a href="#">1</a>
    </li>
    <li>
    <a href="#">2</a>
    </li>
    <li>
    <a href="#">3</a>
    </li>
    <li>
    <a href="#">4</a>
    </li>
    <li>
    <a href="#">5</a>
    </li>
    <li>
    <a href="#">1</a>
    </li>
    <li>
    <a href="#">2</a>
    </li>
    <li>
    <a href="#">3</a>
    </li>
    <li>
    <a href="#">4</a>
    </li>
    <li>
    <a href="#">5</a>
    </li>
    <li>
    <a href="#">1</a>
    </li>
    <li>
    <a href="#">2</a>
    </li>
    <li>
    <a href="#">3</a>
    </li>
    <li>
    <a href="#">4</a>
    </li>
    <li>
    <a href="#">5</a>
    </li>
    -->
    </ul>
    </body>
    </html>

  • 相关阅读:
    「SHOI2015」脑洞治疗仪
    LOJ 数列分块入门 8
    CF932F Escape Through Leaf
    NOIP2021游记总结
    [HEOI2016/TJOI2016]序列
    【模板】动态树(Link Cut Tree)
    LG P2839 [国家集训队]middle
    JZOJ 7377.欢乐豆
    JZOJ 7392. 【2021.11.17NOIP提高组联考】数 (ds)
    LOJ 数列分块入门 6
  • 原文地址:https://www.cnblogs.com/yanjunwu/p/3980097.html
Copyright © 2011-2022 走看看