在JSP中使用Struts2标签分页 限制页码只显示10页 带分页算法 样式

最新推荐文章于 2021-02-08 22:41:42 发布
最新推荐文章于 2021-02-08 22:41:42 发布
阅读量2.3k 收藏 3
点赞数 2
分类专栏： Java Struts2 JSP 文章标签： struts2 jsp 分页 标签 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liangshishen/article/details/28919403
版权
Java 同时被 3 个专栏收录
5 篇文章 0 订阅
订阅专栏
Struts2
1 篇文章 0 订阅
订阅专栏
JSP
1 篇文章 0 订阅
订阅专栏

之前做分页效果一直都是使用JS控制，后来觉得不方便也不好控制，就自己写了这个根据Struts2标签在JSP页面中控制页码显示的分页。

分页效果图：




废话不多说，直接上代码了：

Java代码：

package com.goldweb.action;

import org.apache.struts2.convention.annotation.Action;
import org.apache.struts2.convention.annotation.Namespace;
import org.apache.struts2.convention.annotation.ParentPackage;
import org.apache.struts2.convention.annotation.Result;
import org.springframework.stereotype.Controller;
import com.goldweb.common.StrutsBaseAction;

@SuppressWarnings("serial")
@Controller
@ParentPackage("json-default")
@Namespace("/pager")
public class PagerAction extends StrutsBaseAction {
	// 当前页
	private int currentPage = 1;
	// 也容量
	private int pageSize = 10;
	// 总页数
	private int totalPage;
	// 总记录数
	private int allCount = 1000;

	@Action(value = "pager", results = { @Result(name = "success", location = "/pager.jsp") }, params = {
			"contentType", "text/html" })
	public String pager() {
		System.out.println(currentPage);
		totalPage = allCount % pageSize == 0 ? allCount / pageSize : allCount / pageSize + 1;
		return SUCCESS;
	}

	public int getCurrentPage() {
		return currentPage;
	}

	public void setCurrentPage(int currentPage) {
		this.currentPage = currentPage;
	}

	public int getTotalPage() {
		return totalPage;
	}

	public void setTotalPage(int totalPage) {
		this.totalPage = totalPage;
	}

	public int getAllCount() {
		return allCount;
	}

}

JSP代码

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>分页测试</title>
<style type="text/css">
/* 全局样式 */
body,p,div,ul,ol,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,form,input,select,label,table,tr,td,th,thead,tbody,tfoot
	{
	margin: 0px auto;
	padding: 0px;
	border: 0;
}

body {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	background-position: top;
	background-repeat: repeat-x;
}

a {
	text-decoration: none;
}
/* 正文：分页功能区 */
#pages {
	width: 940px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	margin-top: 5px;
}

#pages a,#pages a.current_page:hover {
	padding: 5px 10px;
}

#pages a:hover {
	padding: 5px 9px;
}
/* 正文：分页功能区 */
#pages a {
	border-radius: 4px;
	color: #000;
	border: #97b9c9 solid 1px;
}

#pages a:hover {
	background: #cddde4;
	border: #97b9c9 solid 1px;
	color: #067db5;
}

#pages a.current_page {
	background: #cddde4;
	border: #89bdd8 solid 1px;
	color: #067db5;
}
</style>
</head>
<body>

	<fieldset style="margin: 0 auto;">
		<legend>分页测试</legend>
		<div id="pages">
			<s:if test="currentPage<=1">
				<a href="#">首页</a>
				<a href="#" class="pager">上一页</a>
			</s:if>
			<s:else>
				<a href="pager.action?currentPage=1">首页</a>
				<a
					href="pager.action?currentPage=<s:property value="currentPage-1"/>">上一页</a>
			</s:else>
			<!-- 页码限制为10页算法 -->
			<s:iterator
				begin="currentPage>4?currentPage+5>totalPage?totalPage>10?totalPage-9:1:currentPage-4:1"
				end="currentPage>4?currentPage+5>totalPage?totalPage:currentPage+5:totalPage>10?10:totalPage"
				var="i">
				<s:if test="currentPage==#i">
					<a href="#" class="current_page"><s:property value="#i" /></a>
				</s:if>
				<s:else>
					<a href="pager.action?currentPage=<s:property value="#i"/>"><s:property
							value="#i" /></a>
				</s:else>
			</s:iterator>
			<s:if test="currentPage>=totalPage">
				<a href="#">下一页</a>
				<a href="#">尾页</a>
			</s:if>
			<s:else>
				<a
					href="pager.action?currentPage=<s:property value="currentPage+1"/>">下一页</a>
				<a href="pager.action?currentPage=<s:property value="totalPage"/>">尾页</a>
			</s:else>
		</div>
	</fieldset>

</body>
</html>


以上是通过Struts2标签在JSP中限制显示的页码。


以下通过在Java的Action中计算好开始页码和结束页码来限制显示的页码：


Java代码：

package com.goldweb.action;

import org.apache.struts2.convention.annotation.Action;
import org.apache.struts2.convention.annotation.Namespace;
import org.apache.struts2.convention.annotation.ParentPackage;
import org.apache.struts2.convention.annotation.Result;
import org.springframework.stereotype.Controller;
import com.goldweb.common.StrutsBaseAction;

@SuppressWarnings("serial")
@Controller
@ParentPackage("json-default")
@Namespace("/pager")
public class Pager2Action extends StrutsBaseAction {
	// 当前页
	private int currentPage = 1;
	// 页容量
	private int pageSize = 10;
	// 总页数
	private int totalPage;
	// 总记录数
	private int allCount = 666;
	// 开始页码
	private int startPage = 1;
	// 结束页码
	private int endPage = 10;

	@Action(value = "pager2", results = { @Result(name = "success", location = "/pager2.jsp") }, params = {
			"contentType", "text/html" })
	public String pager() {
		System.out.println(currentPage);
		totalPage = (int) Math.ceil((double) allCount / (double) pageSize);
		// 显示页码计算
		if (currentPage > 4) {
			startPage = currentPage - 4;
			endPage = currentPage + 5;
		}
		if (endPage > totalPage) {
			if (totalPage>10)
				startPage = totalPage - 9;
			else
				startPage = 1;
			endPage = totalPage;
		}
		if (startPage < 1) {
			startPage = 1;
		}
		return SUCCESS;
	}

	public int getCurrentPage() {
		return currentPage;
	}

	public void setCurrentPage(int currentPage) {
		this.currentPage = currentPage;
	}

	public int getTotalPage() {
		return totalPage;
	}

	public void setTotalPage(int totalPage) {
		this.totalPage = totalPage;
	}

	public int getAllCount() {
		return allCount;
	}

	public int getStartPage() {
		return startPage;
	}

	public int getEndPage() {
		return endPage;
	}

}

JSP代码：

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>分页测试</title>
<style type="text/css">
/* 全局样式 */
body, p, div, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, input, select, label, table, tr, td, th, thead, tbody, tfoot
{
    margin: 0px auto;
    padding: 0px;
    border: 0;
}
body {
    font-size: 12px;
    font-family: Tahoma,Geneva,sans-serif;
    background-position: top;
    background-repeat: repeat-x;
}
a {
    text-decoration: none;
}
/* 正文：分页功能区 */
#pages {
    width: 940px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
}
#pages a, #pages a.current_page:hover {
    padding: 5px 10px;
}
#pages a:hover {
    padding: 5px 9px;
}
/* 正文：分页功能区 */
#pages a {
	border-radius: 4px;
    color: #000;
    border: #97b9c9 solid 1px;
}
#pages a:hover {
    background: #cddde4;
    border: #97b9c9 solid 1px;
    color: #067db5;
}
#pages a.current_page {
    background: #cddde4;
    border: #89bdd8 solid 1px;
    color: #067db5;
}
</style>
</head>
<body>
	
<fieldset style="margin:0 auto;">
    <legend>分页测试</legend>
    <div id="pages">
    	<s:if test="currentPage<=1">
    		<a href="#">首页</a>
    		<a href="#" class="pager">上一页</a>
    	</s:if>
    	<s:else>
    		<a href="pager2.action?currentPage=1">首页</a>
    		<a href="pager2.action?currentPage=<s:property value="currentPage-1"/>">上一页</a>
    	</s:else>
    	<!-- 这里直接用Action传过来的 开始页码 和 结束页码 -->
    	<s:iterator begin="startPage" end="endPage" var="i">
    		<s:if test="currentPage==#i">
    			<a href="#" class="current_page"><s:property value="#i"/></a>
    		</s:if>
    		<s:else>
    			<a href="pager2.action?currentPage=<s:property value="#i"/>"><s:property value="#i"/></a>
    		</s:else>
    	</s:iterator>
    	<s:if test="currentPage>=totalPage">
    		<a href="#">下一页</a>
    		<a href="#">尾页</a>
    	</s:if>
    	<s:else>
    		<a href="pager2.action?currentPage=<s:property value="currentPage+1"/>">下一页</a>
    		<a href="pager2.action?currentPage=<s:property value="totalPage"/>">尾页</a>
    	</s:else>
    </div>
</fieldset>
	
</body>
</html>


SHen丶
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js模仿百度分页，最多显示10页
03-11
模仿百度写的一个分页例子，限制最多显示10页
jsp页面完美的分页代码，每次显示十条分页链接。
热门推荐
fandiainiuniu的博客
06-12 1万+
jsp页面的分页，功能全面（有上一页，下一页，首页，尾页，跳到第几页，共几页，当前第几页；还有分页的链接，每次显示十条链接，已当前页为中心左边显示5个链接，右边显示4个链接，不管页数再多总是显示十个链接）。目前对这个代码比较满意，如果有哪里需要改进的话希望提醒哦。不太明白的话也可以找我交流交流
JSP+Servlet技术实现分页 首页 下一页 每一页显示10条页码 下一页 尾页 第页/共页 （利用PageBean实现）
YoungStar70的博客
08-25 8596
前端JSP页面的代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here <table border="2" style="border-collapse: collapse" bordercolor="blue"
struts2的分页标签
weixin_34293059的博客
11-20 47
1、准备tld文件 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <taglib xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.0" xsi:sc...
struts2分页标签
凌天蓝(Java)
06-14 145
实现自定义struts2标签分三个部分: 1.定义标签 在这步要创建标签说明文件 *.tld 2.实现标签组件 这里只需继承struts2中的组件类和标签类就行了 3.用freemarker渲染标签 这步要创建一个*.ftl文件.同时我把相关分页逻辑也写在了这里 下面是效果图   下面是源代码: 在/web-inf下建立tlds文件夹,在其中新建iThink.tld文件(名字随个...
php mysql页码,MySQL / PHP-页码分页有时仅显示10页
weixin_42407617的博客
02-08 113
I am having difficulties with my MYSQL / PHP dashboard. - Currently i am having 50 pages, but currently they are all showing on the same page.http://imgur.com/wDfTWUa - as you can see in the attached ...
Struts2 实现分页
LIXG425的专栏
07-10 124
http://songshu0616.blog.163.com/blog/static/26250151201041731939595/ 1.转自:http://www.cnblogs.com/shiyangxt/archive/2008/11/04/1316737.html 环境：MyEclipse6.5+Mysql5+struts2.0.11 实现分页用到三个类，分别为NewsD...
jsp 开发之struts2中s:select标签的使用
10-19
主要介绍了jsp 开发之struts2中s:select标签的使用的相关资料,需要的朋友可以参考下
详解Struts2中对未登录jsp页面实现拦截功能
10-19
主要介绍了Struts2中对未登录jsp页面进行拦截功能的实现，在演示源码的同时对步骤和原理进行了分析，具有一定参考价值，需要得朋友可以了解下。
JSP数据库操数据分页显示
01-08
<%...charset=8859_1″ %><%//变量声明java.sql.Connection sqlCon; //数据库连接对象java.sql.Statement sqlStmt;... //一页显示的记录数int intRowCount; //记录总数int intPageCount;
Struts2实现分页
05-30
struts实现数据库添删改查，以及分页 ArrayList list; UserService service; Users user; Pager page=new Pager(); public Pager getPage() { return page; } public void setPage(Pager page) { this.page = page; } public Users getUser() { return user; } public void setUser(Users user) { this.user = user; } public ArrayList getList() { return list; } public void setList(ArrayList list) { this.list = list; } public String lists() { service = new UserService(); // list=service.getAllUsers(); System.out.println("page.pageNow="+page.getPageNow()); list = service.getUsersByPage(page.getPageNow(), page.getPageSize()); return Action.SUCCESS; } public String input() { service = new UserService(); if (user != null) { user = service.getUsersByname(user); System.out.println(user.toString()); } return Action.SUCCESS; } public String save() { service = new UserService(); if (user != null && user.getCdate() != null) { service.updateUsers(user); System.out.println(user.toString()); } else { service.addUsers(user); } return Action.SUCCESS; } public String deleteusers() { service = new UserService(); service.delUsers(user); return Action.SUCCESS; } 用户名密码权限日期操作 <a href="input?user.username=">修改     <a href="del-users?user.username=">删除 添加用户 <a href="list-users?page.pageNow=">首页 <a href="list-users?page.pageNow=<s:property value="page.
使用 struts2实现分页
03-05
使用jsp+struts2实现前台分页技术
struts2实现分页
11-22
struts2中<s:bean name="org.apache.struts2.util.Counter" id="counter">循环标签的使用
jquery java struts2 实现分页 非常好看的分页
01-10
jquery java struts2 实现分页 非常好看 可自定义修改样式
struts2实现jsp分页功能带注释
04-14
简单易懂的struts2实现jsp现实分页技术。
jsp_page.rar_jsp 分页显示_jsp分页_page_分页 java_分页显示
09-22
jsp页面的分页组件、用于分页显示文章列表
Struts2实现简单分页
hoho_12
05-12 1万+
Struts2+mysql实现简单分页
jsp分页显示数据（显示方式有很多种）
10-20
jsp分页显示数据，基本上实现了网上所有我见过的分布显示方式！发上来给大家共享一下！
您可以通过使用 JSP 来实现分页功能的代码，以便在浏览器上显示每个页面的记录
最新发布
06-01
1. 首先，在 JSP 页面中设置当前页码和每页显示数量的变量： ```java int page = Integer.parseInt(request.getParameter("page")); int pageSize = Integer.parseInt(request.getParameter("pageSize")); %> ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值