文档章节

类似google的分页技术

lgscofield
 lgscofield
发布于 2015/06/26 13:53
字数 975
阅读 10
收藏 1
点赞 0
评论 0

 

仿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


本文转载自:http://lgscofield.iteye.com/blog/1622043

共有 人打赏支持
lgscofield

lgscofield

粉丝 20
博文 105
码字总数 63036
作品 0
南京
架构师
jq-extgrid

extgrid 是一款jquery上的gird插件,界面风格采用了类似easyui extjs 界面风格样式,可通过css修改自己想要的样式 extgrid具有列大小,位置改变,排序,分组,分页,工具栏,扩展行,rowNumb...

不再迷恋 ⋅ 2013/08/27 ⋅ 1

MySQL的LIMIT与分页优化

select from table LIMIT 5,10; #返回第6-15行数据 select from table LIMIT 5; #返回前5行 select from table LIMIT 0,5; #返回前5行 性能优化: [sql] view plaincopyprint? 基于MySQL5.0中......

2k10 ⋅ 2015/03/23 ⋅ 0

蓝缘系统第三版本即将开源;基于springMVC+Apache shiro​ 1.2.3+Mybai

蓝缘系统第三版本即将开源;基于springMVC+Apache shiro 1.2.3+Mybaits3.x的权限系统,,开放源码,支持开源 1.0版和2.0版的源码已经开源 1.0版本:http://blog.csdn.net/mmm333zzz/article/de...

蓝缘Y ⋅ 2015/05/30 ⋅ 16

【案例】wordpress案例-铃医

案例网址 http://yao-cn.com/ 技术架构 基于wordpress4.4 实现,由甲方提供PSD设计稿,我们负责设计稿的静态页面化(div+css,手写)、模板开发(yao)和程序开发。 使用到的插件: All In O...

m4tthew ⋅ 2016/01/05 ⋅ 0

java分页的知识

java分页计算 java仿google的分页算法 1.现将数据从数据库读取出来封装一个java类中,在java类中计算 public class Page { //成员变量 //当前页 private int nowpage; //总记录数 private in...

writeademo ⋅ 2016/08/01 ⋅ 0

使用GWT简化AJAX开发

Google Web工具包(GWT)是一种Java开发框架,它力求简化AJAX应用程序的开发。GWT让开发人员可以使用常用的Java开发工具,开发及调试用 Java开发的AJAX应用程序,并且把同一应用程序作为客户端...

红薯 ⋅ 2009/01/17 ⋅ 1

我的开源搜索引擎之路

老板要求在一个月内搭建出一个搜索引擎出来,先期要求做一个站内搜索就可以了。于是我只有苦笑了,搜索引擎谈何容易,而之前没有这方面的经验,如何是好呢?这时我脑袋里闪过的,就是需要求助...

日拱一卒 ⋅ 2014/05/12 ⋅ 3

一个基于Spring Boot的API、RESTful API项目种子(骨架)

最近使用Spring Boot 配合 MyBatis 、通用Mapper插件、PageHelper分页插件 连做了几个中小型API项目,做下来觉得这套框架、工具搭配起来开发这种项目确实非常舒服,团队的反响也不错。在项目...

一个植物 ⋅ 2017/07/13 ⋅ 1

Chrome 6 添加时间测试技术

据国外媒体报道,Google将在Chrome中添加与IE9类似的Web Timing网页性能测试技术。早在一个月前,微软便在IE9 Platform Preview 3中加入了Web Timing技术。 平心而论,微软、Google、WebKit团...

红薯 ⋅ 2010/07/30 ⋅ 0

数据分页资料汇总

1.数据库分页Java实现(http://www.cnblogs.com/ITtangtang/archive/2012/04/21/2462385.html) 2.Java分页代码的实现(http://www.open-open.com/lib/view/open1346772322162.html) 3. java分页......

IT追寻者 ⋅ 2016/08/13 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

个人博客的运营模式能否学习TMALL天猫质量为上?

心情随笔|个人博客的运营模式能否学习TMALL天猫质量为上? 中国的互联网已经发展了很多年了,记得在十年前,个人博客十分流行,大量的人都在写博客,而且质量还不错,很多高质量的文章都是在...

原创小博客 ⋅ 今天 ⋅ 0

JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa ⋅ 今天 ⋅ 0

volatile和synchronized的区别

volatile和synchronized的区别 在讲这个之前需要先了解下JMM(Java memory Model :java内存模型):并发过程中如何处理可见性、原子性、有序性的问题--建立JMM模型 详情请看:https://baike.b...

MarinJ_Shao ⋅ 今天 ⋅ 0

深入分析Kubernetes Critical Pod(一)

Author: xidianwangtao@gmail.com 摘要:大家在部署Kubernetes集群AddOn组件的时候,经常会看到Annotation scheduler.alpha.kubernetes.io/critical-pod"="",以表示这是一个关键服务,那你知...

WaltonWang ⋅ 今天 ⋅ 0

原子性 - synchronized关键词

原子性概念 原子性提供了程序的互斥操作,同一时刻只能有一个线程能对某块代码进行操作。 原子性的实现方式 在jdk中,原子性的实现方式主要分为: synchronized:关键词,它依赖于JVM,保证了同...

dotleo ⋅ 今天 ⋅ 0

【2018.06.22学习笔记】【linux高级知识 14.4-15.3】

14.4 exportfs命令 14.5 NFS客户端问题 15.1 FTP介绍 15.2/15.3 使用vsftpd搭建ftp

lgsxp ⋅ 今天 ⋅ 0

JeeSite 4.0 功能权限管理基础(Shiro)

Shiro是Apache的一个开源框架,是一个权限管理的框架,实现用户认证、用户授权等。 只要有用户参与一般都要有权限管理,权限管理实现对用户访问系统的控制,按照安全规则或者安全策略控制用户...

ThinkGem ⋅ 昨天 ⋅ 0

python f-string 字符串格式化

主要内容 从Python 3.6开始,f-string是格式化字符串的一种很好的新方法。与其他格式化方式相比,它们不仅更易读,更简洁,不易出错,而且速度更快! 在本文的最后,您将了解如何以及为什么今...

阿豪boy ⋅ 昨天 ⋅ 0

Python实现自动登录站点

如果我们想要实现自动登录,那么我们就需要能够驱动浏览器(比如谷歌浏览器)来实现操作,ChromeDriver 刚好能够帮助我们这一点(非谷歌浏览器的驱动有所不同)。 一、确认软件版本 首先我们...

blackfoxya ⋅ 昨天 ⋅ 0

线性回归原理和实现基本认识

一:介绍 定义:线性回归在假设特证满足线性关系,根据给定的训练数据训练一个模型,并用此模型进行预测。为了了解这个定义,我们先举个简单的例子;我们假设一个线性方程 Y=2x+1, x变量为商...

wangxuwei ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部