jsp 列表分页

时间  2021-01-17

       最近这几天在做JSP留言板设计的过程中，遇到了一个问题。先看一张截图：

       

       这是随便在一个新闻的留言页面截的图，假如留言条数太多，那整个页面得排好长好长，这就直接给用户造成了麻烦、不舒服的感受，所以，解决这个问题，通常采用分页显示的方法。

       要把页面显示方式设计成这样的方式，通常需要用到这几个基本变量：pageSize（每个页面所显示的记录数）、pageCount（一共有多少个页面）、showPage（目前显示第几页）、recordCount（总的记录数），为了方便理解，画了一张图：

       

       如果想要把页面显示做成这样的效果，在这张图中pageSize=4，pageCount=3,showPage=1,recordCount=12。思路是，如果要显示那个页面，就要先算出来每个页面第一条记录是所有记录中的第几条记录，假设每页的第一条记录是总记录中的第position条记录，那么position=（ShowPage - 1）×PageSize+1。比如上图这个例子，如果要显示第一页，就要计算出第一页中的第一条记录是总的记录中的第一条记录；如果要显示第二页，就要计算出第二页中的第一条记录是总的记录中的第四条记录；如果要显示第三页，就要计算出第一页中的第一条记录是总的记录中的第九条记录。

       在JSP中的核心代码为如下（用的数据库为MySQL）：

      

[html]  view plain  copy
  1. <%!  int pageSize=4;  
  2.     int pageCount;  
  3.     int showPage;  
  4.     %>  
  5.       
  6. <!-- 连接数据库并从数据库中调取记录-->  
  7. <%  
  8.     Connection con;  
  9.     Statement sql;  
  10.     ResultSet rs;  
  11.           
  12.     try{Class.forName("com.mysql.jdbc.Driver");   
  13.     }catch(ClassNotFoundException e){  
  14.     }  
  15.           
  16.     try{con=DriverManager.getConnection("jdbc:mysql://localhost:3306/message board","root","123456");  
  17.         sql=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY);  
  18.         //返回可滚动的结果集   
  19.         rs=sql.executeQuery("select * from messageinfo");  
  20.         //将游标移到最后一行   
  21.         rs.last();  
  22.         //获取最后一行的行号   
  23.         int recordCount=rs.getRow();  
  24.         //计算分页后的总数   
  25.         pageCount=(recordCount%pageSize==0)?(lastRow/pageSize):(lastRow/pageSize+1);  
  26.           
  27.         //获取用户想要显示的页数：  
  28.         String integer=request.getParameter("showPage");  
  29.         if(integer==null){  
  30.             integer="1";  
  31.         }  
  32.         try{showPage=Integer.parseInt(integer);  
  33.         }catch(NumberFormatException e){  
  34.             showPage=1;  
  35.         }  
  36.         if(showPage<=1){  
  37.             showPage=1;  
  38.         }  
  39.         if(showPage>=pageCount){  
  40.             showPage=pageCount;  
  41.         }  
  42.           
  43.         //如果要显示第showPage页，那么游标应该移动到的position的值是：  
  44.         int position=(showPage-1)*pageSize+1;  
  45.         //设置游标的位置  
  46.         rs.absolute(position);  
  47.         //用for循环显示本页中应显示的的记录  
  48.         for(int i=1;i<=pageSize;i++){          
  49.     %>  
  50.             <table>  
  51.                 <tr>   
  52.                     <th><%=rs.getString("UserName") %></th>  
  53.                     <td>发表于：<%=rs.getString("datetime") %></td>  
  54.                 </tr>  
  55.                 <tr >  
  56.                     <th colspan="3"><textarea><%=rs.getString("content") %></textarea></th>  
  57.                 </tr>  
  58.             </table>  
  59.                       
  60.     <%         
  61.             rs.next();  
  62.         }     
  63.         rs.close();  
  64.         con.close();  
  65.         }  
  66.         catch(Exception e){  
  67.         e.printStackTrace();}  
  68.     %>  
  69.     <br>  
  70.     第<%=showPage %>页（共<%=pageCount %>页）  
  71.     <br>  
  72.     <a href="ShowMessages.jsp?showPage=1">首页</a>  
  73.     <a href="ShowMessages.jsp?showPage=<%=showPage-1%>">上一页</a>  
  74. <%   //根据pageCount的值显示每一页的数字并附加上相应的超链接  
  75.         for(int i=1;i<=pageCount;i++){  
  76.     %>  
  77.             <a href="ShowMessages.jsp?showPage=<%=i%>"><%=i%></a>  
  78. <%   }  
  79.     %>     
  80.     <a href="ShowMessages.jsp?showPage=<%=showPage+1%>">下一页</a>  
  81.     <a href="ShowMessages.jsp?showPage=<%=pageCount%>">末页</a>  
  82.     <!-- 通过表单提交用户想要显示的页数 -->  
  83.     <form action="" method="get">  
  84.         跳转到第<input type="text" name="showPage" size="4">页  
  85.         <input type="submit" name="submit" value="跳转">  
  86.     </form>     

        运行结果如下（为了简化代码，已经将网页布局的相关代码去掉，此处仅指分页浏览功能）：

       

可以跳转到首页、上一页、下一页、末页，可以手动在数字上指定页数，也可以在输入框中输入要显示的页数。

联系我们 沪ICP备2021010478号-7