ajax js分页算法分析

本文详细介绍了网页分页的实现方式及优化策略,包括不同页面数量情况下的页码显示规则,通过Java代码实现并展示如何根据当前页码动态生成分页链接,提升用户体验。

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

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

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

[java] view plain copy
  1. publicclassPageTest{
  2. publicstaticStringpageControl(intpage,intcount){
  3. StringstrHtml="";
  4. if(page>1){
  5. strHtml+="上一页";
  6. }
  7. if(count<=10){
  8. for(inti=1;i<=count;i++){
  9. if(page==i){
  10. strHtml+="["+i+"]";
  11. }else{
  12. strHtml+=""+i;
  13. }
  14. }
  15. }else{
  16. if(page<4){
  17. for(inti=page-1;i>0;i--){
  18. strHtml+=""+i;
  19. }
  20. strHtml+="["+page+"]";
  21. strHtml+=""+(page+1);
  22. strHtml+=""+(page+2);
  23. strHtml+="...";
  24. strHtml+=""+count;
  25. }
  26. if(page>4&&(page<=count-3)){
  27. strHtml+=""+1;
  28. strHtml+="...";
  29. strHtml+=""+(page-2);
  30. strHtml+=""+(page-1);
  31. strHtml+="["+page+"]";
  32. strHtml+=""+(page+1);
  33. strHtml+=""+(page+2);
  34. strHtml+="...";
  35. strHtml+=""+count;
  36. }
  37. if(page>count-3){
  38. strHtml+=""+1;
  39. strHtml+="...";
  40. strHtml+=""+(page-2);
  41. strHtml+=""+(page-1);
  42. strHtml+="["+page+"]";
  43. for(inti=page+1;i<count;i++){
  44. strHtml+=""+i;
  45. }
  46. }
  47. }
  48. if(page<count){
  49. strHtml+="下一页";
  50. }
  51. returnstrHtml;
  52. }
  53. publicstaticvoidmain(String[]args){
  54. System.out.println(PageTest.pageControl(6,20));
  55. }
  56. }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值