仿Baidu,Google查询分页技术实现分析
2011-11-05 10:51
260 查看
分页 (pagination) 一种自动分页机制,可以将移动 Web 窗体中的内容分割成一组组较小的页进行呈现,以适合于特定的设备。该机制还呈现可用于浏览到其他页的用户界面元素.在整个的web开发应用中分页是必会的知识点。应该熟练掌握与运用。
在实际开发的应用中,分页显的尤为重要,现将baidu,google查询分页显示的页面及分页效果分析如下:
1、baidu搜索观察分页效果如下:
2、Google搜索分页效果实现如下:
分析流程结构:
在实际开发的应用中,分页显的尤为重要,现将baidu,google查询分页显示的页面及分页效果分析如下:
1、baidu搜索观察分页效果如下:
2、Google搜索分页效果实现如下:
分析流程结构:
页面显示的页码 | 当前页 | 末页 | 分析 |
1 2 3 4 5 6 7 8 9 10 下一页 | 1 | 10 | 10=1+9 |
分析1:当总页数小于11时, 页面索引起始值=1; 页面索引最终值=总页数; | |||
上一页 1 2 3 4 5 6 7 8 9 10 11 下一页 | 2 | 11 | 11=2+9 |
上一页 1 2 3 … … 9 10 11 12 下一页 | 3 | 12 | 12=3+9 |
上一页 1 2 3 … …10 11 12 13 下一页 | 4 | 13 | 13=4+9 |
上一页 1 2 3 … …11 12 13 14 下一页 | 5 | 14 | 14=5+9 |
上一页 1 2 3 … …12 13 14 15 下一页 | 6 | 15 | 15=6+9 |
上一页 1 2 3 … …13 14 15 16 下一页 | 7 | 16 | 16=7+9 |
上一页 1 2 3 … …16 17 18 20 下一页 | 11 | 20 | 20=11+9 |
注意观察 | |||
上一页 2 3 4 … …18 29 20 21 下一页 | 12 | 21 | 2=12-10 21=12+9 |
上一页 3 4 5 … …19 20 21 22 下一页 | 13 | 22 | 3=13-10 22=13+9 |
上一页 4 5 6 … … 20 21 22 23 下一页 | 14 | 23 | 4=14-10 23=13+9 |
分析2:当总页数大于11页面上显示的总共页码为20,其中以上观察可知: 页面索引起始值=当前页-10; 页面索引最终值=当前页+9; 注意:当页面的索引最终值大于查询的总页数时,那么效果应该如下: 页面索引最终值=查询的总页数; 页面索引起始值=查询的总页数-19; |
相关文章推荐
- 原创: 仿Baidu,Google查询分页技术实现分析之一
- 仿Baidu,Google查询分页技术实现分析
- 仿Baidu,Google查询分页技术实现分析之一
- 每天看一遍 仿Baidu,Google查询分页技术JAVA实现
- 原创:仿Baidu,Google查询分页技术JAVA实现
- 仿baidu,google的查询分页技术
- 仿baidu,google的查询分页技术
- 仿谷歌,百度查询页面技术实现分页分析
- 查询分页技术实现分析
- 仿谷歌,百度查询页面技术实现分页分析
- Hibernate实现分页查询的原理分析
- 用户从手机的浏览器访问www.baidu.com,看到的可能跟桌面PC电脑,是不太一样的网页效果,会更适合移动设备使用。请简要分析一下,实现这种网页区分显示的原因及技术原理。
- iOS程序员利用分页和模糊查询技术实现一个App接口
- iOS程序员利用分页和模糊查询技术实现一个App接口
- ASP.NET查询分页技术:实现Web数据分页浏览
- Hibernate实现分页查询的原理分析zz
- Hibernate实现分页查询的原理分析
- Hibernate实现分页查询的原理分析
- Java技术积累——用最原始的代码见证分页查询实现原理
- ASP.NET查询分页技术:实现Web数据分页浏览