pageHelper分页插件使用以及 jsp 中数据处理（记录）

使用pageHelper 分页插件可以很简单的进行分页展示，但一段时间不知道怎么在前端对这些数据进行处理并展示

百度找了很久没有没有查到想要的结果，不断摸索终于是完成了

（记录一下）

引入jar包（jsqlparser-0.9.5.jar，pagehelper-4.1.6.jar）

在spring配置文件中配置分页器插件（前提：mybatis 配置整合到spring配置文件中）

    
        
        
        
       
         
           
             
                dialect=mysql
                reasonable=true
             
           
         
       
     
    

 controller 代码

public String orderList(Model model,@RequestParam(value = "currentPage",required=false,defaultValue="1")Integer currentPage) {
        //从session 中获取userid
        Integer userid = 101;

        List list = orderService.getOrderDetailProductByUid(userid,currentPage);
        PageInfo page = new PageInfo(list);
        model.addAttribute("pageInfo", page);

//测试数据
        System.out.println(list);
        for(int i = 0;i < list.size();i++) {
            System.out.println(list.get(i));
        }
        return "fore_order";
    }

 serviceImpl 代码

public List getOrderDetailProductByUid(Integer userid,Integer currentPage) {

//Commons.orderDetailPageNum=3
        PageHelper.startPage(currentPage, Commons.orderDetailPageNum);

//根据用户id 查询 所有订单详情
        List detailProducts = orderDetailMapper.getOrderDetailProduct(userid);
        return detailProducts;
    }

 由于第一次使用该插件进行分页展示，在controller 层打印数据的时候得到的是如下的这些数据，一时间不知到如何下手，

通过PageInfo page = new PageInfo(list);
        model.addAttribute("pageInfo", page);

将list 封装到 pageInfo 中 向前台返回pageInfo 

前台数据展示 

                                            
                                            
                                                
                                                    
                                                        ${p.createTime }
订单号: ${p.orderNum }
                                                    
                                                    

                                                        

                                                        

${p.desc }

                                                        

颜色分类：深棕色  尺码：均码

                                                    

                                                
                                            
                                            ￥${p.currentPrice }
                                            ${p.quantity }
                                            ￥${p.currentPrice*p.quantity }
(含运费: ¥0.00)
                                            
                                                等待付款
                                                订单详情
                                            
                                            
                                                

                                                立即付款
                                                
                                                取消订单
                                            
                                        
                                        

前台分页器展示： 

 

                                    
                                        href="${pageContext.request.contextPath}/orders/list?currentPage=${pageInfo.pageNum - 1 }" 
                                         href="javascript:void(0)" class="disabled"
                                        >上一页
                                        
                                        
                                                                                         class="select">${status.count }
                                        
                                        
                                        class="disabled" href="javascript:void(0)" 
                                        href="${pageContext.request.contextPath}/orders/list?currentPage=${pageInfo.pageNum + 1 }" 
                                        >下一页
                                    

 

页面效果展示：

我这里总共有8条订单数据，每页展示3条数据

 

 

这一次写完前端的分页，之后的 分页展示都可以复用这些前端代码了（妈妈再也不用担心我的分页了！）