tyhmeleaf结合bootstrap前端分页

好的，我可以为您提供一个使用Thymeleaf结合Bootstrap实现前端分页的示例代码。

首先，在HTML页面中引入Bootstrap和jQuery库：

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>

接下来，使用Thymeleaf渲染分页组件：

<nav>
  <ul class="pagination justify-content-center">
    <li class="page-item" th:class="${pageInfo.hasPreviousPage} ? '':'disabled'">
      <a class="page-link" href="#" th:href="@{${pageUrl}(pageNum=${pageInfo.pageNum - 1})}">&laquo;</a>
    </li>
    <li th:each="page:${pageInfo.navigatepageNums}" th:class="${page} == ${pageInfo.pageNum} ? 'active' : ''" class="page-item">
      <a class="page-link" th:href="@{${pageUrl}(pageNum=${page})}" th:text="${page}"></a>
    </li>
    <li class="page-item" th:class="${pageInfo.hasNextPage} ? '':'disabled'">
      <a class="page-link" href="#" th:href="@{${pageUrl}(pageNum=${pageInfo.pageNum + 1})}">&raquo;</a>
    </li>
  </ul>
</nav>

其中，`pageInfo`是分页信息对象，包含了当前页码、总页数等信息；`pageUrl`是分页URL，需要在Controller中设置；`navigatepageNums`是分页导航页码数组，需要在后端使用PageHelper进行分页查询后设置。

这样，就可以使用Thymeleaf结合Bootstrap实现前端分页了。