ajax js分页算法分析
来源:互联网 发布:淘宝人工客服24小时 编辑:程序博客网 时间:2024/05/17 08:02
显示效果:
[页面总数小于等于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语言,在程序里使用很方便---------------------------------
public class PageTest {public static String pageControl(int page,int count){String strHtml = "";if(page > 1){strHtml += "上一页";}if(count <= 10){for(int i = 1;i<=count;i++){if(page == i){strHtml+=" ["+i+"]";}else{strHtml+=" "+i;}}}else{if(page<4){for(int i = page-1;i>0;i--){strHtml+=" "+i;}strHtml+=" ["+page+"]";strHtml+=" "+(page+1);strHtml+=" "+(page+2);strHtml+=" ...";strHtml+=" "+count;}if(page>4 && (page<=count-3)){strHtml+=" "+1;strHtml+=" ...";strHtml+=" "+(page-2);strHtml+=" "+(page-1);strHtml+=" ["+page+"]";strHtml+=" "+(page+1);strHtml+=" "+(page+2);strHtml+=" ...";strHtml+=" "+count;}if(page>count-3){strHtml+=" "+1;strHtml+=" ...";strHtml+=" "+(page-2);strHtml+=" "+(page-1);strHtml+=" ["+page+"]";for(int i = page+1;i<count;i++){strHtml+=" "+i;}}}if(page < count){strHtml += "下一页";}return strHtml;}public static void main(String[] args) {System.out.println(PageTest.pageControl(6, 20));}}
- ajax js分页算法分析
- ajax js分页算法分析
- ajax+JS 实现分页
- js ajax 分页
- ajax+JS实现分页
- [原创]终极分页:Ajax+Js+Dom+Json无刷新分页技术叫板另一篇仿百度、Google分页算法
- js+ajax 无刷新分页
- js+ajax 无刷新分页
- js 数组分页算法
- 基于prototype.js的ajax分页
- AJAX+js+dom+php+mysql分页
- js分页控件(适合ajax)
- jQuery+AJAX实现纯js分页功能
- jquery page.js 实现ajax分页
- ecshop前台使用ajax分页分析
- Js 分页类 (适合Ajax分页用)
- 分页js封装【模拟淘宝分页】Ajax版本
- 一站式分页解决方案:后台分页PageHelper使用,页面分页,异步ajax分页pageutils.js
- 敏捷项目的主动架构
- 鸟哥的Linux私房菜10.19 Shell Scripts
- ubuntu修改桌面图标大小。。
- Qt应用程序自动重启(零零散散)
- 淘宝转正面试准备(测试开发工程师)
- ajax js分页算法分析
- 利用命令行查看应用程序池的进程号
- 同步FIFO之VHDL描述
- 鸟哥的Linux私房菜10.20 账号管理与ACL权限设定
- 你是像我一样?还是很有自制力?
- 鸟哥的Linux私房菜10.21 磁盘配额(Quota)与进阶文件系统管理
- 鸟哥的Linux私房菜10.22 例行性工作排程
- NetBeans运行和预览时界面风格不一致
- 服务器操作系统的那些事