thymeleaf 简单分页

thymeleaf 简单分页
今天项目中需要做简单分页，效果如下！记录一下

<ul class="am-pagination tpl-pagination" >
											<li>共有<font th:text="${pts.getTotalElements()}"></font>条&nbsp;共<font th:text="${totalPage}" id="totalPage"></font>页</li>&nbsp;
										    <li><a th:href="@{?p=0}">首页</a></li>
										    <li th:style="'display:' + @{(${page == 0} ? 'none' : '')} + ''"><a th:href="@{'?p=' + ${page-1}}" >上一页</a></li>
										    <li th:if="${page-2 >=1}" ><a th:href="@{'?p=' + ${page-3}}" th:text="${page -2}" >1</a></li>
										    <li th:if="${page-1 >=1}" ><a th:href="@{'?p=' + ${page-2}}" th:text="${page -1}" >1</a></li>
										    <li th:if="${page-0 >=1}" ><a th:href="@{'?p=' + ${page-1}}" th:text="${page}" >1</a></li>
										    <li class="am-active"><a href="#" th:text="${page+1}" >1</a></li>
										    <li th:if="${page+2 <=totalPage}" ><a th:href="@{'?p=' + ${page+1}}" th:text="${page +2}" >1</a></li>
										    <li th:if="${page+3 <=totalPage}" ><a th:href="@{'?p=' + ${page+2}}" th:text="${page +3}" >1</a></li>
										    <li th:if="${page+4 <=totalPage}" ><a th:href="@{'?p=' + ${page+3}}" th:text="${page +4}" >1</a></li>															
										    <li th:style="'display:' + @{(${page == totalPage-1} ? 'none' : '')} + ''"><a th:href="@{'?p=' + ${page+1}}" >下一页</a></li>
										    <li th:style="'display:' + @{(${totalPage == 1} ? 'none' : '')} + ''"><a th:href="@{'?p='+${totalPage-1}}">末页</a></li>
										    <li style="width: 80px"><input type="number" th:value="${page+1}"  id="number"/></li>
                                            <li><button type="button" id="changPage">go</button></li>
</ul>