ajax js分页算法分析

31 篇文章 0 订阅
17 篇文章 0 订阅

转载自:http://www.the6cn.com/web/javascript/919.shtml

显示效果:
[页面总数小于等于10,全部显示,当前页特殊显示]
上一页  1   2   3   4   5   6   7   8   9   10   下一页     
[页面总数大于10,部分显示,当前页特殊显示]
上一页  1   2   3   …   20   下一页       [当前页面为首页时,上一页不可用]
上一页  1   2   3   4    …   20   下一页
上一页  1   2   3   4   5    …   20   下一页
上一页  1   2   3   4   5   6   …   20   下一页
上一页  1   …    3     4    5    6    7     …  20  下一页  
上一页  1   …   14   15  16  17  18    ...  20  下一页
上一页  1   …   15   16  17  18  19  20  下一页
上一页  1   …   16   17  18  19  20  下一页
上一页  1   …   17   18  19  20  下一页
上一页  1   …   18   19  20  下一页[当前页面为末页时,下一页不可用]

算法提取:
0
.页码显示规则:
          当前页为首页时不显示上一页;      上一页  1   2   3   …   20   下一页 
          当前页为尾页时不显示下一页;      上一页  1   …   17   18  19  20  下一页
1.页面总数(n)<=10 {
          显示全部页码:上一页  1   2   3   4   5   6   7   8   9   10   下一页
    }
2.页面总数(n) > 10 {
2.1     当前页码 <=  4 {
                 左侧显示所有 +  当前页码  +  右侧2个页码 + ... + 尾页
                        上一页  1   2   3   …   20   下一页       
                        上一页  1   2   3   4    …   20   下一页
                        上一页  1   2   3   4   5    …   20   下一页 
                        上一页  1   2   3   4   5   6   …   20   下一页
          }
2.2      当前页码 > 4 且<= 页面总数(n) - 3 {
                  首页  + ... + 左侧2个页码  + 当前页码  + 右侧2个页码  + ...  +  尾页
                        上一页  1   …    3     4    5
    6    7     …  20  下一页
                        上一页  1   …   14   15  16  17  18    ...  20  下一页
          }
2.3      当前页码 > 页面总数(n) - 3 {
                  首页 + ... +  左侧2个页面 +  当前页码  +  右侧显示所有
                        上一页  1   …   15   16  17  18  19  20  下一页
                        上一页  1   …   16   17  18  19  20  下一页
                        上一页  1   …   17   18  19  20  下一页
                        上一页  1   …   18   19  20  下一页
          }
    }          

 

[java]  view plain copy
  1. public class PageTest {  
  2.   
  3.     public static String pageControl(int page,int count){  
  4.         String strHtml = "";  
  5.           
  6.         if(page > 1){  
  7.             strHtml += "上一页";  
  8.         }  
  9.         if(count <= 10){  
  10.             for(int i = 1;i<=count;i++){  
  11.                 if(page == i){  
  12.                     strHtml+=" ["+i+"]";  
  13.                 }else{  
  14.                     strHtml+=" "+i;  
  15.                 }  
  16.             }  
  17.         }else{  
  18.             if(page<4){  
  19.                 for(int i = page-1;i>0;i--){  
  20.                     strHtml+=" "+i;  
  21.                 }  
  22.                 strHtml+=" ["+page+"]";  
  23.                 strHtml+=" "+(page+1);  
  24.                 strHtml+=" "+(page+2);  
  25.                 strHtml+=" ...";  
  26.                 strHtml+=" "+count;  
  27.                   
  28.             }  
  29.             if(page>4 && (page<=count-3)){  
  30.                 strHtml+=" "+1;  
  31.                 strHtml+=" ...";  
  32.                 strHtml+=" "+(page-2);  
  33.                 strHtml+=" "+(page-1);  
  34.                 strHtml+=" ["+page+"]";  
  35.                 strHtml+=" "+(page+1);  
  36.                 strHtml+=" "+(page+2);  
  37.                 strHtml+=" ...";  
  38.                 strHtml+=" "+count;  
  39.                   
  40.             }  
  41.             if(page>count-3){  
  42.                 strHtml+=" "+1;  
  43.                 strHtml+=" ...";  
  44.                 strHtml+=" "+(page-2);  
  45.                 strHtml+=" "+(page-1);  
  46.                 strHtml+=" ["+page+"]";  
  47.                 for(int i = page+1;i<count;i++){  
  48.                     strHtml+=" "+i;  
  49.                 }  
  50.             }  
  51.               
  52.         }  
  53.           
  54.           
  55.         if(page < count){  
  56.             strHtml += "下一页";  
  57.         }  
  58.               
  59.         return strHtml;  
  60.     }  
  61.       
  62.     public static void main(String[] args) {  
  63.         System.out.println(PageTest.pageControl(620));  
  64.     }  
  65. }  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值