仿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所有不得随意转载 如有问题请发送邮件到redarmy_chen@qq.com
分享到:
相关推荐
仿百度分页,谷歌分页页码处理 解决分页太多,智能始终显示一部分的效果 可以依照这个思路自己改,很好上手,分页思想 都有注释
asp 数字分页 仿百度分页 仿谷歌分页,可根据实际需要调整,带数据库。
仿百度分页代码|谷歌分页代码范例,请大家做个参考
asp分页,asp分页仿百度,asp分页大全 自己整理的,可以看看啊
基于jquery实现的一个仿百度搜索javascript分页插件
php仿谷歌百度分页源代码 代码非原创、只是做了一下修改和完善、qq:601046124 群号7391390希望和大家交流
JSP实现类似百度,google的分页.JSP,仿,google,分页,servlet分页
仿百度分页效果的jsp实现,maven项目完整包,包括数据库建立文件
代码简介:jQuery仿百度经验分页阅读特效是一款带左右箭头切换的图文幻灯片预览效果代码。
带学员课上做的oracle模仿百度分页样式的例子。比较适合初学者参考,jdbc工具类是自己写的,没有使用第三方分页组件。tomcat是apache-tomcat-7.0.41,myeclipse是MyEclipse 9.0,oracle是11g。例子中用的是海量数据...
仿百度的分页控件风格,每次用户在10个页码中选择需要跳转到的页数。
ThinkPhp仿百度分页类,在ThinkPhp3.1.3下测试通过 Author: 泡泡堂 <46445280@qq.com> <http://371zf.sinaapp.com/> 参照 ThinkPhp3.1.3 及 ThinkPhp3.2.1护展包下的 Page.class.php 说明:在ThinkPhp3.1.3下测试...
PHP分页类,仿百度,仿淘宝分页,据说这是史上最强大的分页类,虽然有点吹过了,但用起来还算可以。
JSP实现百度谷歌分页页码功能源代码 让你的网页跟百度实现一样的分页功能! 欢迎到我的博客交流探讨此类问题!
int pagesize = 10;//每页显示记录数 int liststep = 20;...//默认显示第一页 if (request.getParameter("pages") != null) { pages = Integer.parseInt(request.getParameter("pages"));//分页页码变量
本文通过实例代码给大家介绍了基于vue2.0实现仿百度前端分页效果,在文中给大家记录了遇到的问题及解决方法,需要的朋友可以参考下
主要介绍了java仿百度假分页代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
java仿百度分页,全部写好封装jar吧,里面带源码。 在Action中只需调用传入一个List,在前台页面引入自定义标签。就可以使用了。操作简单。使用方便。
极限超强百度,谷歌分页方法,有史以来最好的分页方法