jsp实现翻页功能

要实现翻页功能，只需要设置一个pageIndex即可，然后每次加载页面时通过pageIndex去加载数据就行。

那么我们可以设置一个隐藏的input框，用于传递pageIndex给下个页面。

当我们点击上一页的时候，通过js方法改变pageIndex的值，再提交表单即可

二话不多说，看代码，代码里面写的还算比较清楚。

这个是index.jsp的代码。

index.jsp

1 <%@page import="Bean.DBBean"%>  2 <%@page import="Entity.Record"%>  3 <%@page import="java.util.List"%>  4 <%@ page language="java" contentType="text/html; charset=UTF-8"  5     pageEncoding="UTF-8"%>  6   7   8   9 
      10  11     
      12     
      13  14  15 <% 16     int allRecord=0;//总的记录条数,不包含查询后的 17     int totalRecord=0;//总的记录条数,包含查询后的 18     int totalPage=1;//总的页面数，包含查询后的 19     int pageIndex=1;//当前页面号，用于控制页面翻转，默认为1 20     List
     
       records=null; 21     DBBean db=new DBBean(); 22     allRecord=db.getRecordCount(); 23     totalRecord=db.getRecordCount(); 24     totalPage=(totalRecord-1)/10+1; 25     if(request.getParameter("pageIndex")!=null){
    //不是第一次加载 26         //要做下数据类型转换 27         pageIndex=Integer.valueOf(request.getParameter("pageIndex")); 28         if(request.getParameter("keyword")!=null){ 29             String keyword=request.getParameter("keyword"); 30             records=db.getRecords(pageIndex,keyword);//获取查询内容一页的事件记录集,共10条 31             totalRecord=db.getRecordCount(keyword); 32             totalPage=(totalRecord-1)/10+1; 33         }else{ 34             records=db.getRecords(pageIndex);//获取一页的事件记录集,共10条 35         } 36     }else{
    //第一次加载 37         records=db.getRecords(pageIndex);//获取一页的事件记录集,共10条 38     } 39     session.setAttribute("records", records);//便于后面使用 40 %> 41     
      
        42     
       
         43         
        
          44             
         
          NoteBook of Eric Wu
         
 45             
         
          The palest ink is better than the best memory !
         
 46         
        
 47  48         
        
          49             
         
           50                 
          
首页
 51                 
          
新增
 52                 
          
修改
 53                    
          
删除
 54             
         
 55             
         
           56                 记录-<%=allRecord %> 57             
         
          58         
        
         59     
       
        60      61     
       
         62            
        
          63                
         
           64                    
           65                 
          
            66 
           
 67 
            68 
            69 
          
 70             
         
 71                
         
           72                 
             73 
 74 
 75 
 76 
 77 <% 78 int count=0; 79 if(records!=null){ 80 for(Record r: records){ 81 count++; 82 %> 83 
             84 
 85 
 86 
 87 
 88 <% 89 } 90 } 91 %> 92 
             93 
101 
102 
          
           
            
序号
            
标题
            
时间
           
           
            
<%= count %>
            
<%= r.getTitle() %>
            
<%= r.getTime() %>
           
           
            
 94 共<%= totalRecord %>条记录    95 共<%= totalPage %>页    96 每页10条    97 当前第<%= pageIndex %>页    98 上一页    99 下一页   100 
           
          
         
103         
        
        104     
       
       105 106     
       
             107         Copyright ©2017 汕大-吴广林108     
       
       109     
      
      110 111 112 
      139 
     

 

 

效果图

翻页后：pageIndex=1

翻页后：pageIndex=2

 

参考：

jsp实现上一页下一页翻页功能 - 汕大小吴 - 博客园

https://www.cnblogs.com/wuguanglin/p/fanye.html