仿百度、google分页的实现
前段时间写了个仿百度、google分页,现在和大家分享一下。大家有什么问题可以和我交流。
首先我们分析一下google的分页情况:(百度也是一样的,这里只写google的情况)
下面给出大家一段java代码,好让大家往下容易理解。
// 当前页
private int nowpage;
// 索引的sum值 代表的是 google页面中最大显示页数
private int sumindex = 20;
// 开始的索引值
private int startindex;
// 结束的索引值
private int endindex;
当前页是1 显示的是: 1 2 3 4 5 6 7 8 9 10
当前页是2 起始值1 未页 11
当前页是3 起始值1 未页 12
当前页是4 起始值1 未页 13
以此类推:...
从上图得知:
当前页小于等于11时 起始页为1 末页=当前页+9
startindex=1;
endindex=nowpage+9;
注意:
求和值后的endindex 如果endindex大于总页数。 那么: this.endindex=this.countpage;
实现方式如下:
if (this.nowpage <= sumindex/2+1) {
this.startindex = 1;
this.endindex = this.nowpage + sumindex/2-1
//当结束的索引值>总页数
if(this.endindex>this.countpage){
this.endindex=this.countpage;
}
}
当前页大于11时:
当前页是12 起始值是2 未页 21
当前页是13 起始值是3 未页 22
当前页是14 起始值是4 未页 23
从上图得知 当前页大于11时
1.当前页与尾页的差少9 开始索引与当前页 差10
endindex=nowpage+sumindex/2-1;
startindex=nowapge-sumindex/2;
注意:求和值后的endindex,如果endindex大于总页数
this.endindex=this.countpage;
this.startindex=this.countpage-sumindex/-1;
实现代码如下:
if(this.nowpage>sumindex/2+1){
this.startindex=this.nowpage-sumindex/2; this.endindex=this.nowpage+sumindex/2-1; //当结束的索引值>总页数
//当结束的索引值>索引的sum值 代表的是 google页面中最大显示页数
if(this.endindex>this.countpage&&this.endindex>this.sumindex){ this.endindex=this.countpage; this.startindex=this.countpage-sumindex-1; }
//当结束的索引值<索引的sum值 代表的是 google页面中最大显示页数
if(this.endindex<this.sumindex){
this.startindex = 1;
this.endindex = this.countpage;
}
}
整合后的代码如下:
// 计算索引位置
if (this.nowpage <= sumindex/2+1) {
this.startindex = 1;
this.endindex = this.nowpage + sumindex/2-1;
//当结束的索引值>总页数
if(this.endindex>this.countpage){
this.endindex=this.countpage;
}
}else if(this.nowpage>sumindex/2+1){
this.startindex=this.nowpage-sumindex/2;
this.endindex=this.nowpage+sumindex/2-1;
//当结束的索引值>总页数
//当结束的索引值>索引的sum值 代表的是 google页面中最大显示页数
if
(this.endindex>this.countpage&&this.endindex>this.sumindex){
this.endindex=this.countpage;
this.startindex=this.countpage-sumindex-1;
}
//当结束的索引值<索引的sum值 代表的是 google页面中最大显示页数
if(this.endindex<this.sumindex){
this.startindex = 1;
this.endindex = this.countpage;
}
}
备注:
别的代码没贴,如需要大家可以给我留言
分享到:
相关推荐
"asp 数字分页 仿百度分页 仿谷歌分页"这个项目的目标是实现一个与百度和谷歌分页样式类似的分页功能,同时具备数据库连接能力。 首先,我们来看`index.asp`,这是网站的主入口文件,通常包含了整个应用的逻辑控制...
在传统的分页实现中,所有页码都会显示出来,但这可能导致页面显得过于复杂,尤其是在有几百甚至上千页的情况下。 百度和谷歌的分页设计巧妙地解决了这个问题,它们只显示一部分页码,并在两端添加省略号,表示存在...
标题与描述中的“仿百度分页代码 谷歌分页代码”主要涉及的是网站开发中常见的分页功能实现。在大数据量的处理场景下,为了提升用户体验和服务器性能,分页显示数据成为了一种常见且必要的技术手段。本文将详细解析...
这个“php仿谷歌百度分页源代码”就是一个实现这种功能的示例,它可以帮助开发者快速创建类似于谷歌或百度搜索引擎那样的分页效果。 分页的核心原理是通过计算总页数和当前页数,然后根据用户的选择显示相应的数据...
本文将详细介绍如何在Java中实现仿百度假分页。 首先,我们来看一下服务层(Service Layer)的代码实现。在这个示例中,我们假设有一个名为`entityPOMapper`的Mapper接口,用于与数据库交互。分页的核心逻辑在于...
在这个主题中,我们将深入探讨如何使用Java Server Pages(JSP)技术来实现类似百度或Google的高效、美观的分页功能。这通常涉及到与后端Servlet的交互,以获取并展示所需的数据。 首先,我们需要了解JSP的基本原理...
总的来说,仿谷歌百度实现输入自动补全功能是一个涉及前端、后端以及算法设计的综合性项目。通过这个项目,你可以深入理解Web交互设计,提升JavaScript编程能力,并掌握如何构建高效的API接口。同时,这也是一个很好...
仿百度、Google搜索效果的AutoComplete旨在提供与这两家知名搜索引擎类似的用户体验,即当用户在搜索框输入内容时,系统会实时分析并推荐相关的搜索建议,以下拉列表的形式呈现,帮助用户快速找到目标信息。...
【ASP.NET 仿百度文库实现详解】 在IT领域,构建一个类似百度文库的在线文档分享平台是一项挑战性的任务,涉及到多个技术层面。这里我们将深入探讨如何利用ASP.NET技术来构建这样一个系统,重点关注其核心功能和...
首先,"仿谷歌分页"和"放百度分页"这两个标签暗示了我们可能会参考这两种著名搜索引擎的分页设计。谷歌和百度的分页通常简洁明了,不仅提供上一页、下一页的导航,还可能包含跳转至特定页码的功能。这种设计使得用户...
【标题】"自己总结 仿百度文库例子 有说明" 涉及的主要知识点是构建一个在线文档阅读平台,类似百度文库的功能实现。在这个过程中,开发者需要掌握以下技术点: 1. **前端框架与库**:为了实现用户友好的界面和交互...
本示例旨在教你如何使用Ajax实现一个类似于百度或谷歌的即时搜索功能,为用户提供快速、无缝的搜索体验。以下将详细讲解Ajax的基础知识以及如何将其应用到创建这个搜索功能上。 首先,理解Ajax的核心概念。Ajax并非...
总结来说,"jQuery Autocomplete 仿百度搜索 只能搜索提示"是一个基于jQuery UI和ASP.NET的实时搜索提示系统,它通过前后端的配合,实现了类似百度和Google搜索的自动补全功能。这个项目不仅提供了代码实现,还包含...
其中,智能下拉补全功能是常见的一种交互方式,尤其在搜索引擎如Google和百度中广泛使用。这种功能可以在用户输入关键词时,提供相关的搜索建议,帮助用户快速找到所需信息。本教程将介绍两种实现这种功能的方法,供...
在这个项目中,我们关注的是“datalist2种分页样式源码源数据库”,它提供了两种分页样式:数字分页,模仿了百度和Google的分页效果,并且附带了源代码和源数据库。这个解决方案旨在实现一个无需额外控件的分页功能...
这个压缩包“ASP源码—实现的仿webmasterhome 网站收录查询.zip”显然包含了一套源代码,该源代码是用于创建一个功能类似于webmasterhome网站的收录查询工具的。webmasterhome通常指的是网络管理员之家,它是一个...
可以采用分页加载、懒加载或流式加载技术,只在用户需要时加载相应部分,降低初始加载时间。 此外,对于用户权限管理,可以利用`session`或`JWT`(JSON Web Tokens)进行身份验证和授权,确保只有拥有权限的用户...
在本项目中,“asp+access实现的简单的搜索引擎”是指利用ASP技术和Microsoft Access数据库来构建一个简易的网站搜索功能,类似于百度或Google。下面将详细阐述这个知识点。 一、ASP基础 1. ASP概述:ASP是基于Web...
Google Maps API、高德地图API、百度地图API等都提供了这样的服务,通过调用这些API,可以实现地址与坐标之间的转换,从而支持更精确的地址定位。 3. **数据存储**:地址数据需要存储在服务器端,以便多设备同步和...
此项目“仿搜索引擎文本框自动补全插件”旨在模仿搜索引擎如百度、Google等的自动补全功能,为用户提供快速、准确的搜索建议,提升输入效率。这种功能通常通过JavaScript库,如jQuery,来实现,结合CSS进行样式设计...