前言

layPage 致力于提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。自 layui 2.0 开始，无论是从核心代码还是API设计，layPage 都完成了一次蜕变。清爽的UI、灵活的排版，极简的调用方式，这一切的优质元素，都将毫无违和感地镶嵌在你的页面之中。laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染，laypage 只负责分页本身的逻辑，具体的数据请求与渲染需要另外去完成。laypage 不仅能应用在一般的异步分页上，还可直接对一段已知数据进行分页展现，更可以取代传统的超链接分页。

效果

代码编写

项目背景：springboot + springdata-jpa + thymeleaf + mysql

代码贴出来：同样的，大部分逻辑都写在了注释里面

maven引包

org.springframework.boot

spring-boot-starter-web

org.springframework.boot

spring-boot-starter-test

test

org.springframework.boot

spring-boot-starter-thymeleaf

org.springframework.boot

spring-boot-starter-data-jpa

org.projectlombok

lombok

mysql

mysql-connector-java

runtime

实体类

@Entity

@Table(name= "t_user")

@Datapublic classUser {

@Id

@GeneratedValue(strategy=GenerationType.AUTO)privateInteger id;privateString username;privateString password;

}

响应头

/*** 响应头*/@Datapublic class Result{private String message; //通讯消息

private boolean flag; //通讯状态

private T data; //通讯数据

publicResult() {

}public Result(booleanflag,String message, T data) {this.message =message;this.flag =flag;this.data =data;

}public static Result build(booleanflag, String message, T data){return newResult(flag,message,data);

}

}

分页头

/*** 分页头*/@Datapublic class PageHeader{private Integer page;//当前页

private Integer rows;//每页多少条

private Integer count;//总数

private List results;//数据集合

}

Controller层

@RestController

@RequestMapping("/user")public classUserController {

@AutowiredprivateUserService userService;/*** 跳转index页面*/@GetMapping("/index")publicModelAndView index() {return new ModelAndView("user_page.html");

}/*** 分页获取user*/@PostMapping("/page")public Result> page(PageHeaderpageHeader){returnuserService.getPageUser(pageHeader);

}/*** 获取所有user*/@PostMapping("/list")public Resultlist(){returnuserService.getAllUser();

}

}

Service层

@Servicepublic classUserService {

@AutowiredprivateUserRepository userRepository;/*** 获取所有user*/

publicResult getAllUser() {

List userList =userRepository.findAll();return Result.build(true,"获取成功！",userList);

}/*** 分页获取user*/

public Result> getPageUser(PageHeaderpageHeader) {

pageHeader.setPage(pageHeader.getPage()- 1);//masql下标从0开始

Page userPage = userRepository.findAll(newPageRequest(pageHeader.getPage(), pageHeader.getRows()));

pageHeader.setCount((int) userPage.getTotalElements());//总数

pageHeader.setResults(userPage.getContent());//数据

return Result.build(true,"获取成功",pageHeader);

}

}

Repository层

public interface UserRepository extends JpaRepository , JpaSpecificationExecutor{

}

user_page.html

laypage 物理分页与逻辑分页实例

}.main{margin:auto;width:600px;margin-top:50px;

}

逻辑分页