mybatis pagehelper插件实现后端分页

pagehelper分页实现

前段部分:

通过JS实现

<script language="javascript">
//pagehelpe分页
//obj:传入的标签   url:传入controller带参数的地址   pages:总页数  pagenumber:当前页数  total:总条数  afunc:执行跳页时执行的方法
function pagebtn(obj,url,pages,pagenumber,total,afunc) {
    var temp= "<div style='float: right'>"
        +"<ul class='pagination'><li><a id='prepage' onclick='return afunc()'>上一页</a></li></ul>"
        +"<ul class='pagination'><li><a id=numberpage1 onclick='return afunc()'>1</a></li></ul>"
        +"<ul class='pagination' id='numberpages'></ul>"
        +"<ul class='pagination' id='lastpage'><li><a onclick='return afunc()' id=numberpage"+pages+">"+pages+"</a></li></ul>"
        +"<ul class='pagination'><li><a id='nextpage' onclick='return afunc()'>下一页</a></li></ul>"
        +"</div>"
        +"<div style='padding: 6px 12px;margin: 20px 0;float: right'>总共"+pages+"页,共有"+total+"条数据</div>";
    $(obj).append(temp);
    //下一页
    var nextpage = Number(pagenumber)+Number(1);
    //上一页
    var lastpage = Number(pagenumber)-Number(1);
    $("#numberpage1").attr("href",url+"&pn=1");
    $("#prepage").attr("href",url+"&pn="+lastpage);
    $("#nextpage").attr("href",url+"&pn="+nextpage);
    if (pages==1){
        $("#numberpage"+pages).remove();
    }
    else{
        $("#numberpage"+pages).attr("href",url+"&pn="+pages);
    }
    //添加页数
    if (pages>3&&pagenumber<Number(pages)-Number(3)&&pagenumber>=4) {
        for (var i= Number(pagenumber)-Number(2) ; i < Number(pagenumber)+Number(3) ; i++) {
            var page="<li><a onclick='return afunc()' id=numberpage"+i+">"+i+"</a></li>";
            $("#numberpages").append(page);
            $("#numberpage"+i).attr("href",url+"&pn="+i+"");
        }
    }else if(pages<=6&&pagenumber<=6){
        for (var i= 2 ; i < pages ; i++) {
            var page="<li><a onclick='return afunc()' id=numberpage"+i+">"+i+"</a></li>";
            $("#numberpages").append(page);
            $("#numberpage"+i).attr("href",url+"&pn="+i+"");
        }
    }else if(pages>6&&pagenumber<=4){
        for (var i= 2 ; i <=6 ; i++) {
            var page="<li><a onclick='return afunc()' id=numberpage"+i+">"+i+"</a></li>";
            $("#numberpages").append(page);
            $("#numberpage"+i).attr("href",url+"&pn="+i+"");
        }
    } else{
        for (var i= Number(pages)-Number(5) ; i < pages ; i++) {
            var page="<li><a onclick='return afunc()' id=numberpage"+i+">"+i+"</a></li>";
            $("#numberpages").append(page);
            $("#numberpage"+i).attr("href",url+"&pn="+i+"");
        }
    }
    $("#numberpage"+pagenumber).attr("style","background-color:#337ab7;color:white")
}
</script>

Controller:

@RequestMapping("/find.do")
public ModelAndView find(@RequestParam(value="pn",defaultValue="1")Integer pn, @RequestParam(value = "PageSize", defaultValue = "8") Integer ps,String test) throws Exception {
    PageHelper.startPage(pn,ps);
    List<Obj> obj = iTestService.find(test);
    PageInfo page = new PageInfo(foc_express_h,ps);
    System.out.println(page);
    ModelAndView mv = new ModelAndView();
    mv.setViewName("test");
    mv.addObject("pageInfo", page);
    mv.addObject("obj",obj );
    return mv;
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值