介绍:项目整体使用ssm实现,此次介绍一下bootStrap中后端分页的使用场景。如有不做之处欢迎指正!
1.分页效果展示
![]() |
2.使用
分页参数组装方式使用传递pageSize与pageNumber方式进行分页查询
2.1 页面引用
<!-- 1.引入 css样式-->
<link rel="stylesheet" href="<%=request.getContextPath()%>/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/bootstrap/css/bootstrap-table.min.css">
<!-- 2.引入js-->
<script src="<%=request.getContextPath()%>/js/jquery-2.1.1.min.js"></script>
<script src="<%=request.getContextPath()%>/js/jquery.imageloader.js"></script>
<script src="<%=request.getContextPath()%>/bootstrap/js/bootstrap.min.js"></script>
<script src="<%=request.getContextPath()%>/bootstrap/js/bootstrap-table.min.js"></script>
<!-- 表格中文化,引入顺序需要在其他js后面-->
<script src="<%=request.getContextPath()%>/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
2.2 jsp或者html中定义table
<div class="panel panel-default">
<h