`

类似google的分页技术

    博客分类:
  • Java
阅读更多

 

仿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代码实现呢?
下面用java实现:
package cn.csdn.util;

import java.util.List;

/**
 * 
 * @author redarmy_chen
 *
 * @param <T>
 */
public class Pagination<T> {

	// 分页信息
	private int nowpage;// 当前页
	private int countrecord;// 总记录
	private int countpage;// 总页数

	public static final int PAGESIZE = 5;// 每页显示的记录数

	private int startpage;// 页面中的起始页
	private int endpage;// 页面中的结束页

	private final int SHOWPAGE = 6;// 页面中显示的总页数 baidu,google显示的总页数是20
	// 在测试我们才用6来测试

	private List<T> allentities;

	private String url;

	/** 根据当前页及总记录数来构造分页对象 */
	public Pagination(int nowpage, int countrecord) {
		this.nowpage = nowpage;
		this.countrecord = countrecord;

		/** 计算总页数 */
		this.countpage = this.countrecord % this.PAGESIZE == 0 ? this.countrecord
				/ this.PAGESIZE
				: this.countrecord / this.PAGESIZE + 1;

		/** 计算startpage与endpage的值 */

		/** 总页数数是否小于4 */
		if (this.countpage < (this.SHOWPAGE / 2 + 1)) {
			this.startpage = 1; // 页面中起始页就是1
			this.endpage = this.countpage;// 页面中的最终页就是总页数
		} else {
			/** else中是总页数大于4的情况 */

			/** 首先当前页的值是否小于等于4 */
			if (this.nowpage <= (this.SHOWPAGE / 2 + 1)) {
				this.startpage = 1;
				this.endpage = this.nowpage + 2;
				/** 判断页面的最终页是否大于总页数 */
				if (this.endpage >= this.countpage) {
					this.endpage = this.countpage;
				}
			} else {
				this.startpage = this.nowpage - 3;
				this.endpage = this.nowpage + 2;

				if (this.endpage >= this.countpage) {
					this.endpage = this.countpage;
					if (this.countpage < this.SHOWPAGE) {
						this.startpage = 1;
					} else {
						this.startpage = this.endpage - 5;
					}

				}
			}

		}

	}

	public int getNowpage() {
		return nowpage;
	}

	public void setNowpage(int nowpage) {
		this.nowpage = nowpage;
	}

	public int getCountrecord() {
		return countrecord;
	}

	public void setCountrecord(int countrecord) {
		this.countrecord = countrecord;
	}

	public int getCountpage() {
		return countpage;
	}

	public void setCountpage(int countpage) {
		this.countpage = countpage;
	}

	public int getStartpage() {
		return startpage;
	}

	public void setStartpage(int startpage) {
		this.startpage = startpage;
	}

	public int getEndpage() {
		return endpage;
	}

	public void setEndpage(int endpage) {
		this.endpage = endpage;
	}

	public List<T> getAllentities() {
		return allentities;
	}

	public void setAllentities(List<T> allentities) {
		this.allentities = allentities;
	}

	public String getUrl() {
		return url;
	}

	public void setUrl(String url) {
		this.url = url;
	}

}


以上内容归redarmy_chen原创,版权归redarmy_chen所有不得随意转载 如有问题请发送邮件到redarmy_chen@qq.com


分享到:
评论

相关推荐

    类似google的分页

    在IT行业中,分页是一种常见的数据展示方式,特别是在网页应用中,当数据量过大时,为了提高用户体验,避免一次性加载所有数据导致页面响应慢或内存消耗过大,分页技术应运而生。"类似Google的分页"是这种技术的一个...

    类似google的分页控件

    "类似google的分页控件"通常指的是采用简洁、高效的分页设计,以提供良好的用户体验。Google的分页样式已经成为了一种典范,以其清晰、直观的设计被广泛应用。 分页控件的主要功能是将大量数据分割成可管理的小部分...

    asp 数字分页 仿百度分页 仿谷歌分页

    "asp 数字分页 仿百度分页 仿谷歌分页"这个项目的目标是实现一个与百度和谷歌分页样式类似的分页功能,同时具备数据库连接能力。 首先,我们来看`index.asp`,这是网站的主入口文件,通常包含了整个应用的逻辑控制...

    mySql与oracle分页技术

    在数据库管理中,分页技术是一项非常重要的功能,它允许用户以较小的数据量逐步加载大量数据,从而提高网页或应用程序的响应速度和用户体验。本文将深入探讨MySQL与Oracle两种常用的数据库管理系统中的分页技术。 ...

    JSP实现类似百度,google的分页

    在这个主题中,我们将深入探讨如何使用Java Server Pages(JSP)技术来实现类似百度或Google的高效、美观的分页功能。这通常涉及到与后端Servlet的交互,以获取并展示所需的数据。 首先,我们需要了解JSP的基本原理...

    分页的例子(类似google)

    本示例“分页的例子(类似google)”旨在提供一个与谷歌搜索结果分页相似的功能,使得用户能够方便地浏览大量信息,而无需一次性加载所有数据,从而提高页面加载速度和用户体验。 分页的基本原理是将大数据集分割成...

    php仿谷歌百度分页源代码

    这个“php仿谷歌百度分页源代码”就是一个实现这种功能的示例,它可以帮助开发者快速创建类似于谷歌或百度搜索引擎那样的分页效果。 分页的核心原理是通过计算总页数和当前页数,然后根据用户的选择显示相应的数据...

    类似淘宝 百度 谷歌的通用分页

    在IT行业中,分页是一种非常常见的数据展示技术,尤其在大型网站如淘宝、百度和谷歌等上,分页是必不可少的功能。它使得大量数据能够有序、高效地展示给用户,提高用户体验并减轻服务器压力。本知识点主要围绕“类似...

    一个分页page技术

    "一个分页page技术"的标题表明我们将讨论如何实现一个类似Google分页功能的解决方案。这个功能使得用户可以方便地浏览和导航大量数据,而不需要一次性加载所有内容,从而提高用户体验并减轻服务器负担。 描述中提到...

    查询条件保存及google分页

    "查询条件保存及Google分页"这一主题涉及到如何在用户进行搜索操作后保存其查询条件,并在页面翻页时保持这些条件不变,同时实现类似Google搜索引擎的分页效果。以下是对这个主题的详细解释: 首先,**查询条件保存...

    JSP实现百度谷歌分页页码功能源代码

    本示例聚焦于使用JSP(Java Server Pages)来实现类似百度和谷歌的分页功能。下面将详细解释如何通过JSP来创建这种功能,以及涉及到的关键知识点。 首先,我们要理解JSP的基础。JSP是一种基于Java的服务器端脚本...

    含分页核心源代码 struts2.1 + hibernate3.3 +spring2.5 + 仿Google数字分页

    **仿Google数字分页** 指的是在网页上显示类似Google搜索结果那样的分页方式,通常包括“首页”、“上一页”、“下一页”和一系列连续的页码。这种分页方式直观且易于使用,同时能有效地减少用户滚动和加载大量数据...

    pager-taglib实现Google分页

    总的来说, pager-taglib为SSH开发者提供了一种简单、高效的分页解决方案,使得在Web应用中实现类似Google的分页效果变得轻松快捷。通过理解和实践这些知识点,你能够更好地掌握Java Web分页技术,提升你的开发技能...

    整理的仿Google高效数字分页程序包

    这个“仿Google高效数字分页程序包”是才子精心整理的,旨在提供一种类似Google搜索引擎那样高效、简洁的分页解决方案。下面我们将详细探讨这个程序包中的关键知识点。 1. 分页原理: 分页主要是为了提高用户体验...

    Pager-taglib页面分页示例

    **Pager-taglib页面分页示例** 在Java Web开发中,数据量大的时候,分页显示是非常必要的。...这个示例项目展示了如何集成和使用Pager-taglib,对于学习和理解Java Web分页技术具有很好的参考价值。

    AJAX类似GOOGLE查询

    标题“AJAX类似GOOGLE查询”和描述“AJAX实现类似GOOGLE查询”指的是一项使用AJAX(Asynchronous JavaScript and XML)技术来创建动态、交互性极强的网页搜索体验,类似于Google搜索引擎的实时查询功能。在Google...

    自定义分页,例如Google分页

    本知识点主要围绕"自定义分页,例如Google分页"这一主题,针对C# .NET .NET3.5 ASP.NET开发环境,探讨如何实现类似Google的高效、用户友好的分页功能。 首先,理解Google分页的特点。Google的分页设计简洁且直观,...

    PHP超强分页类

    这个分页类采用继承的方式,允许用户自定义分页显示模式,提供了四种不同的分页样式供选择,其中默认样式类似于百度和Google的分页风格。 首先,我们来了解一下分页类的核心概念。分页类通常包括以下几个关键组成...

    通用分页标签(原创)

    描述中提到的显示样式是模仿Google的风格设计的,这可能意味着该分页标签提供了类似Google搜索结果分页的用户体验。 分页的主要目标是提高用户界面的易用性和性能。当一个页面上需要展示的数据过多时,一次性加载...

    ajaxpro类似 google 自动搜索

    **AjaxPro类似Google自动搜索技术详解** 在现代Web开发中,提供快速、高效的用户体验是至关重要的,这通常涉及到实时的数据交互和动态页面更新。AjaxPro是.NET框架下的一款JavaScript库,它模仿了Google的自动搜索...

Global site tag (gtag.js) - Google Analytics