简单分页案例

我使用的是索引分页，这里我以ssh框架的分页用例讲解：

分页类Page.java

public class Pager<T> {
    private Integer totalPage;   // 总页数
    private Integer currentPage; // 当前页码
    private Integer totalRecord; // 总记录数
    private Integer pageSize;    // 每页记录数
    public List<T> list;
    private boolean flag;
    
    public Pager() {
        super();
    }
    public Pager(Integer pageSize, Integer pageNo, List<T> list) {
        if(list == null || list.isEmpty() || list.size() == 0) {
            this.flag = list.isEmpty();
            return;
        }
        this.totalRecord = list.size();
        this.pageSize = pageSize;
        this.list = list;
        // 总页数
        this.totalPage = this.totalRecord%this.pageSize == 0 ? this.totalRecord/this.pageSize:(this.totalRecord/this.pageSize) + 1;
        // 当前第几页
        if(this.totalPage < pageNo) {
            this.currentPage = this.totalPage;
        }else {
            this.currentPage = pageNo;
        }
        // 起始索引 
        Integer startIndex = this.pageSize*(this.currentPage - 1); 
        // 结束索引 
        Integer endIndex = this.pageSize*this.currentPage > this.totalRecord ? this.totalRecord:this.pageSize*this.currentPage; 
        
        this.list = list.subList(startIndex, endIndex);
        
    }

    public Integer getTotalPage() {
        return totalPage;
    }
    public void setTotalPage(Integer totalPage) {
        this.totalPage = totalPage;
    }
    public Integer getCurrentPage() {
        return currentPage;
    }
    public void setCurrentPage(Integer currentPage) {
        this.currentPage = currentPage;
    }
    public Integer getTotalRecord() {
        return totalRecord;
    }
    public void setTotalRecord(Integer totalRecord) {
        this.totalRecord = totalRecord;
    }
    public Integer getPageSize() {
        return pageSize;
    }
    public void setPageSize(Integer pageSize) {
        this.pageSize = pageSize;
    }
    public List<T> getList() {
        return list;
    }
    public void setList(List<T> list) {
        this.list = list;
    }
    public boolean isFlag() {
        return flag;
    }
    public void setFlag(boolean flag) {
        this.flag = flag;
    }
    
}

action层的调用方法：

　　　　/**
　　　　* 分页显示菜品套餐信息
　　　　*/
　　　　public String findBypage() {

        HttpServletRequest request = ServletActionContext.getRequest();
　　　　　// 获取当前页
        number = request.getParameter("pageNumber");
        if(number != null&&!number.equals("")) {
            pageNo = Integer.parseInt(number);
        }
        pageNo = pageNo == null?1:pageNo;
　　　　　// 获取每页记录数
        size = request.getParameter("pageSize");
        if(size != null&&!size.equals("")) {
            pageSize = Integer.parseInt(size);
        }
        pageSize = pageSize == null ? 5:pageSize;
　　　　　
        pager = mealService.findByPage(pageSize, pageNo, meal);
        request.setAttribute("result", pager);
        forwardView = LIST_JSP;
        return SUCCESS;
    }

service层：

　　@Override
    public Pager<Meal> findByPage(Integer pageSize, Integer pageNo, Meal meal) {
        return mealDao.findByPage(pageSize, pageNo, meal);
    }

dao层方法：

　　　/**
     * 分页显示菜品套餐信息
     */
    public Pager<Meal> findByPage(Integer pageSize, Integer pageNo, Meal meal){
        List<Meal> list = find(meal);
        Pager<Meal> pager = new Pager<Meal>(pageSize, pageNo, list);
        return pager;
    }

jsp页面：（只给出了部分代码）

<!--展示的列表信息 -->
<table id="meal_table" class="table table-hover text-center">
              <tr>
                  <th>菜品套餐编号</th>
                  <th>菜品套餐名称</th>
                　<th>菜品套餐价格</th>
                  <th>菜品套餐描述</th>
                  <th width="310">操作</th>
              </tr>
              <s:iterator value="pagerMeal.list">
                <tr>
                    <td>${mealId }</td>
                    <td>${mealName }</td>
                      <td>${mealPrice }</td>
                    <td>${mealDescribe }</td>
                    <td>
　　　　　　　　　　　　　　<div class="button-group"> 
　　　　　　　　　　　　　　　　<button id ="preview_btn" class="button border-main" type="button" onclick = "order(${mealId })" >订餐</button>
　　　　　　　　　　　　　　</div>
　　　　　　　　　　　　</td>
                </tr>
               </s:iterator>
              <tr>
                  <td colspan="8">
                    <div class="pagelist"> 
                        共${result.totalRecord }条记录共${result.totalPage }页&nbsp;&nbsp;当前第${result.currentPage }页
                        <a href="#" onclick="first();">首页</a><a href="#" onclick="previousPage();">上一页</a> 
　　　　　　　　　　　　　　<a href="#" onclick="nextPage();">下一页</a><a href="#" onclick="lastPage()">尾页</a> 
                    </div>
                </td>
              </tr>
            </table>
　　　　<!--分页执行方法 -->
　　　<script type="text/javascript">
        var url = "Order_list.action";
        var currentPage = ${result.currentPage};
        var totalPage = ${result.totalPage};
        // 上一页
        function previousPage(){
            console.log("上一页=="+currentPage);
            if(currentPage > 1){
                window.location.href  = url+"?pageNumber="+(currentPage-1);
            }
        }
        // 首页
        function first(){
           window.location.href  = url+"?pageNumber=1";
        }
        // 下一页
        function nextPage(){
            console.log("上一页"+currentPage);
            console.log("下一页"+totalPage);
            if(currentPage < totalPage){
                window.location.href  = url+"?pageNumber="+(currentPage+1);
            }
        }
        // 尾页
        function lastPage(){
            if(currentPage == totalPage){
                return;
            }else{
                window.location.href  = url+"?pageNumber="+totalPage;
            }
        }
    </script>

我的实现效果：

写的比较low，大家可以找个好看的分页组件。像这种: