Java結合html，css實作内容的酷炫分頁（2）

前言：上一節介紹了酷炫分頁的初步實作，詳情大家可以參閱上篇文章---Java結合html，css實作内容的酷炫分頁（1）

主題：今天繼續為大家講解如何實作分頁多時隻顯示指定頁數的分頁，具體效果可參見我的網站LongBro部落格。下面把實作效果的截圖放上。

我這裡設計的是隻展示‘上’和‘下’和六個頁碼。算法是，使用if判斷語句當頁碼總數小于等于6時，直接輸出所有頁碼；當頁碼總數大于6時，再次進行if判斷，當目前頁碼大于總頁碼-6時，輸出後六個頁碼，否則，輸出目前頁碼後的六個頁碼

if(pages<=6){//頁數小于等于6，直接輸出6個頁數
        for(int j=1;j<=pages;j++){
         String pageIndex="<a href=\"/LongBlog/index.jsp?pageId="+j+"\">"+j+"</a>";
         if(j==pageI){
              out.write("<current>"+pageIndex+"</current>");     
         }else{
              out.write(pageIndex); 
         }
       } 
     }else{//頁數大于6，算法設計隻顯示6個頁數
        if(pageI>pages-6){//目前頁碼大于總頁碼-6，輸出後六頁
           for(int j=pages-5;j<=pages;j++){
              String pageIndex="<a href=\"/LongBlog/index.jsp?pageId="+j+"\">"+j+"</a>";
              if(j==pageI){
                out.write("<current>"+pageIndex+"</current>");     
              }else{
                  out.write(pageIndex); 
              }
           }
        }else{//目前頁碼小于總頁碼-6，輸出目前頁碼後的六頁
            for(int j=pageI;j<pageI+6;j++){
               String pageIndex="<a href=\"/LongBlog/index.jsp?pageId="+j+"\">"+j+"</a>";
               if(j==pageI){
                   out.write("<current>"+pageIndex+"</current>");     
               }else{
                   out.write(pageIndex); 
                }
           }
        }
     }
           

我是Long Bro，歡迎大家通路我的部落格網站 Long Bro部落格，歡迎評論。