<
think>好的，我现在需要分析用户提供的
Thymeleaf分页代码中“上一页”
和“下一页”可能存在的问题。首先，我应该先仔细阅读代码，理解各部分的功能。
用户提到的问题是上一页
和下一页有问题，但具体现象没有说明。我需要先假设可能的错误场景，比如
链接不正确、禁用状态未生效、页面跳转错误等。
首先看上一页的部分。代码中使用了
th:classappend来判断当前页是否为1，如果是则添加disabled类。这里条件表达式写法是否正确？
Thymeleaf的条件表达式通常使用
th:classappend="${condition}
? 'class-name'"。当前的表达式是${page.current == 1}
? 'disabled'，看起来是正确的，当current等于1时，添加disabled类，应该没问题。但要注意的是，当禁用时，a标签的
href是否应该被移除或者设置为不可点击，否则用户仍然可以点击。可能的问题在于即使添加了disabled类，
链接仍然有效，导致用户点击第一页时还能减到0或负数。
接下来，上一页的
链接中，pageNum设置为${page.current - 1}。当current为1时，这里会变成0，可能导致分页查询错误。虽然后端可能处理了pageNum小于1的情况，但更好的做法是在生成
链接时避免这种情况。所以这里可能需要一个条件判断，当current为1时，上一页的
链接应该不生成或者pageNum保持为1。但目前的代码中并没有这样的处理，直接减1，可能导致pageNum为0。这可能是问题所在。
同样的问题可能存在于下一页。当current等于总页数pages时，下一页的pageNum会是current +1，可能超过总页数。比如总页数是5，当前页是5，点击下一页会变成6，但后端可能返回错误或者无数据，所以需要处理这种情况。虽然分页控件通常会禁用下一页按钮，但如果用户手动输入pageNum超出范围，后端应有处理，但前端控件自身也应该正确禁用
链接。
然后看页码循环部分，使用#numbers.sequence(1, page.pages)生成页码列表。这里是否正确？假设page.pages是总页数，没问题。每个页码的
链接正确指向对应的页数。
接下来，检查
Thymeleaf表达式中的
链接生成。
链接使用@{${#request.getRequestURI()}...}，这会保留当前URI并附加
参数。这里可能存在
参数重复添加的问题，比如如果当前
请求已经有其他
参数，这里会不会覆盖还是追加？比如原始
请求可能有其他查询
参数，但这里的
链接只包含pageNum
和pageSize，可能导致其他
参数丢失。用户可能没有保留原有
参数，导致分页时丢失筛选条件等。这是常见的问题，分页控件需要保留所有现有
请求参数，除了pageNum
和pageSize。所以此处应该将当前
请求的所有
参数保留，而不仅仅是URI。比如使用@{${#request.getRequestURI()}(pageNum=${num}, pageSize=${page.size}, ${#request.getQueryString()})}，但需要处理queryString中的已有
参数，或者使用更安全的方式，比如使用
Thymeleaf的URITemplate添加
参数。不过用户当前的代码中未处理其他
参数，这可能导致分页时
参数丢失，从而引发问题。这可能不是用户提到的上一页下一页的问题，但属于潜在的问题点。
回到上一页
和下一页的问题，当current为1时，上一页的
链接是pageNum=0，这可能在后端处理时被纠正为1，但前端显示上，虽然按钮被禁用，但
链接仍然存在。例如，即使有disabled类，如果用户强行点击，可能仍然发送pageNum=0的
请求。正确的做法可能是在current为1时，移除
href属性，或者将
链接设置为当前页，避免跳转。类似地，当current为最后一页时，下一页的
链接应该被禁用，并且
href可能被移除。
因此，可能的修复方法是在上一页
和下一页的a标签中添加
th:if条件，当处于第一页或最后一页时，移除
href，或者用span代替a标签。或者，在生成
链接时，确保pageNum不会超出范围。
例如，修改上一页的
链接部分，当current ==1时，不生成
href，或者设置pageNum为1。同样，下一页在current == pages时，设置pageNum为pages。
但根据当前代码，当current为1时，上一页的
链接会是pageNum=0，这可能不正确。所以需要调整生成pageNum的逻辑，比如使用三元运算符判断，如pageNum=${page.current >1
? page.current -1
: 1}，但这样可能导致即使当前页是1，仍生成pageNum=1，即刷新当前页，但此时按钮已经被禁用，所以可能不会有问题。
或者，在后端处理时自动校正pageNum的范围，但前端最好也做好控制。
总结可能的问题：
1. 上一页
和下一页的pageNum在边界情况下（第一页
和最后一页）生成的值超出有效范围，导致后端错误或无效
请求。
2. 分页
链接未保留现有
请求参数，导致其他
参数丢失。
3. 当处于第一页或最后一页时，虽然按钮被禁用，但
链接仍然有效，用户仍可点击导致错误。
解决方案建议：
对于问题1，调整pageNum的计算，确保不会小于1或超过总页数。例如：
上一页的pageNum：
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current > 1
? page.current -1
: 1},
pageSize=${page.size}
)}"
下一页的pageNum：
pageNum=${page.current < page.pages
? page.current +1
: page.pages}
但这样处理可能不太必要，因为后端应该处理无效的pageNum，但前端最好避免生成无效值。
或者，当current已经是1时，上一页的
链接直接不生成，或者替换为javascript
:void(0)，或者移除
href属性，防止点击。
另一种方式是使用条件判断，在current ==1时，生成一个span标签而不是a标签，这样用户无法点击。同样适用于下一页。
例如，修改上一页的代码：
<li class="page-item"
th:classappend="${page.current == 1}
? 'disabled'">
<
th:block
th:if="${page.current == 1}">
<span class="page-link" aria-hidden="true">«</span>
</
th:block>
<
th:block
th:unless="${page.current == 1}">
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current -1},
pageSize=${page.size}
)}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</
th:block>
</li>
类似地处理下一页。这样在禁用状态下，显示的是span而不是
链接，用户无法点击。这可能是更合适的做法，因为单纯的添加disabled类可能不会阻止
链接的点击，需要配合移除
href或者替换标签。
同样，对于页码的
参数保留问题，应该将现有的
请求参数（除了pageNum
和pageSize）保留在分页
链接中。可以通过
Thymeleaf的将当前
请求参数添加到
链接中。例如：
th:href="@{${#request.getRequestURI()}(pageNum=${num}, pageSize=${page.size}, ${#request.getParameterMap()})}"
但这种方法可能不太正确，因为getParameterMap()返回的是Map<String,String[]>，直接
拼接可能会有问题。正确的做法是使用
Thymeleaf的URL
参数构建方式，显式地包含所有现有
参数，除了pageNum
和pageSize。例如：
th:href="@{${#request.getRequestURI()}(pageNum=${num}, pageSize=${page.size}, ${#uris.escapeQueryParams(#request.getParameterMap())})}"
或者，使用更复杂的处理，遍历所有
参数并附加到
链接中，排除pageNum
和pageSize。
但用户当前的代码中没有处理其他
参数，这可能导致分页时丢失
参数，因此需要修改
链接生成逻辑，包含其他
参数。
综上，用户的问题可能出在：
1. 上一页
和下一页在边界情况下生成无效的pageNum。
2. 分页
链接未保留其他
请求参数，导致
参数丢失。
3. 禁用状态仅添加了类，但未移除
链接功能，导致仍然可以点击。
解决方案步骤：
1. 修复上一页
和下一页的pageNum生成，避免超出范围。
2. 在分页
链接中保留所有现有
请求参数，除了pageNum
和pageSize。
3. 在禁用状态下，使用span代替a标签，或移除
href属性，防止点击。
例如，修改上一页的a标签：
<a class="page-link"
th:href="${page.current > 1}
? @{${#request.getRequestURI()}(pageNum=${page.current -1}, pageSize=${page.size})}
: 'javascript
:void(0);'">
但更好的做法是用条件判断来生成不同的标签。
或者，使用
th:if来切换a
和span：
<li class="page-item"
th:classappend="${page.current == 1}
? 'disabled'">
<
th:if test="${page.current != 1}">
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current -1},
pageSize=${page.size}
)}" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</
th:if>
<
th:if test="${page.current == 1}">
<span class="page-link" aria-hidden="true">«</span>
</
th:if>
</li>
类似处理下一页。
关于
参数保留的问题，需要使用
Thymeleaf的机制将现有
参数传递下去。可以使用
th:wi
th来获取当前
参数，并排除pageNum
和pageSize：
例如：
<
th:block
th:wi
th="params=${#request.getParameterMap()}">
<!-- 在生成
链接时遍历params -->
</
th:block>
但这可能比较复杂，更简单的方式是使用
Thymeleaf的Link Expressions，允许在URL中包含所有当前
参数：
th:href="@{${#request.getRequestURI()}(pageNum=${num},pageSize=${page.size},${#request.getQueryString()})}"
但这可能不正确，因为getQueryString()返回的是整个查询字符串，可能包含原有的pageNum
和pageSize，导致重复。所以需要处理
参数，排除pageNum
和pageSize，然后将其他
参数附加进去。
可以使用工具方法或者自定义处理，但较为复杂。另一种方法是使用
Thymeleaf的uris模板，例如：
th:href="@{${#httpServletRequest.requestURI}
?pageNum=${num}&pageSize=${page.size}&${#httpServletRequest.queryString}}"
但同样存在
参数重复的问题，比如原来的pageNum会被新的覆盖，而其他
参数会被保留。例如，原查询字符串为filter=abc&pageNum=2，则新的
链接会是pageNum=num&pageSize=size&filter=abc&pageNum=2，这会导致pageNum被后面的
参数覆盖，可能不符合预期。因此，正确的做法是构建一个
参数集合，排除原有的pageNum
和pageSize，然后附加新的pageNum
和pageSize。
这可能需要自定义工具函数或者使用
Thymeleaf的表达式来处理。
例如：
th:href="@{${#request.getRequestURI()}(
pageNum=${num},
pageSize=${page.size},
#lists.filter(#request.getParameterMap().entrySet(),
entry -> entry.key != 'pageNum' && entry.key != 'pageSize')
)}"
但这样的语法在
Thymeleaf中可能无法直接使用，需要借助工具类或者预处理。
因此，较为实际的解决方式是使用一个自定义的工具方法，或者通过
th:wi
th来收集其他
参数。
综上，用户的问题可能由多个因素导致，需要逐一排查并修复。</
think>您提供的
Thymeleaf分页代码中，"上一页"
和"下一页"可能存在以下问题及解决方案：
---
### **问题一：边界值处理**
**现象**
当处于第一页时，上一页的`pageNum`会变成$0$；在最后一页时，下一页的`pageNum`会变成$总页数 + 1$，可能导致后端接收非法值。
**解决方案**
使用三元表达式控制数值范围：
```html
<!-- 上一页 -->
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current > 1
? page.current -1
: 1},
pageSize=${page.size}
)}">
<!-- 下一页 -->
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current < page.pages
? page.current +1
: page.pages},
pageSize=${page.size}
)}">
```
---
### **问题二：禁用状态未生效**
**现象**
虽然添加了`disabled`样式类，但用户仍可点击禁用状态的
链接。
**解决方案**
在禁用状态下用`<span>`替代`<a>`标签：
```html
<!-- 上一页 -->
<li class="page-item"
th:classappend="${page.current == 1}
? 'disabled'">
<
th:block
th:if="${page.current != 1}">
<a class="page-link"
th:href="...">«</a>
</
th:block>
<
th:block
th:if="${page.current == 1}">
<span class="page-link">«</span>
</
th:block>
</li>
<!-- 下一页同理 -->
```
---
### **问题三：
请求参数丢失**
**现象**
分页
链接未携带原始
请求参数（如搜索条件），导致翻页后数据过滤失效。
**解决方案**
使用`
th:wi
th`保留所有原始
参数：
```html
<
th:block
th:wi
th="queryString=${#httpServletRequest.queryString != null
? #httpServletRequest.queryString.replaceAll('pageNum=\\d+&
?|pageSize=\\d+&
?', '')
: ''}">
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${num},
pageSize=${page.size},
__${queryString}__
)}">
</a>
</
th:block>
```
---
### **优化后完整代码**
```html
<nav
th:if="${page.pages > 0}" aria-label="Page navigation">
<ul class="pagination">
<!-- 上一页 -->
<li class="page-item"
th:classappend="${page.current == 1}
? 'disabled'">
<
th:block
th:wi
th="queryString=${#httpServletRequest.queryString != null
? #httpServletRequest.queryString.replaceAll('pageNum=\\d+&
?|pageSize=\\d+&
?', '')
: ''}">
<
th:block
th:if="${page.current != 1}">
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current - 1},
pageSize=${page.size},
__${queryString}__
)}">«</a>
</
th:block>
<
th:block
th:if="${page.current == 1}">
<span class="page-link">«</span>
</
th:block>
</
th:block>
</li>
<!-- 页码 -->
<li
th:each="num
: ${#numbers.sequence(1, page.pages)}"
class="page-item"
th:classappend="${num == page.current}
? 'active'">
<
th:block
th:wi
th="queryString=${#httpServletRequest.queryString != null
? #httpServletRequest.queryString.replaceAll('pageNum=\\d+&
?|pageSize=\\d+&
?', '')
: ''}">
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${num},
pageSize=${page.size},
__${queryString}__
)}"
th:text="${num}"></a>
</
th:block>
</li>
<!-- 下一页 -->
<li class="page-item"
th:classappend="${page.current == page.pages}
? 'disabled'">
<
th:block
th:wi
th="queryString=${#httpServletRequest.queryString != null
? #httpServletRequest.queryString.replaceAll('pageNum=\\d+&
?|pageSize=\\d+&
?', '')
: ''}">
<
th:block
th:if="${page.current != page.pages}">
<a class="page-link"
th:href="@{${#request.getRequestURI()}(
pageNum=${page.current + 1},
pageSize=${page.size},
__${queryString}__
)}">»</a>
</
th:block>
<
th:block
th:if="${page.current == page.pages}">
<span class="page-link">»</span>
</
th:block>
</
th:block>
</li>
</ul>
</nav>
```
---
### **关键改进点**
1. **边界控制**：通过三元表达式确保`pageNum`始终在$[1, page.pages]$范围内
2. **禁用交互**：在禁用状态下用`<span>`替代可点击的`<a>`标签
3. **
参数保留**：使用正则表达式过滤原始
参数中的`pageNum`
和`pageSize`，保留其他
参数
本文介绍在HTML页面中如何使用动态方式拼接URL参数，并分享了使用TH模板引擎展示HTML内容的技巧，包括如何正确显示特殊HTML标签。
扫一扫
21万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
