zoukankan      html  css  js  c++  java
  • 分页插件的使用

    在pom中引入分页插件的jar包

    <!--分页插件-->
    <dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper</artifactId>
    <version>4.1.6</version>
    </dependency>

    在springMVC。xml里面配置分页的bean节点(在第四个里面)
    <property name="plugins">
    <array>
    <bean class="com.github.pagehelper.PageHelper">
    <property name="properties">
    <value>dialect=mysql</value>
    </property>
    </bean>
    </array>
    </property>

    在controller层的查询所有里面编写

     public Map<String, Object> showDevices(@RequestParam(value ="pageno",required = false,defaultValue = "1")Integer pageno){
    Map<String,Object> map = new HashMap<>();
    //调用分页的方法
    PageHelper.startPage(pageno,2);
    List<Devices> list = devicesService.showDevices();
    //使用pageinfo这个方法,将查到的东西放到里面,他里面封装了很多信息
    PageInfo pageInfo = new PageInfo(list);
    System.out.println(pageInfo);
    map.put("list",list);
    map.put("pageInfo",pageInfo);
    return map;
    }
    最后就是js页面的拼接了(拼接在earch下面 再创建一个空的table)
    str+="<tr>";
    str+=" <td>第"+obj.pageInfo.pageNum+"/"+obj.pageInfo.pages+"页</td>";
    if (obj.pageInfo.pageNum>1){

    str+=" <td><a href='javascript:void(0);'onclick='init(1)'>首页</a></td>";
    str+=" <td><a href='javascript:void(0);' onclick='init("+(obj.pageInfo.pageNum-1)+")'>上一页</a></td>";
    }else {
    str+=" <td>首页</td>";
    str+=" <td>上一页</td>";
    }
    if(obj.pageInfo.pageNum<obj.pageInfo.pages){
    str+=" <td><a href='javascript:void(0);'onclick='init("+(obj.pageInfo.pageNum+1)+")'>下一页</a></td>";
    str+=" <td><a href='javascript:void(0);' onclick='init("+obj.pageInfo.pages+")'>尾页</a></td>";
    }else {
    str+=" <td>下一页</td>";
    str+=" <td>尾页</td>";
    }

    str+=" <td>共"+obj.pageInfo.total+"条</td>";
    str+="</tr>";
    $("#nihao").append(str);
    },
    error:function () {
    alert("error")
    }
    });
  • 相关阅读:
    iOS拓展---[转载]视频相关,一定要看呀
    iOS拓展---碰到奇葩需求
    iOS拓展---【转载】成熟的夜间模式解决方案
    2018年度总结
    linux常用命令
    自我认识
    SpringBoot入门最详细教程
    SVN分支的合并和同步
    java Data、String、Long三种日期类型之间的相互转换
    徐胜治:我要留下真正的东西
  • 原文地址:https://www.cnblogs.com/shxkey/p/11273686.html
Copyright © 2011-2022 走看看