class属性被重复定义

<li class="page-item"
                    <c:if test="${!page.hasPrevious}">class="disabled"</c:if> >
                    <a href="?page.startIndex=${page.startIndex-page.pageSize}" class="page-link">
                        <span> 上一页 </span>
                    </a>
                </li>

在判断是否有上一页时，同样存在class属性被重复定义的问题。

将class属性合并为一次定义，使用三元运算符来判断是否有上一页，如下所示：

<li class="page-item${!page.hasPrevious ? 'disabled' : ''}">
    <a href="?page.startIndex=${page.startIndex-page.pageSize}" class="page-link">
        <span> 上一页 </span>
    </a>
</li>

这样，当page.hasPrevious为true时，class属性不会包含disabled，可以点击跳转到上一页；当page.hasPrevious为false时，class属性会包含disabled，无法点击跳转。