表格分页神器bootstrap-table

分页

效果：

将数据库查询出来的数据，分页显示在网页前端。
今天在学习表格分页的时候，发现了一个神器，虽然自己也没学的多懂，但是它不需要你懂，直接粘上代码就ok了。
刚开始还没有发现这个好东西，网上大部分都是新建一个PageBean，在dao，service里面捣鼓来捣鼓去，我都晕了。终于发现了一个好东西。
废话不多说，我上我的代码了。
我有一个表格，存放我数据库中的数据：

<table class="table table-striped table-sm" id="tb">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>部门</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="emp:${emps}">
                        <td th:text="${emp.getId()}"></td>
                        <td th:text="${emp.getEname()}"></td>
                        <td th:text="${emp.getGender()}"></td>
                        <td th:text="${dept.get(emp.getDpid())}"></td>
                        <td>
                            <a class="btn btn-sm btn-primary" href="#">编辑</a>
                            <a class="btn btn-sm btn-danger" href="#">删除</a>
                        </td>
                    </tr>
                    </tbody>
                </table>

但是可能数据有点多，需要分页。

<script type="text/javascript" th:src="@{/asserts/js/jquery.js}"></script>
<link th:href="@{/asserts/css/bootstrap-table.css}" rel="stylesheet" type="text/css">
<script type="text/javascript" th:src="@{/asserts/js/bootstrap-table.min.js}"></script>
<script type="text/javascript" th:src="@{/asserts/js/bootstrap-table-zh-CN.min.js}"></script>

引入这些包，你可以去官网链接https://bootstrap-table.com/
重点：jquery另外下载，链接https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js
最最最重要的两个是bootstrap-table.min.js和bootstrap-table-zh-CN.min.js
一定是jquery在bootstrap-table.min.js和bootstrap-table-zh-CN.min.js两个前面，我就是放在了后面了，然后就不能分页了。
我也把资源放在百度网盘里面了：链接：https://pan.baidu.com/s/1fvyy43NMvjuJHHEIqbsNMw
提取码：oie5
这里只有bootstrap的文件夹，然后这几个插件在dist文件夹下。
在加入下列几行代码，初始化一些参数，其实参数很多，我也用不到，用了几个最简单的。这几行代码就可以快速的分页了，不用编写那么多类了！！！！

<script>
    $("#tb").bootstrapTable({
        pagination: true,   //是否显示分页条
        pageSize: 5,         //默认一页显示的行数
        paginationLoop: true,   //是否开启分页条无限循环，最后一页时点击下一页是否转到第一页
        pageList: [5,15,25]   //选择每页显示多少行
    });
</script>