Mybatis分页Pagehelper以及前端插件结合使用完整版

前端效果图：

后台部分

maven依赖：
基于mybatis

			org.mybatis.spring.boot
			mybatis-spring-boot-starter
			1.3.2
		
        
		 	com.github.pagehelper
		 	pagehelper-spring-boot-autoconfigure
		 	1.2.3
		
		
		 	com.github.pagehelper
		 	pagehelper-spring-boot-starter
		 	1.2.3
		

service代码：
Role为角色实体类

 PageInfo selectRoleList(Integer pageNum, Integer pageSize,Role role);
``

serviceimpl实现类：

注意：下面的方法不写在controller里面

	@Override
	public PageInfo selectRoleList(Integer pageNum, Integer pageSize, Role role) {
		PageHelper.startPage(pageNum, pageSize);
		List list = roleMapper.selectRoleListByName(role);
		PageInfo pageInfo = new PageInfo<>(list);
		return pageInfo;
	}

controller:

@GetMapping("index")
	public String adminIndex(Role record,Model model,
			@RequestParam(required=true,value="pageNum",defaultValue="1") Integer pageNum,
			@RequestParam(required=true,value="pageSize",defaultValue="15") Integer pageSize
			){
		 
		      PageInfo pageInfo = roleService.selectRoleList(pageNum, pageSize, record);
		      model.addAttribute("rolename", record.getRolename());
			  model.addAttribute("pageInfo", pageInfo);	
		      return "admin/role/setup";
	}
	

前端部分：

在后端 参数部分defaultValue="15"默认每页显示15条，若没有15条数据不显示分页；根据情况自己修改测试。

需要的js,css:

jquery.pagination.css
jquery.pagination.min.js

插件下载：
https://download.csdn.net/download/qq_22860341/10694937
或者去网上自行寻找资源下载

示例：

html代码：

				

					

					
序号
					
角色
					
创建时间
				
				

					

					
1
					
超级管理员
					
2018.05.07 15:30
				
			
			
		

	       

	     

最后这个分页代码一定加：

js代码：