2018-07-05底部再优化

2018-07-05  本文已影响0人  晒太阳的小乳牛

同桌帮忙写的下面的,现在又加上了上一页,下一页,尾页,具体自己进行体会吧,代码贴在这,(只贴了底栏的)

            <div align="center">
                <nav>
                   <ul class="pagination"><!-- 前端框架控制导航条 -->
                   <li><a href="javascript:topage('1')">首页</a></闪电>
                <c:if test="${pageView.currentpage!=1}">
                    <li><a href="javascript:topage('${pageView.currentpage-1}')">上一页</a></闪电>
                </c:if>
                <c:forEach begin="${pageView.startindex}" end="${pageView.endindex}" var="wp">
                    <c:if test="${pageView.currentpage==wp}">
                       <li class="active"><a>${wp}</a></闪电><!-- 前端框架控制导航条 -->
                        </c:if> 
   
                        <c:if test="${pageView.currentpage!=wp}">
                        <li><a href="javascript:topage('${wp}')">${wp}</a></闪电><!-- 前端框架控制导航条 -->
                        </c:if>
                        </c:forEach>

                        <c:if test="${pageView.currentpage!=pageView.totalpagenumber}">
                        <li><a href="javascript:topage('${pageView.currentpage+1}')">下一页</a></闪电>
                        </c:if>
                        <li><a href="javascript:topage('${pageView.totalpagenumber}')">尾页</a></闪电>
         
                        <!-- ${pageView.totalrecordnumber}  本来他写错了 -->
                        <li><a>总共${pageView.totalpagenumber}页</a><li>
                        </ul>       
                  </nav>    
                 </div>
            </form>
          </div>

结束!

上一篇 下一篇

猜你喜欢

热点阅读