之前我们的查询列表是将所有的数据查询出来，并没有做分页，当数据很少的时候，是不需要分页，但是如果数据很多的时候，所有数据显示在一个页面显然是不合适的。

之前用hibernate的时候，可以直接通过查询来指定页码和条数，在mybatis我没有找到类似功能，所以上网查找别人是如何做的，找到了pagehelper这个插件，这也是在mybatis的项目中主流用的插件。自己试了一下也发现很好用。

废话不多说，直接说怎么用吧。

1.首先在maven的配置文件中加入以下配置。

    <!-- 分页插件 -->

        <dependency>

            <groupId>com.github.pagehelper</groupId>

            <artifactId>pagehelper</artifactId>

            <version>5.0.3-beta</version>

        </dependency>

2.接着在spring配置文件中加入如下配置。

    <!-- 配置mybatis -->

    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">

        <!-- 数据源 -->

        <property name="dataSource" ref="dataSource" />

        <property name="configLocation" value="classpath:mybatis-config.xml"></property>

        <!-- mapper扫描 -->

        <property name="mapperLocations" value="classpath:com/m_gecko/entity/*.xml"></property>

        <!-- 分页插件 -->

        <property name="plugins">

            <array>

                <bean class="com.github.pagehelper.PageInterceptor">

                    <property name="properties">

                        <value>

                            helperDialect=mysql

                        </value>

                    </property>

                </bean>

            </array>

        </property>

    </bean>

注意分页插件那段配置。

3.其实有了上面两个配置就大功告成了，接下来就是用这个插件了。我们来修改geckoList这个方法，将数据分页。如下。

    @RequestMapping("geckoList")

    public ModelAndView geckoList(@RequestParam(required=true,defaultValue="1")Integer page,@RequestParam(required=false,defaultValue="5")Integer pageSize) throws Exception {

        PageHelper.startPage(page, pageSize);

        ModelAndView mv = new ModelAndView();

        List<TGecko> geckoList = geckoService.getGeckoList();

        mv.getModel().put("geckoList", geckoList);

        PageInfo<TGecko>p=new PageInfo<TGecko>(geckoList);

        mv.getModel().put("page", p);

        mv.setViewName("gecko/GeckoList");

        return mv;

    }

注意这个方法中传入了两个参数，page和pagesize这两个参数，然后我们就可以把list放入pageInfo中重新包装，得到当前页面的list(而不是全部），然后把page对象传递到页面去，在页面上我们可以用${page.xxx}来使用page里面的东西。

修改页面，如下。

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://"

            + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>geckoList</title>

<!-- css文件 -->

<link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css" />

<link rel="stylesheet"

    href="./static/bootstrap/css/bootstrap-theme.min.css">

<!-- js文件 -->

<script type="text/javascript" src="./static/js/jquery-1.11.0.js"></script>

<script type="text/javascript">

    function MemAdd() {

        h = "geckoAdd";

        location.href = h;

    }

    function deleteGecko(geckoId){

        if (confirm('确定删除?')){

            $.ajax({

                type : 'post',

                url : 'geckoDelete?geckoId='+geckoId,

                async : false,

                dataType : 'html',

                success : function(data) {

                    if (data > 0) {

                        alert("成功");

                    } else {

                        alert("失败")

                    }

                    location.href = "geckoList";

                }

            })

        }

    }

</script>

</head>

<body>

    <form>

        <div class="row" style="text-align: center">

            <div class="col-lg-5" style="font-size: 18px">

                <strong>hello,welcome to gecko's world</strong>

            </div>

            <div class="col-lg-2 col-xs-offset-1">

                <button type="button" class="btn  btn-sm" onclick="MemAdd()">新增</button>

            </div>

        </div>

        <div class="row">

            <div class="col-lg-8 col-xs-offset-1">

                <table class="table">

                    <tr>

                        <th>编号</th>

                        <th>名称</th>

                        <th>创建时间</th>

                        <th>操作</th>

                    </tr>

                    <c:choose>

                        <c:when test="${not empty geckoList }">

                            <c:forEach items="${geckoList }" var="gecko" varStatus="vs">

                                <tr>

                                    <td>${gecko.geckoId}</td>

                                    <td>${gecko.geckoName}</td>

                                    <td><fmt:formatDate type="both" dateStyle="medium"

                                            timeStyle="medium" value="${gecko.createTime}" /></td>

                                    <td><a href="geckoEdit?geckoId=${gecko.geckoId}">编辑</a>&nbsp;&nbsp;<a

                                        href='javascript:void(0)'

                                        onclick="deleteGecko(${gecko.geckoId})">删除</a></td>

                                </tr>

                            </c:forEach>

                        </c:when>

                        <c:otherwise>

            没有相关数据

            </c:otherwise>

                    </c:choose>

                </table>

            </div>

        </div>

        <div class="row">

            <div class="col-lg-8 col-xs-offset-7">

                <c:forEach var="i" begin="1" end="${page.pages }" step="1">

                    <a href="geckoList?page=${i}">${i}</a>

                </c:forEach>

                <a href="geckoList?page=${page.prePage}">上一页</a> <a

                    href="geckoList?page=${page.nextPage}">下一页</a>

            </div>

        </div>

    </form>

</body>

</html>

主要加入了相关的分页代码。

访问geckoList，如下。

点击第二页，发现浏览器地址栏如下。

点击上一页，下一页均可以实现页面跳转。至于更优美的分页插件（指的是页面端），以后有机会会写。

ssm学习（五）--加入分页插件的更多相关文章

  1. 【SSM 5】Mybatis分页插件的使用

    一.添加maven依赖项 <span style="font-family:KaiTi_GB2312;font-size:18px;"><dependency&g ...

  2. MyBatis学习总结_17_Mybatis分页插件PageHelper

    如果你也在用Mybatis,建议尝试该分页插件,这一定是最方便使用的分页插件. 分页插件支持任何复杂的单表.多表分页,部分特殊情况请看重要提示. 想要使用分页插件?请看如何使用分页插件. 物理分页 该 ...

  3. ssm工程集成mybatis分页插件pagehelper

    1    首先需要在mybatis的配置文件SqlMapConfig.xml文件中配置pagehelper插件 <plugins> <plugin interceptor=" ...

  4. angular分页插件tm.pagination二次触发问题解决歪方案

    今天在学习angularjs的分页插件时遇到了一个前端的问题,谷歌浏览器开发者模式调试的时候发现每次点击分页刷新按钮会触发两次后台请求,ajax向后台发送了两次请求,这对于强迫症患者来说是一个比较恶心 ...

  5. Mybatis学习---Mybatis分页插件 - PageHelper

    1. Mybatis分页插件 - PageHelper说明 如果你也在用Mybatis,建议尝试该分页插件,这个一定是最方便使用的分页插件. 该插件目前支持Oracle,Mysql,MariaDB,S ...

  6. MyBatis学习总结（17）——Mybatis分页插件PageHelper

    如果你也在用Mybatis,建议尝试该分页插件,这一定是最方便使用的分页插件. 分页插件支持任何复杂的单表.多表分页,部分特殊情况请看重要提示. 想要使用分页插件?请看如何使用分页插件. 物理分页 该 ...

  7. 学习Spring Boot：（八）Mybatis使用分页插件PageHelper

    首先Mybqtis可以通过SQL 的方式实现分页很简单,只要在查询SQL 后面加上limit #{currIndex} , #{pageSize}就可以了. 本文主要介绍使用拦截器的方式实现分页. 实 ...

  8. SSM框架使用分页插件显示信息

    1.在该SSM工程的pom.xml中加入PageHelper的分页插件依赖(若是版本号不对,可以尝试修改一下) <!-- 分页插件 --> <dependency> <g ...

  9. Mybatis分页插件PageHelper的学习与使用

    目录 中文教程 PageHelper使用 后端程序员都知道,在Web系统中,分页是一种常见的功能,我之前写的分页方法都比较麻烦,移植性也不高,这就很不乐观了.作为一个积极开朗的程序员,怎么能不去了解P ...

随机推荐

  1. 2017阿里云双11-云服务器ECS优惠活动最强解读和购买指南

    本站之前介绍了<爆款云服务器,限时2折起>,这其实是阿里云双11之前的预热活动:四款低配的机型,二折给用户(每个用户限购一台),非常的实惠,有很多阅读了本站文章的用户都一次性购买了三年的. ...

  2. MUI框架开发HTML5手机APP(一)--搭建第一个手机APP

      前  言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用HTML5开发手机APP,而随着手机硬件设备配置的不断提升,各种开发框架的不断优化,也使着H5开发的 ...

  3. 微软Connect(); 2017大会梳理：Azure、数据、AI开发工具

    在今天召开的 Connect(); 2017 开发者大会上,微软宣布了 Azure.数据.AI 开发工具的内容.这是第一天的 Connect(); 2017 的主题演讲. 在开场视频中霍金又来了.你记 ...

  4. MeasureString 通过文本宽度获取绘制高度

    using System;using System.Data;using System.Configuration;using System.Linq;using System.Web;using S ...

  5. c#DES加密解密代码

    //加密  public string DesEncrypt(string strText, string strEncrKey)   {    byte[] byKey=null;    byte[ ...

  6. C#里调用 MysqlDB

    最近在做项目,发现在使用Mysql提供给C#操作的类不是和好用,就想办法写了一个操作方便的Mysql数据层类. 比如以前在执 行一个查询 代码                              ...

  7. Node学习笔记 http

    node url querystring 第二个参数指定分隔符 也可以指定三个参数,效果和两个参数类似 不同于querystring,下面是querystringfy的用法 queryescape与e ...

  8. intel服务器cpu命名规则

    我们以E3.E5.E7系列进行一个详细解析.首先,Intel E3.E5.E7代表了3个不同档次的至强CPU,至强"E系列"的这种命名方式有些类似桌面上的Core i3,i5,i7 ...

  9. python数据结构与算法篇：排序

    1.冒泡排序(英语:Bubble Sort) 它重复地遍历要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来.遍历数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成. ...

  10. [最短路]P1462 通往奥格瑞玛的道路

    题目背景 在艾泽拉斯大陆上有一位名叫歪嘴哦的神奇术士,他是部落的中坚力量 有一天他醒来后发现自己居然到了联盟的主城暴风城 在被众多联盟的士兵攻击后,他决定逃回自己的家乡奥格瑞玛 题目描述 在艾泽拉斯, ...