对于web应用来说分页显示数据是是最基本的功能,作为经常开发web应用的程序员来说这个功能也小菜一碟,但是对于初学者来说却是是个常见的问题,以前自学web开发的时候对这个问题也是各种google,整了半天才实现。
	 现在手中的项目正好也需要一个分页的功能,这个项目用了spring mvc数据库用到了mongodb,自己就写了一个分页的标签供整个项目来使用,今天周六加完班闲着没事就把分页的实现写出来以便大家参考,不当之处欢迎批评指正。
1)分页:
一般都是把一次查询分几次查询来显示。用户每次点击页数(或者上一页下一页)的时候实际上一次查询请求。查询设定数据的条数返回并显示。
2)mongodb分页用到的工具
在查询的时候需要用到Query来保存用户的查询条件,该类有两个方法是实现分页功能的核心一个是skip(int),一个是limit(int)方法,其中limit用来限制每次查询的条数,也是每显示的条数。而skip是跳过当前页之前的所有页面的数据条数开始查询
3)分页关键点(所需的数据):
	i)每页显示的条数pageSize
	ii)当前的页数currentPage,而前面的skip方法传入的参数就是根据currentPage和pageSize来决定的,skip = (currentPage-1)*pageSize
4)分页的具体实现
	通过上面的分析,分页简单来说就是用户点击分页的时候提交一个关键数据(currentPage)到后台,后台根据currentPage来进行分页查询;至于上面的pageSize,
	在后台设置一个变量来控制即可。
下面是项目中的用来查询的基类:MongodbBaseDao<T>的部分代码
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
 
								9
 
								10
 
								11
 
								12
 
								13
 
								14
 
								15
 
								16
 
								17
 
								18
 
								19
 
								20
 
								21
 
								22
 
								23
						  | 
//每页显示五条 
protected static final int PAGE_SIZE = 8; 
/** 
* 通过条件查询,查询分页结果 
*/
public Pagination<T> getPage(int currentPage, Query query) { 
//获取总条数 
long totalCount = this.mongoTemplate.count(query, this.getEntityClass()); 
//总页数 
int totalPage = (int) (totalCount/PAGE_SIZE); 
int skip = (currentPage-1)*PAGE_SIZE; 
Pagination<T> page = new Pagination<T>(currentPage, totalPage, (int)totalCount); 
query.skip(skip);// skip相当于从那条记录开始 
query.limit(PAGE_SIZE);// 从skip开始,取多少条记录 
List<T> datas = this.find(query); 
page.build(datas);//获取数据 
return page; 
} 
 | 
上面的代码中Pagination类保存了分页所需的必要的数据,比如当前页currentPage,总页数totalPage,总条数totalCount,当然还有数据集合List 用来保存页面所需的数据。另外getEntityClass()是T所对应的class对象(由子类来具体实现)。例如项目中有一个子类VideoMongodbDao
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
						  | 
@Service
public class VideoMongodbDao extends MongodbBaseDao<Video> { 
@Override
protected Class<Video> getEntityClass() { 
return Video.class; 
} 
} 
 | 
分页数据封装类Pagination<T>,里面提供了分页的数据
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
 
								9
 
								10
 
								11
 
								12
 
								13
 
								14
 
								15
 
								16
 
								17
 
								18
 
								19
 
								20
 
								21
						  | 
public class Pagination<T> { 
/** 每页显示条数 */
private Integer pageSize = 8; 
/** 当前页 */
private Integer currentPage = 1; 
/** 总页数 */
private Integer totalPage = 1; 
/** 查询到的总数据量 */
private Integer totalNumber = 0; 
/** 数据集 */
private List items; 
public Integer getPageSize() { 
return pageSize; 
} 
 | 
Pagination类还有一个重要的build方法,根据该类封装的数据来设定分了多少页,具体实现方法如下
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
 
								9
 
								10
 
								11
 
								12
 
								13
 
								14
 
								15
						  | 
/** 
* 处理查询后的结果数据 
* 
* @param items 
* 查询结果集 
* @param count 
* 总数 
*/
public void build(List items) { 
this.setItems(items); 
int count = this.getTotalNumber(); 
int divisor = count / this.getPageSize(); 
int remainder = count % this.getPageSize(); 
this.setTotalPage(remainder == 0 ? divisor == 0 ? 1 : divisor : divisor + 1); 
} 
 | 
所以在对应的controller对应的方法中查询的时候,可以这么处理
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
 
								9
 
								10
 
								11
 
								12
 
								13
						  | 
Query query = new Query(); 
Criteria channleIdCri = Criteria.where("channelId").is(channel_id); 
query.addCriteria(channleIdCri); 
//获取当前页 
String currentPageStr = request.getParameter("currentPage"); 
int currentPage = 0; 
if (currentPageStr != null ){ 
currentPage = Integer.valueOf(currentPageStr); 
} 
Pagination<Video> videos = dao.getPage(currentPage, query); 
m.addAttribute("videos", videos);//from 
 | 
下面需要生成分页当行条,在这里用到了spring的标签来处理,对应的是标签类PaginationTag,该类封装了页面表单form对应的id,分页显示所需的数据,以及分页显示可点击的页面的长度。该类如下
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
 
								9
 
								10
 
								11
 
								12
 
								13
 
								14
						  | 
public class PaginationTag extends TagSupport { 
/** 列表页面的form标签id值 */
private String form; 
/** 与后台交互,保存在request中的 数据,该数据包含l */
private String pageInfo;//request对应的bean包含了分页的一些数据 
/** 分页显示可点击页数的长度 */
private int size; 
public PaginationTag(){ 
this.form = "form"; 
this.size = 5; 
} 
 | 
生成的分页导航条的代码如下
| 
 
								1
 
								2
 
								3
 
								4
 
								5
 
								6
 
								7
 
								8
 
								9
 
								10
 
								11
 
								12
 
								13
 
								14
 
								15
 
								16
 
								17
 
								18
 
								19
 
								20
 
								21
 
								22
 
								23
 
								24
 
								25
 
								26
 
								27
 
								28
 
								29
 
								30
 
								31
 
								32
 
								33
 
								34
 
								35
 
								36
 
								37
 
								38
 
								39
 
								40
 
								41
 
								42
 
								43
 
								44
 
								45
 
								46
 
								47
 
								48
 
								49
 
								50
 
								51
 
								52
 
								53
 
								54
 
								55
 
								56
 
								57
 
								58
 
								59
 
								60
 
								61
 
								62
 
								63
 
								64
 
								65
 
								66
 
								67
 
								68
						  | 
@Override
public int doStartTag() throws JspException { 
int half = size / 2; 
int point = size / 2 + size % 2; 
int start = 1; 
int loop = size; 
Pagination query = (Pagination) this.pageContext.getRequest().getAttribute(pageInfo); 
int pageSize = query.getPageSize(); 
int currentPage = query.getCurrentPage(); 
int totalPage = query.getTotalPage(); 
long totalNumber = query.getTotalNumber(); 
if(totalPage <= size){ 
start = 1; 
loop = totalPage; 
}else{ 
if(currentPage > point && currentPage < totalPage - half + 1){ 
start = 1 + (currentPage - point); 
}else if(currentPage > totalPage - half){ 
start = totalPage - size + 1; 
} 
} 
if(currentPage<=0){ 
currentPage = 1; 
} 
StringBuilder sb = new StringBuilder(); 
sb.append("<div class=\\"box-ttl\\"><div class=\\"g4\\">共 <span class=\\"text-info\\">"); 
sb.append(totalNumber).append("</span> 条数据"); 
sb.append("/共 <span class=\\"text-info\\">"); 
if(totalNumber!=0){ 
sb.append(totalPage).append("</span> 页!</div><div class=\\"box collapsed g6 flt-r\\"><ul class=\\"nav-menu\\">"); 
}else{ 
sb.append(0).append("</span> 页!</div><div class=\\"box collapsed g6 flt-r\\"><ul class=\\"nav-menu\\">"); 
} 
// 处理上一页 
if(currentPage == 1){ 
sb.append("<li class=\\"disabled\\"><a href=\\"#\\">上一页</a></li>"); 
}else{ 
sb.append("<li><a href=\\"javascript:dopage(" + (currentPage - 1) + ",'" + form + "');\\">上一页</a></li>"); 
} 
// 处理中间数据 
for(int i = start; i < start + loop; i++){ 
//<li class="active"><a href="#" rel="external nofollow" rel="external nofollow" >1</a></li> 
if(currentPage == i){ 
sb.append("<li class=\\"active\\"><a href=\\"#\\">" + i + "</a></li>"); 
}else{ 
//<li><a href="#" rel="external nofollow" rel="external nofollow" >2</a></li> 
sb.append("<li><a href=\\"javascript:dopage(" + i + ",'" + form + "');\\">" + i + "</a></li>"); 
} 
} 
// 处理下一页 
if(currentPage == totalPage){ 
sb.append("<li class=\\"disabled\\"><a href=\\"#\\">下一页</a></li>"); 
}else{ 
sb.append("<li><a href=\\"javascript:dopage(" + (currentPage + 1) + ",'" + form + "');\\">下一页</a></li>"); 
} 
sb.append("</ul></div></div>"); 
sb.append("<input type=\\"hidden\\" id=\\"currentPage\\" name=\\"currentPage\\" value=\\"" + currentPage + "\\"/>"); 
try { 
pageContext.getOut().write(sb.toString()); 
} catch (IOException e) { 
throw new JspException(e.toString(), e); 
} 
return super.doStartTag(); 
} 
 | 
	有上面的标签可以发现,每次点击页面页数的时候是用过js的dopage方法来实现的,该js方法根据form.submit()来提交信息查询信息(特别是currentPage数据)
	js的代码如下
| 
 
								1
 
								2
 
								3
 
								4
						  | 
function dopage(currentPage,formid){ 
$("#currentPage").val(currentPage); 
$("#" + formid).submit(); 
} 
 | 
在jsp页面中只需要添加上述标签即可(标签类Pagination以及转换成tld文件了—)
| 
 
								1
 
								2
 
								3
						  | 
<div> 
<tv:pagination pageInfo="videos" form="video-form" size="5"></tv:pagination> 
</div> 
 | 
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持快网idc。
原文链接:http://blog.csdn.net/chunqiuwei/article/details/17188523
相关文章
- 64M VPS建站:能否支持高流量网站运行? 2025-06-10
 - 64M VPS建站:怎样选择合适的域名和SSL证书? 2025-06-10
 - 64M VPS建站:怎样优化以提高网站加载速度? 2025-06-10
 - 64M VPS建站:是否适合初学者操作和管理? 2025-06-10
 - ASP.NET自助建站系统中的用户注册和登录功能定制方法 2025-06-10
 
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
 - 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
 - 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
 - 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
 - 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
 
快网idc优惠网
QQ交流群
- 
            2025-05-29 95
 - 
            2025-05-26 104
 - 
            2025-05-29 101
 - 
            2025-05-29 26
 - 
            2025-05-25 16
 
        
    		
            	
        
        
        