分页修改和评论获取

src/main/resources/templates/comm/header.ftl

@@ -31,9 +31,9 @@
                     <form class="ui large form" action="/logout"  id="logoutForm" method="post"  style="display: none;">
                         <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                     </form>
-                    ${username} <a href="javascript:document.getElementById('logoutForm').submit();">注销</a>
+                    ${username} &nbsp;&nbsp;<a href="javascript:document.getElementById('logoutForm').submit();">注销</a>
                 <#else>
-                    <a href="/login" id="loginmodel">登录 & 注册</a>
+                    <a href="/login" id="loginmodel">登录&nbsp;&nbsp;&&nbsp;&nbsp;注册</a>
                 </#if>
             </div>
         </div>

src/main/resources/templates/comm/page.ftl

@@ -0,0 +1,76 @@
+<#--
+    参数解释：
+    page：当前页码，从1开始
+    pagesize:分页大小
+    totalpages：总页数。也可以放到模板里计算。这里在MyPager类里已计算过了。
+    totalrecords：总记录数
+    url：链接地址，自动拼接page参数。为了简单，没有判断当前页面是否有get参数了，直接做了&连接，默认认为原来就有参数。当前你也可以用servlet自己获取当前url及参数，就不用传了。
+
+    以上这些参数除url外均可以从MyPager实例中获取。其实可以直接把mypager实例传进来，为了便于以后扩展，分字段传过来。
+-->
+<#macro fpage page pagesize totalpages totalrecords url>
+    <a class="icon item" id="upPage">
+        <i class="left chevron icon"></i>
+    </a>
+<#--    <li class="page-item"><span class="page-link">共条${totalrecords}记录&nbsp;&nbsp;第${page}页/共${totalpages}页</span></li>-->
+    <a class="item" ><span >共条${totalrecords}记录&nbsp;&nbsp;第${page}页/共${totalpages}页</span></a>
+
+<#--startpage:起始页码就是page，endpage:结束页码，showfirstpage是否显示首页按钮，showlastpage：是否显示末页按钮，showpre是否显示前...，shownext是否显示后...-->
+    <#assign startpage = page,endpage=10,showfirstpage=false,showlastpage=false,showpre=false,shownext=false,prepage = 1,nextpage=11>
+<#--是否显示首页按钮及计算初始页码-->
+    <#if page gt 1>
+        <#assign showfirstpage = true>
+    <#--startpage向前挪4页，如果不足4页，则startpage=1-->
+        <#assign startpage=(page-4)>
+        <#if startpage lte 0>
+            <#assign startpage = 1>
+        </#if>
+    </#if>
+<#--是否显示前n页的...，以及...的链接-->
+    <#if page gt 5>
+        <#assign showpre = true,prepage=page-5>
+    </#if>
+<#--计算endpage-->
+    <#if page+pagesize-1 lt totalpages>
+        <#assign endpage = page+pagesize-1>
+    <#--显示后面的...按钮-->
+        <#assign shownext = true>
+    <#--后面...的页面码-->
+        <#assign nextpage=page+pagesize>
+    <#--显示末页-->
+        <#assign showlastpage = true>
+    <#else>
+        <#assign endpage = totalpages>
+    </#if>
+    <#if endpage lte 0>
+        <#assign endpage = 1>
+    </#if>
+
+<#--开始展示-->
+
+<#--首页-->
+    <#if showfirstpage>
+<#--        <li class="page-item"><span><a class="page-link" href="${url}&pageNum=1">首页</a></span></li>-->
+        <a class="item" href="${url}&pageNum=1">首页</a>
+    </#if>
+<#--前面的...-->
+    <#if showpre>
+<#--        <li class="page-item"><span><a class="page-link" href="${url}&page=${prepage}">...</a></span></li>-->
+        <a class="item" href="${url}&pageNum=${prepage}">...</a>
+    </#if>
+<#--显示的页码按钮-->
+    <#list startpage..endpage as p>
+<#--        <li  class="page-item <#if p == page>active</#if>"><span><a class="page-link" href="${url}&pageNum=${p}">${p}</a></span></li>-->
+        <a class="item" style="  <#if p == page>background-color: #7d827d;</#if>" href="${url}&pageNum=${p}">${p}</a>
+    </#list>
+<#--后面的...-->
+    <#if shownext>
+<#--        <li class="page-item"><span><a class="page-link" href="${url}&pageNum=${nextpage}">...</a></span></li>-->
+        <a class="item" href="${url}&pageNum=${nextpage}">...</a>
+    </#if>
+<#--显示尾页-->
+    <#if showlastpage>
+<#--        <li class="page-item"><span><a class="page-link" href="${url}&pageNum=${totalpages}">末页</a></span></li>-->
+        <a class="item" href="${url}&pageNum=${totalpages}">末页</a>
+    </#if>
+</#macro>

src/main/resources/templates/index.ftl

@@ -381,6 +381,13 @@
                 <a class="icon item" id="nextPage"> <i class="right chevron icon"></i>
                 </a>
             </div>
+            <!--pager-->
+            <div class="ui borderless menu">
+                <ul class="pagination">
+                    <#import "./comm/page.ftl" as page />
+                    <@page.fpage page=pageNum pagesize=pageSize totalpages=pageTotalPages totalrecords=pageTotal url="/?type="+${type}+"&tag="+${tag}+"" />
+                </ul>
+            </div>
 
         </div>