转载请注明出处： 

前面讲到

本文通过MyBatis+PageHelper实现列表分页，先上效果图：

注意：MyBaits最低版本不能低于3.3。

PageHelper插件及依赖jar包：jsqlparser-0.9.5.jar   pagehelper-4.2.1.jar

sqlMapConfig.xml中，配置PageHelper插件：

后台代码：

//查询单个item    @RequestMapping(value={"/query"})    public String query(HttpSession session,Model model,@RequestParam(required=true)Integer id,@RequestParam(required=true)Integer pageNum) throws Exception{        MaindeviceCustom maindeviceCustom=maindeviceService.findById(id);        model.addAttribute("maindevice", maindeviceCustom);        int roleId=(int) session.getAttribute("roleId");        RoleFunction rfListAble=roleFunctionService.find(roleId, 27);        RoleFunction rfUpdateAble=roleFunctionService.find(roleId, 32);        if(rfListAble!=null){            model.addAttribute("listAble", 1);           int pageSize=10;        Page
      page=PageHelper.startPage(pageNum, pageSize);        List
     
       deviceUserecordCustomList=deviceUserecordService.itemRecords(id);        PageInfo
       pagehelper=page.toPageInfo();        model.addAttribute("deviceUserecordCustomList", deviceUserecordCustomList);        model.addAttribute("pagehelper", pagehelper);        }else{            model.addAttribute("listAble", 0);        }        if(rfUpdateAble!=null){            model.addAttribute("updateAble", 1);        }else{            model.addAttribute("updateAble", 0);        }        return "devices/query_device";    }
     

前端代码：

     
    
      
        
       
            
        
                
         
使用记录列表
                
         
                    
                              
                          
         
            
        
            
        
                
         
                    
           
          
          
            
             
              
序号
              
科目
              
收费类型
              
单价
              
数量
              
总金额
              
开始时间
              
结束时间
              
结束类型
             
            
            
             
              
${status.index+1 }
              
${deviceUserecordCustom.courseName }
              
${deviceUserecordCustom.paymenttypeName }
              
 ${deviceUserecordCustom.price } 
              
${deviceUserecordCustom.usedamount }
              
${deviceUserecordCustom.monetary }
              
${deviceUserecordCustom.begintimeStr }
              
${deviceUserecordCustom.endtimeStr }
              
${deviceUserecordCustom.endtypeName }
             
             
           
                    
                              
          
            共
           ${pagehelper.total}条记录，当前显示第 
           ${pagehelper.pageNum}/${pagehelper.pages} 页 
          
                    
          
 
           
 
             
             
首页
 
             
上一页
 
             
             
              
              
${navigatepageNum}
 
              
              
              
${navigatepageNum}
 
              
             
             
             
下一页
 
             
最后一页
 
             
           
 
          
                
         
            
        
        
       
    
      
     

其中id="paging"，为需要局部重新加载的代码块。

如果此文对您有帮助，微信打赏我一下吧~