曾经面试有个人问我分页的几种实现方式和框架这些，现在才回，有点晚，这里只用了一种实现方式，利用spring boot的jpa中page对象的实现。还有数据库自带的limit语句，和SSM框架中的mybatis语句中常用，以后遇到了更新这几种实现方式，这种最方便。持续关注哦！
 
这里将几个实战例子，从数据库到前台一口气实现。
 
项目文件目录
 
 
效果预览
 
 list分页
 
修改 
 
 
新增
 
 
操作友好提示
 
 
一、使用 page对象的实现步骤
 
1. 创建实体对象类User
 
package com.youngpeng.blog.entity;

import lombok.Data;
import org.hibernate.annotations.DynamicUpdate;

import javax.persistence.Entity;
import javax.persistence.Id;
import java.util.Date;

@Entity
@Data
@DynamicUpdate
public class User {
    @Id
    private String id;
    private String name;
    private String email;

    // @DynamicUpdate 针对时间自动更新而言
    private Date createTime;
    private Date updateTime;

    // 构造函数

    public User() {
    }

    public User(String id, String name, String email) {
        this.id = id;
        this.name = name;
        this.email = email;
    }

}
 
2. 写数据库代理层接口UserRepository  （JPA/ DAO/ REPOSITORY）
 
package com.youngpeng.blog.repository;

import com.youngpeng.blog.entity.User;
import org.springframework.data.jpa.repository.JpaRepository;

/**
 * 增删改查的接口，一般别写
 */
public interface UserRepository extends JpaRepository<User,String> {

}
 
3. 写service接口UserService 
 
package com.youngpeng.blog.service;

import com.youngpeng.blog.entity.User;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;

public interface UserService {
    User save(User user);

    void deleteById(String id);

    User findOne(String id);

    Page<User> findAll(Pageable pageable);
}
 
4. 写UserService 接口的实现逻辑UserServiceImpl 
 
package com.youngpeng.blog.service.serviceImpl;

import com.youngpeng.blog.entity.User;
import com.youngpeng.blog.repository.UserRepository;
import com.youngpeng.blog.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageImpl;
import org.springframework.data.domain.Pageable;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserServiceImpl implements UserService {

    @Autowired
    private UserRepository userRepository;

    @Override
    public User save(User user) {

        return userRepository.save(user);
    }

    @Override
    public void deleteById(String id) {
        userRepository.delete(id);
    }

    @Override
    public User findOne(String id) {
        return userRepository.findOne(id);
    }

    @Override
    public Page<User> findAll(Pageable pageable) {
        // 1. 调用JPA分页查询的方法
        Page<User> userPage = userRepository.findAll(pageable);
        // 2. 转换为list,
        List<User> userList = userPage.getContent();
        // 3. 返回
        // public PageImpl(List<T> content, Pageable pageable, long total) {}
        // public PageImpl(List<T> content) {}
        return new PageImpl<>(userList, pageable, userPage.getTotalElements());
    }
}
 
5. 写Controller层的方法调用，这是前后端交互的接口，URL首先进入该层处理
 
package com.youngpeng.blog.controller;

import com.youngpeng.blog.entity.User;
import com.youngpeng.blog.form.CreateUser;
import com.youngpeng.blog.service.UserService;
import com.youngpeng.blog.utils.GeneraterKey;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.stereotype.Controller;
import org.springframework.util.StringUtils;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import javax.validation.Valid;
import java.util.List;
import java.util.Map;

@Controller
@RequestMapping("/user")
@Slf4j
public class UserController {

    @Autowired
    private UserService userService;

    /**
     * 以分页的形式显示用户列表信息
     * 1. 接收参数page, size.
     * 2. 初始化pagerequest，
     * 3. 查询
     * 4. 返回结果
     */
    @GetMapping("/list")
    public ModelAndView userlist(@RequestParam(value = "page" ,defaultValue = "1") int page,
                                 @RequestParam(value = "size" ,defaultValue = "2") int size,
                                 Map<String, Object> map){
        // 初始化pagerequest
        PageRequest pageRequest = new PageRequest(page-1, size);
        // 调用service 层 的 page 接口查询
        Page<User> userPage =  userService.findAll(pageRequest);

        map.put("userPage", userPage);
        map.put("currentPage",page);
        map.put("size", size);
        return new ModelAndView("/user/list", map);
    }

    /**创建一个空对象出来存储
     * 1. 首先判断URL中有无ID号
     * 2. 有 - 根据ID查询数据。 无 - 自动生成ID号赋值
     * 3. 将前端传来的数据拷贝到对象中，无，显示空，有值- 则修改
     *
     * @param createUser
     * @param bindingResult
     * @param map
     * @return
     */
    @GetMapping("/create")
    public ModelAndView create(@Valid CreateUser createUser,
            BindingResult bindingResult,
            Map<String, Object> map){
        User userNew = new User();
        //判断前端数据正误
        if (bindingResult.hasErrors()){
            map.put("msg", bindingResult.getFieldError().getDefaultMessage());
            map.put("url", "/user/list");
            return new ModelAndView("common/error",map);
        }

        // 判断有无ID号
        if (StringUtils.isEmpty(createUser.getId() )){
            // 新建 -- 设置id 号
            userNew.setId(GeneraterKey.genUniqueKey());
        }else {
            //  修改 -- 查询出来显示
            userNew = userService.findOne(createUser.getId());
        }

        // 下面是同一的拷贝
        // createUser.setName(userNew.getName()); --- error 反了
        try {
            userNew.setName(createUser.getName());
            userNew.setEmail(createUser.getEmail());
            /**
             * 这里更改之后千万别忘了保存到数据库
             */
            userService.save(userNew);
        }catch (Exception e){
            // log.error("[注册、修改操作发生错误]{}",e);
            map.put("msg", "[注册、修改操作发生错误]");
            map.put("url", "/user/list");
            return new ModelAndView("common/error",map);
        }
        map.put("user", userNew);
        map.put("url", "/user/list");
        return new ModelAndView("/common/success",map);
    }

    /**
     * 新增和修改的页面都在这个页面进行单独操作
     * @param id
     * @param map
     * @return
     */
    @GetMapping("/index")
    public ModelAndView index(@RequestParam(value = "id", required = false) String id,
                              Map<String, Object> map){
        //  如果有id值传进来，就打包查询返回
        User user = new User();
        if ( !StringUtils.isEmpty(id) ){
            user = userService.findOne(id);
        }
        map.put("userInfo", user);
        return new ModelAndView("/user/index", map);
    }

    @GetMapping("/delete")
    public ModelAndView delete(@RequestParam(value = "id") String id,
                               Map<String, Object> map){
        try{
            // 直接执行删除操作
            userService.deleteById(id);
        }catch (Exception e){
            map.put("msg", "删除发生错误");
            map.put("url", "/user/list");
            return new ModelAndView("common/error",map);
        }
        map.put("msg", "删除成功");
        map.put("url", "/user/list");
        return new ModelAndView("common/success",map);
    }
}
 
6. 写前台代码 list.ftl
 
这里注意，list显示用户，但是单独的用户操作写在index页面中，细细评味其中逻辑
 
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css"
      rel="stylesheet"/>
<h1 style="text-align: center">用户信息列表</h1>
<#--表格主体-->
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table  table-bordered">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>邮箱</th>
                    <th>创建时间</th>
                    <th>修改时间</th>
                    <th colspan="2">操作</th>
                </tr>
                </thead>
                <tbody>
                <#--一列一用户。 每一列都是循环-->
                <#list userPage.content as userPage>
                    <tr>
                        <td>${userPage.id}</td>
                        <td>${userPage.name}</td>
                        <td>${userPage.email}</td>
                        <td>${userPage.createTime}</td>
                        <td>${userPage.updateTime}</td>

                        <td><a href="/user/index?id=${userPage.id}">修改</a></td>
                        <td><a href="/user/delete?id=${userPage.id}">删除</a></td>
                    </tr>
                </#list>
                </tbody>
            </table>
        </div>
    </div>
</div>

<#--新增一个用户-->
<button type="button" ><a href="/user/index">新增一个用户</a></button>

<#-- 分页切换按钮-->
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <ul class="pagination pagination-lg pull-right ">
                <#--如果是第一页，禁止点击
                    否则链接到上一页-->
                <#if currentPage lte 1>
                    <li class="disabled"><a href="#">上一页</a></li>
                <#else>
                    <li><a href="/user/list?page=${currentPage-1}&size=${size}">上一页</a></li>
                </#if>

                <#-- 页数应该动态的增加
                如果是当前页 - 禁止点击
                负责点击链接到相应的页面-->
                <#list 1..userPage.getTotalPages() as index>
                    <#if currentPage == index>
                        <li class="disabled"><a href="#">${index}</a></li>
                    <#else>
                        <li><a href="/user/list?page=${index}&size=${size}">${index}</a></li>
                    </#if>
                </#list>
                <#if currentPage gte userPage.getTotalPages()>
                    <li class="disabled"><a href="#">下一页</a></li>
                <#else>
                    <li ><a href="/user/list?page=${currentPage+1}&size=${size}">下一页</a></li>
                </#if>

            </ul>
        </div>
    </div>
</div>
 
7.写index.ftl
 
<#--主要内容-->
<div id="page-content-wrapper">
    <div class="container">

        <div class="row clearfix">
            <div class="col-md-12 column">
                <form role="form" method="Get" action="/user/create">
                    <div class="form-group">
                        <label>名称：</label>
                        <input type="text" class="form-control" name="name" value="${(userInfo.name)!""}"/>

                        <label>邮箱：</label>
                        <input type="text" class="form-control" name="email" value="${(userInfo.email)!""}"/>
                    </div>
                    <input  type="hidden" class="form-control" name="id" value="${(userInfo.id)!""}"/>
                    <button type="submit" class="btn btn-default">提交</button>
                </form>
            </div>
        </div>
    </div>
 
8. 友好提示页面 error 、 success
 

<html>
<head>
    <meta charset="UTF-8">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    <title>操作发生错误</title>
</head>
<body>

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="alert alert-dismissable alert-warning">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                <h4>发生错误!</h4>
                <strong>${msg!""}</strong>
                <a id="jump" href="${url}" class="alert-link">3</a><span>秒后自动跳转原来页面</span>
            </div>
        </div>
    </div>
</div>

</body>


    <#--setTimeout(location.href="${url}",3000);-->
<script type="text/javascript">
    onload=function(){
        setInterval(go, 1000);
    };
    var x=3; //利用了全局变量来执行
    function go(){
        x--;
        if(x>0){
            document.getElementById("jump").innerHTML=x;  //每次设置的x的值都不一样了。
        }else{
            location.href="${url}";
        }
    }
</script>

</html>
 
 

作用：加快数据检索速率
 
greenplum/postgres分页语法
 
select [*|字段列表] from table_name where expresion [limit {count|all}] [offset start]; 
--limit:指定select结果的显示条数
--offset：指定数据检索的起始位置
 
MySQL分页语法
 
select [*|字段列表] from table_name where expresion limit m,n;
--m:数据检索的其实位置
--n:每页显示的数据条数
 
SQLServer分页语法
 
--方式一
select top pageSize * from 表名 where id  not in (select top pages id from 表名 order by id) order by id 
--方式二
 select top pageSize * from 表名 where id>=(select max(id) from (select top pages id from 表名 order by id asc ) t )
--pageSize:每页显示的数据条数

 
Oracle/DB2分页语法
 
select [*|字段列表] from table_name where 字段>=startPage and 字段<endPage;
--startPage：起始位置
--pageSize：每页显示的数据数
--endPage：startPage+pageSize
 
 

 
 
            在Web开发中，为了方便美观的展示数据，使用分页是必不可少的一项技术。然后实现分页的方法有多种多样，在这里我就以我自己的理解和方式给大家演示一下怎么做分页，做分页都需要哪些准备工作。
 
 
准备工作：
 
 
1.在Web编译工具中创建Web工程
 
 
2.搭建低层的运行环境。
 
 
3.开发实体类，实现逻辑代码的统一调用，完成彼此之间的分工和协作。
 
 
     我是用SpringMvc模式开发的数据库分页技术的Demo例子。在这里搭建底层环境我就不一一讲解了。不会，可以问度娘。创建完成后，工程架构如下：
 
 
 
 
 
在开发数据可分页一些实体之前，我们手先应该搞明白，数据之间的关系和流动去向。和需要创建的实体以及他们之间的关系。明白这些，在做这个分页就不难了。该技术流程图大致如下：
 
 
 
 
 
         在上述图片中我们可以看到，jsp页面需要展示的东西，然后jsp的数据是由Servlet提供，QueryInfo是前台传递过来的数据然后封装在该实体中，Serlvet中书写Service方法，Service要想拿到数据必须访问数据库,然后访问数据库后拿到了数据，将数据封装在QueryResult实体中，返回给Service，在Service方法中负责生成需要显示的jsp页面数据对象即PageBean,然后将封装在PageBean中的数据由Servlet返回给前台的jsp页面，然后用户就可以看到从数据库中读取到的数据。
 
 
搭建好了Dao、Service和配置文件以及数据库的环境。下面我们就开发这三个实体对象QueryInfo、QueryResult、PageBean.
 
 
QueryInfo实体类代码如下：
 
 
package com.nyist.cn.Pagination;


 public class QueryInfo {
 private int currentpage = 1; //用户当前看的页
 private int pagesize = 8; //页面大小
 private int startindex; //记住 用户看的页的数据在数据库的起始位置

 public int getCurrentpage() {
 return currentpage;
 }
 public void setCurrentpage(int currentpage) {
 this.currentpage = currentpage;
 }
 public int getPagesize() {
 return pagesize;
 }
 public void setPagesize(int pagesize) {
 this.pagesize = pagesize;
 }
 public int getStartindex() {
 this.startindex = (this.currentpage -1)*this.pagesize;
 return startindex;
 }
  
 
 
}
 
 
 
 
 
QueryResult实体类代码如下：
 
 
package com.nyist.cn.Pagination;


 import java.util.List;


 public class QueryResult {
 private List list; //记住用户看的数据
 private int totalrecord; //记录数
 public List getList() {
 return list;
 }
 public void setList(List list) {
 this.list = list;
 }
 public int getTotalrecord() {
 return totalrecord;
 }
 public void setTotalrecord(int totalrecord) {
 this.totalrecord = totalrecord;
 }
 
 
}
 
 
 
 
 
PageBean实体类代码如下：
 
 
package com.nyist.cn.Pagination;




 import java.util.Arrays;
 import java.util.List;


 import com.nyist.cn.mode.person;




 public class PageBean {
 private List<person> list;
 private int totalrecord;
 private int pagesize;
 private int totalpage;
 private int currentpage;
 private int previouspage;
 private int nextpage;
 private int[] pagebar = new int[]{};
 public List<person> getList() {
 return list;
 }
 public void setList(List<person> list) {
 this.list = list;
 }
 public int getTotalrecord() {
 return totalrecord;
 }

 public void setTotalrecord(int totalrecord) {
 this.totalrecord = totalrecord;
 }
 public int getPagesize() {
 return pagesize;
 }
 public void setPagesize(int pagesize) {
 this.pagesize = pagesize;
 }
 public int getTotalpage() {
 //100  5  20
 //101  5  21
 //99   5  20
 if(this.totalrecord%this.pagesize==0){
 this.totalpage = this.totalrecord/this.pagesize;
 }else{
 this.totalpage = (this.totalrecord/this.pagesize)+1;
 }
     return totalpage;
 }
 public int getCurrentpage() {
 return currentpage;
 }
 public void setCurrentpage(int currentpage) {
 this.currentpage = currentpage;
 }
 public int getPreviouspage() {
 if(currentpage-1<1){
 this.previouspage=this.currentpage;
 }else {
 this.previouspage = this.currentpage-1;
 }
 return previouspage;
 }
 public int getNextpage() {
 if(this.currentpage+1>this.totalpage){
 this.nextpage = this.totalpage;
 }else {
 this.nextpage = this.currentpage+1;
 }
 return nextpage;
 }
 public void setTotalpage(int totalpage) {
 this.totalpage = totalpage;
 }
 public int[] getPagebar() {
 //1.第一种方式  页码条显示
 /*int[] pagebar = new int[this.totalpage];
 for(int i=1;i<=this.totalpage;i++){
 pagebar[i-1] = i;
 }*/

 //2.第二种方式页码条显示    动态页码条
 int pagebar[] = null;
 int startpage;
 int endpage;
 if(this.totalpage <= 10){
 pagebar = new int[this.totalpage];
 startpage = 1;
 endpage = this.totalpage;
 }else{
 pagebar = new int[10];
 startpage = this.currentpage - 4;
 endpage = this.currentpage + 5;
 //总页数30      3    -1
 //总页数30      29   34   21     30
 if(startpage < 1){
 startpage = 1;
 endpage = 10;
 }

 //最后显示的页数  大于  总页码数的情况
 if(endpage > this.totalpage){
 endpage = this.totalpage;
 startpage = this.totalpage - 9;
 }
 }

 //将  页码条 填充数组
 int index = 0;
 for (int i = startpage; i <=endpage; i++) {
 pagebar[index++] = i;
 }

 this.pagebar = pagebar;
 return pagebar;
 }

 @Override
 public String toString() {
 return "PageBean [list=" + list + ", totalrecord=" + totalrecord + ", pagesize=" + pagesize + ", totalpage="
 + totalpage + ", currentpage=" + currentpage + ", previouspage=" + previouspage + ", nextpage="
 + nextpage + ", pagebar=" + Arrays.toString(pagebar) + "]";
 }
  
 
 
}
 
 
 
 
 
WebUtil实体类代码如下：    WebUtil使用来将request对象里带过来的数据封装到QueryInfo中去
 
 
package com.nyist.cn.Util;


 import java.text.ParseException;
 import java.text.SimpleDateFormat;
 import java.util.Date;
 import java.util.Map;
 import java.util.UUID;


 import javax.servlet.http.HttpServletRequest;


 import org.apache.commons.beanutils.BeanUtils;
 import org.apache.commons.beanutils.ConvertUtils;
 import org.apache.commons.beanutils.Converter;


 public class WebUtil {

 public static <T> T request2Bean(HttpServletRequest request,Class<T>  beanClass){
 try{
 T bean = beanClass.newInstance();
 //得到request里面所有数据
 Map map = request.getParameterMap();
 //map{name=aa,password=bb,birthday=1990-09-09}  bean(name=aa,password=dd,birthday=Date)

 ConvertUtils.register(new Converter(){


 public Object convert(Class type, Object value) {
 if(value==null){
 return null;
 }
 String str = (String) value;
 if(str.trim().equals("")){
 return null;
 }

 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd");
 try {
 return df.parse(str);
 } catch (ParseException e) {
 throw new RuntimeException(e);
 }
 }
 }, Date.class);
 BeanUtils.populate(bean, map);   
 return bean;
 }catch (Exception e) {
 throw new RuntimeException(e);
 }
 }

 public static String generateID(){
 return UUID.randomUUID().toString();
 }
 
 
}
 
 
 
 
 
Dao包下的Mappe接口文件中声明的方法如下：
 
 
 
 
 
 
 
Service接口中声明的方法如下：
 
 
 
 
 
 
 
Dao包下的Impl包中的Mapper接口的实现配置文件内容如下：
 
 
 
 
 
            比较重要的几个代码截图如上，骑他的代码省略，就是一般的SpringMvc的开发步骤。将SpringMvc的开发步骤完善一下，在将如上代码截图和如上代码理解并添加到你的代码中即可完成数据可分页。
 
 
分页效果如下：