ssm+maven+kkpager分页

导入依赖

<!-- MaBatis分页插件 -->
	<dependency>
		<groupId>com.github.pagehelper</groupId>
		<artifactId>pagehelper</artifactId>
		<version>4.2.1</version>
	</dependency>
<!-- jsqlparser依赖，配置<property name="dialect" value="mysql"/>需要用到 -->
	<dependency>
		<groupId>net.sf.jsqlparser</groupId>
		<artifactId>jsqlparser</artifactId>
		<version>0.9.1</version>
	</dependency>

配置Spring-MyBatis.xml

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">

<configuration>
<!-- 配置全局属性 -->
    <settings>
        <!-- 使用数据库自增主键 -->
        <setting name="useGeneratedKeys" value="true"/>
        <!-- 显示SQL语句 -->
        <setting name="logImpl" value="STDOUT_LOGGING"/>
        <!-- 开启二级缓存，默认为开启 -->
        <setting name="cacheEnabled" value="true"/>
    </settings>
    <plugins>
    
   <!--分页配置 很重要，如果不配置则不会分页 需要导入jsqlparser依赖-->
	<plugin interceptor="com.github.pagehelper.PageHelper">
	    <!-- 配置数据库方言，选定项目所用的数据库 -->
	    <property name="dialect" value="mysql"/>
   	</plugin>
	</plugins>
</configuration>

Controller层

/**
 * 获取班级学生的信息
 * 
 * @param 
 * @return
 */
@RequestMapping(value = "/gradeStudentsInfo", produces = "application/json;charset=utf-8")
public ModelAndView getGradeStudents(@RequestParam(value = "pageNumber", defaultValue = "1") Integer pageNumber,
		@RequestParam(value = "pageSize", defaultValue = "3") Integer pageSize) {
	ModelAndView mv = new ModelAndView();
	PagedResult<StudentDTO> pagedResult = adminStudentService.getPageStudents(pageNumber, pageSize);
	mv.addObject("pagedResult", pagedResult);
	mv.setViewName("/admin/student/studentInfo/queryStudents");
	return mv;
    }

Service接口

PagedResult<StudentDTO> getPageStudents(Integer pageNumber, Integer pageSize);

Service实现

/**
 * 获取班级中学生的信息
 */
@Override
public PagedResult<StudentDTO> getPageStudents(Integer pageNumber, Integer pageSize) {
    //调用分页
	PageHelper.startPage(pageNumber, pageSize);
	List<StudentDTO> studentList = adminStudentDao.getPageStudents();
	return PageBeanUtil.toPagedResult(studentList);		
}

Dao层接口

/**
 * 获取班级
 * @return
 */
 List<StudentDTO> getPageStudents();

Mapper.xml

<select id="getPageStudents" resultType="StudentDTO">
	SELECT 
		*
	FROM
		t_student 
</select>

分页工具类

百度网盘： https://pan.baidu.com/s/1MmwyBwXSMD3sSKHigBuOLg

前端部分

<div class="admin-main ml-3 mr-3">
	<table class="table table-hover">
		<thead>
			<tr>
				<th scope="col">序号</th>
				<th scope="col">姓名</th>
				<th scope="col">性别</th>
				<th scope="col">年龄</th>
				<th scope="col">学号</th>
				<th scope="col">电话</th>
				<th scope="col">邮箱</th>
				<th scope="col">创建时间</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${pagedResult.dataList }" var="students"
				varStatus="status">
				<tr>
					<td>${status.count}</td>
					<td>${students.sname }</td>
					<td>${students.sex }</td>
					<td>${students.age }</td>
					<td>${students.snumber}</td>
					<td>${students.phone}</td>
					<td>${students.email }</td>
					<td><fmt:formatDate value="${students.createDate }"
							pattern="yyyy-MM-dd" /></td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
</div>
<div id="kkpager" class="page"></div>

<script type="text/javascript" src="${ctx }/js/page/page.js"></script>
<script type="text/javascript">
var totalPage = "${pagedResult.pages}";
var totalRecords = "${pagedResult.total}";
$(function(){
 	arrayPage(totalPage,totalRecords,"/admin/gradeStudentsInfo");
})
</script>

page.js

function arrayPage(pages,total,url) {
	function getParameter(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null)
			return unescape(r[2]);
		return null;
	}
	$(function() {
		var totalPage = pages;
		var totalRecords = total;
		var pageNo = getParameter('pageNumber');
		if (!pageNo) {
			pageNo = 1;
		}
		//生成分页
		//有些参数是可选的，比如lang，若不传有默认值
		kkpager.generPageHtml({
			pno : pageNo,
			//总页码
			total : totalPage,
			//总数据条数
			totalRecords : totalRecords,
			mode : 'click',//默认值是link，可选link或者click
			click : function(n) {
				// 注：该方法适用于局部刷新，其他需求请参考官方文档
				//手动选中按钮
				this.selectPage(n);
				//自己封装ajax局部刷新函数
				loadMainContent(url, {
					pageNumber : n,
					pageSize : 3
				});
				return false;
			}
		});
	});
};Ajax局部刷新函数    function loadMainContent(url, params) {
		$targes.find(".a-message").load("${ctx}" + url, params);
	};

需要引入：

<link rel="stylesheet" href="${ctx}/plugins/kkpager/kkpager_orange.css">

<script src="${ctx}/plugins/kkpager/kkpager.js"></script>

下载地址：

http://www.jq22.com/jquery-info2705