【基于SSM框架实现,需要配置好SSM相关配置,参考本人:https://blog.csdn.net/WhenTheWindBlows/article/details/87908557】
分页插件(需要引入相应资源文件):http://www.jq22.com/jquery-info20090
初始化数据->分页->查询数据->渲染->回调(查询->渲染)
html代码:(前端思路)
【第一步】ajax初次请求后台数据,成功返回JSON数据后,启用分页
【第二步】分页的回调函数返回page页数,将页数-1(页数从1开始,数据库limit从0开始往后查询,所有传递后台的当前页数要-1),赋值给当前页数(currentPage),回调函数调用数据查询方法
【第三步】数据查询方法ajax请求,获得数据,并渲染至页面某一div
重复执行回调第二、三步,实现分页效果
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
#contentList, #box {
text-align: center;
}
#messa