SpringBoot+Pagehelper 实现分页

1.Pom引入

<!-- 分页插件 -->
<dependency>
    <groupId>com.github.pagehelper</groupId>
    <artifactId>pagehelper-spring-boot-starter</artifactId>
    <version>1.2.5</version>
</dependency>

2. 打开application.properties,添加如下几行配置信息


#分页插件
pagehelper.helper-dialect=mysql
pagehelper.params=count=countSql
pagehelper.reasonable=true
pagehelper.support-methods-arguments=true

 3. Controller 写法,  直接将数据返回页面,而不是返回JOSN,返回JSON的写法再 第7步 :扩展2 中

     重点说明: mapper文件中, SQL不用增加 limit分页指令,需要什么直接查就可以,Pagehelper 可以自动实现分页!

@Controller
public class PersonController {
    @Autowired
    private PersonService personService;
 
    @GetMapping("/getAllPerson")
    public String getAllPerson(Model model,@RequestParam(defaultValue = "1",value = "pageNum") Integer pageNum){
        PageHelper.startPage(pageNum,5);
        List<Person> list = personService.getAllPerson();
        PageInfo<Person> pageInfo = new PageInfo<Person>(list);
        model.addAttribute("pageInfo",pageInfo);
        return "list";
    }
}

4. 前端写法

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div align="center">
    <table border="1">
        <tr>
            <th>id</th>
            <th>name</th>
            <th>sex</th>
            <th>age</th>
        </tr>
        <tr th:each="person:${pageInfo.list}">
            <td th:text="${person.id}"></td>
            <td th:text="${person.name}"></td>
            <td th:text="${person.sex}"></td>
            <td th:text="${person.age}"></td>
        </tr>
    </table>
    <p>当前 <span th:text="${pageInfo.pageNum}"></span> 页,总 <span th:text="${pageInfo.pages}"></span> 页,共 <span th:text="${pageInfo.total}"></span> 条记录</p>
    <a th:href="@{/getAllPerson}">首页</a>
    <a th:href="@{/getAllPerson(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">上一页</a>
    <a th:href="@{/getAllPerson(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">下一页</a>
    <a th:href="@{/getAllPerson(pageNum=${pageInfo.pages})}">尾页</a>
</div>
</body>
</html>

5. 测试 

测试之前,我们先给上次创建的Person表增加几条数据

看效果

6. 扩展

其中:PageHelper.startPage(int PageNum,int PageSize):用来设置页面的位置和展示的数据条目数,我们设置每页展示5条数据。PageInfo用来封装页面信息,返回给前台界面。PageInfo中的一些我们需要用到的参数如下表:

PageInfo.list结果集
PageInfo.pageNum当前页码
PageInfo.pageSize当前页面显示的数据条目
PageInfo.pages总页数
PageInfo.total数据的总条目数
PageInfo.prePage上一页
PageInfo.nextPage下一页
PageInfo.isFirstPage是否为第一页
PageInfo.isLastPage是否为最后一页
PageInfo.hasPreviousPage是否有上一页
PageHelper.hasNextPage是否有下一页

 

7. 下面是SpringBoot 修改前端不需要重启项目的方法

在springboot的项目中,如果我们修改了前台界面,会发现刷新界面后没有效果,因此需要重启项目,这样很麻烦,简单两步教你搞定它:

(1)在配置文件中给thymeleaf添加如下配置:

spring.thymeleaf.cache=false

(2)在Intellij Idea按Ctrl+Shift+F9

之后在浏览器中刷新界面,即可显示出对页面的更改信息。

7. 扩展2 

如果接口请求需要返回的是JSON,而不是直接返回页面,写法如下

@RequestMapping("/getGatewayList")
@ResponseBody
public List<PageInfo>  getGatewayList(Model model,GatewayInfo gatewayInfo, @RequestParam(defaultValue = "1", value = "pageNum") Integer pageNum,
			@RequestParam(defaultValue = "5") int pageSize) {
		
		try {
		
			PageHelper.startPage(pageNum, pageSize);
	        PageInfo pageInfo=new PageInfo(gmpGatewayService.selectGatewayAll());
			
			logger.info("列表信息 |数据| "+JSON.toJSONString(pageInfo.getList()));
			logger.info("分页数量: "+pageInfo.getNextPage());
			logger.info("分页总数: "+pageInfo.getPageNum());
			logger.info("分页总数: "+pageInfo.getPageSize());
			
			//直接返回json字符串
			return pageInfo.getList();
		} catch (Exception e) {
			logger.error("信息 | 查询  | error ");
			return null;
		}

8. 书山有路勤为径,学海无涯苦作舟,祝贺自己涨工资,2020-11-04

相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页