bootStrap后端分页查询（bootstrapTable）示例一

最新推荐文章于 2025-07-15 16:25:22 发布

原创

最新推荐文章于 2025-07-15 16:25:22 发布 · 7.5k 阅读

20 ·

CC 4.0 BY-SA版权

本文介绍了在SSM项目中使用BootStrap进行后端分页查询的方法，展示了分页效果，并详细讲解了如何通过pageSize和pageNumber进行分页参数组装。同时提到了页面引用、Table初始化以及queryParamsByBegin和operateFormatter函数的使用。此外，还提及了通过offset, limit, sort参数进行分页的另一种方式。" 111373837,10324915,气体灭火系统结构解析与管径流量对比,"['消防工程', '气体灭火', '管道设计', '安全系统', '压力控制']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍:项目整体使用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-defaul

最低0.47元/天解锁文章

200万优质内容无限畅学