原创：仿Baidu,Google查询分页技术实现分析 之一

仿Baidu,Google查询分页技术实现分析

分页 (pagination) 一种自动分页机制，可以将移动 Web 窗体中的内容分割成一组组较小的页进行呈现，以适合于特定的设备。该机制还呈现可用于浏览到其他页的用户界面元素.在整个的web开发应用中分页是必会的知识点。应该熟练掌握与运用。

在实际开发的应用中,分页显的尤为重要,现将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;

 

上面做了简单的分析与算法,那你是否能够用Java代码实现呢?

 

以上内容归redarmy_chen原创,版权归redarmy_chen所有不得随意转载 如有问题请发送邮件到[e-mail]

评论

1 楼 javawangli 2011-03-25  

精髓
那如何实现 123...456 这种分页？