java编写前端内容分页显示操作Thymeleaf

首先第一步 导入分页插件在pom.xml文件中引入依赖

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

后端代码如下,

/**
* 跳转首页   pageNo默认设置为1第一页
* @return
*/
@RequestMapping("/index")
public String goindex(@RequestParam(required=false,defaultValue="1")Integer pageNo,Model model) {
PageHelper.startPage(pageNo, 5);   //设置为一页显示5条数据
List<Recommend> listre = recommendService.getAllRecommend();
PageInfo pageInfo = new PageInfo(listre);
model.addAttribute("allRecommend",listre);  //这是查询出来的数据，这是需要数据时使用
model.addAttribute("fenye",pageInfo);            //查询出来的数据放入分页
return "index";
}

前端代码如下

<div class="left" id="