分页栏

柔情只为你懂 2023-06-08 06:41 88阅读 0赞

## 前台 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDMxMzAz_size_16_color_FFFFFF_t_70]

## 分页前端代码 ##

<div class="page_num_inf">
                        <i></i> 共
                        <span>${pb.totalPage}</span>页<span>${pb.totalRecord}</span>条
                    </div>
                    <div class="pageNum">
                        <ul>
                          <%--
                            http://localhost:8080/route?method=findRoute&cid=5&pageNumber=2
                            用来提交表单 跳转页面
                          --%>
                            <form id="pageform" action="route" method="get">
                                <input type="hidden" name="method" value="findRoute">
                                <input type="hidden" id="pageNumber_id" name="pageNumber" value="">
                                <input type="hidden" name="cid" value="${cid}">
                            </form>
                            <li><a href="javascript:void(0);" onclick="goPage(1)">首页</a></li>
                            <li class="threeword"><a href="javascript:void(0);" onclick="goPage(${pb.pageNumber-1})">上一页</a></li>
                              <c:forEach begin="${pb.start}" end="${pb.end}" step="1" var="temp">
                                  <c:if test="${pb.pageNumber == temp}">
                                      <li class="curPage"><a href="javascript:void(0);"οnclick="goPage(${temp})">${temp}</a></li>
                                  </c:if>
                                  <c:if test="${pb.pageNumber!= temp}">
                                      <li><a href="javascript:void(0);"οnclick="goPage(${temp})">${temp}</a></li>
                                  </c:if>
                              </c:forEach>
                            <li class="threeword"><a href="javascript:;" onclick="goPage(${pb.pageNumber+1})">下一页</a></li>
                            <li class="threeword"><a href="javascript:;" onclick="goPage(${pb.totalPage})">末页</a></li>
                        </ul>
                    </div>

## PageBean实体类 ##

package domain;
    
    import java.util.List;
    
    public class PageBean<T> { 
        //两个传入
        private Integer pageNumber; //哪个页面
        private Integer pageSize;//页面显示几个
        //两个查询
        private List<T> data;//页面显示数据
        private Integer totalRecord;//总数据
        //两个计算
        private Integer totalPage;//总共页码
        private Integer startIndex;//开始索引 sql 语句拼接 limt startIndex,pageSize
        //两个动态条
        private Integer start;//开始页码
        private Integer end;//结束页码
    
        public void jisuan(){ 
            if (totalPage < 10) { 
                start = 1;
                end = totalPage;
            }else { 
                start = pageNumber -4;
                end = pageNumber+5;
                if(start < 1 ){ 
                    start =1 ;
                    end = 10;
                }
                if (end >  totalPage) { 
                    start=totalPage-9;
                    end =totalPage;
                }
             }
        }
    
        public PageBean(Integer pageNumber, Integer pageSize) { 
            this.pageNumber = pageNumber;
            this.pageSize = pageSize;
            //获取 每页第一个元素
            startIndex = (pageNumber - 1 ) * pageSize;
        }
    
        public Integer getPageNumber() { 
            return pageNumber;
        }
    
        public void setPageNumber(Integer pageNumber) { 
            this.pageNumber = pageNumber;
        }
    
        public Integer getPageSize() { 
            return pageSize;
        }
    
        public void setPageSize(Integer pageSize) { 
            this.pageSize = pageSize;
        }
    
        public List<T> getData() { 
            return data;
        }
    
        public void setData(List<T> data) { 
            this.data = data;
        }
    
        public Integer getTotalRecord() { 
            return totalRecord;
        }
    
        public void setTotalRecord(Integer totalRecord) { 
            totalPage=(totalRecord % pageSize) == 0 ?  totalRecord / pageSize : (totalRecord / pageSize)+1;
            this.totalRecord = totalRecord;
        }
    
        public Integer getTotalPage() { 
            return totalPage;
        }
    
        public void setTotalPage(Integer totalPage) { 
            this.totalPage = totalPage;
        }
    
        public Integer getStartIndex() { 
            return startIndex;
        }
    
        public void setStartIndex(Integer startIndex) { 
            this.startIndex = startIndex;
        }
    
        public Integer getStart() { 
            jisuan();
            return start;
        }
    
        public void setStart(Integer start) { 
            this.start = start;
        }
    
        public Integer getEnd() { 
            jisuan();
            return end;
        }
    
        public void setEnd(Integer end) { 
            this.end = end;
        }
    }

## servlet ##

protected void findRoute(HttpServletRequest request, HttpServletResponse response) throws Exception { 
            System.out.println("进入findRoute");
            //获取cid 查找数据
            String cid = request.getParameter("cid");
            String pageNumberstr = request.getParameter("pageNumber");
            System.out.println("页码:"+pageNumberstr);
            Integer pageNumber = 1;
            Integer pageSize = 10;
            try { //解决乱码
                pageNumber = Integer.parseInt(pageNumberstr);
                if (pageNumber < 1) { 
                    pageNumber = 1;
                }
            } catch (NumberFormatException e) { 
            }
    
            //处理数据
            RouteService routeService = (RouteService)FactoryBean.getBean("RouteService");
            //List<Route> list=routeService.findRoute(cid);
            PageBean<Route> pageRoute = routeService.findPageRoute(cid, pageNumber, pageSize);
            //响应数据
             request.setAttribute("pb",pageRoute);
             request.setAttribute("cid",cid);
             request.getRequestDispatcher("route_list.jsp").forward(request,response);
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NDMxMzAz_size_16_color_FFFFFF_t_70]: /images/20230531/35e469c9c33c41bda8eb5785ca5e92be.png