ssm分页

最新推荐文章于 2024-09-10 06:36:17 发布
最新推荐文章于 2024-09-10 06:36:17 发布
阅读量236 收藏
点赞数 2
文章标签： 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ali_nie/article/details/84168142
版权
页面效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

需求

1.分页只显示5个数据，当前页字体为红色；
2.前两页保持不变，后面以当前页为中心前后各一页；
3.搜索通过enter键可直接跳转到页面；

需求分析

1.创建page实体类，属性包括：
查询当页数据的第一条数据的索引start；
每页显示条数count
总页数total

// pojo
public class Page {
	private int start;
	private int count;
	private int total;
	
	private static final int defaultCount = 5;
	public Page() {
		count = defaultCount;
	}

	public Page(int start, int count) {
		this();
		this.start = start;
		this.count = count;
	}

	public int getStart() {
		return start;
	}
	public void setStart(int start) {
		this.start = start;
	}
	public int getCount() {
		return count;
	}
	public void setCount(int count) {
		this.count = count;
	}
	public int getTotal() {
		return total;
	}
	public void setTotal(int total) {
		this.total = total;
	}
	public String getParam() {
		return param;
	}
	public void setParam(String param) {
		this.param = param;
	}
	/**
	 * 判断是否有前一页
	 * @return boolean
	 */
	public boolean isHasPreviouse() {
		if (start == 0) {
			return false;
		}
		return true;
	}

	/**
	 * 判断是否有后一页
	 * @return boolean
	 */
	public boolean isHasNext() {
		if (start == getLast()){
			return false;
		}
		return true;
	}

	/**
	 * 计算出最后一页的数值是多少
	 * @return int
	 */
	public int getLast() {
		int last;
		// 假设总数是50，是能够被5整除的，那么最后一页的开始就是45
		if (0 == total % count)
			last = total - count;
		// 假设总数是51，不能够被5整除的，那么最后一页的开始就是50
		else
			last = total - total % count;
		last = last < 0 ? 0 : last;
		return last;
	}

	/**
	 * 根据 每页显示的数量count以及总共有多少条数据total，计算出总共有多少页
	 * @return int
	 */
	public int getTotalPage() {
		int totalPage;
		// 假设总数是50，是能够被5整除的，那么就有10页
		if (0 == total % count) {
			totalPage = total / count;
		}
		// 假设总数是51，不能够被5整除的，那么就有11页
		else {
			totalPage = total / count + 1;
		}
		if (0 == totalPage) {
			totalPage = 1;
		}
		return totalPage;

	}
	// 计算当前页，用第一个索引/页面条数 + 1
	public int getCurrentPage() {
		int currentPage = start / count + 1;
		return currentPage;
	}
	@Override
	public String toString() {
		return "Page [start=" + start + ", count=" + count + ", total=" + total + ", getStart()=" + getStart()
				+ ", getCount()=" + getCount() + ", isHasPreviouse()=" + isHasPreviouse() + ", isHasNext()="
				+ isHasNext() + ", getTotalPage()=" + getTotalPage() + ", getLast()=" + getLast() + "]";
	}
}

控制层：获取Page传输到jsp页面

// 这是我的搜索例子
@RequestMapping("listProperty")
	public String list(int cid,Model model,Page page) {
		Category c = categoryService.get(cid);
		// 通过分页插件指定分页参数
		PageHelper.offsetPage(page.getStart(),page.getCount());
		// 查询的数据
		List<Property> cs = propertyService.list(cid);
		// 通过PageInfo获取总数
	    int total = (int) new PageInfo<>(cs).getTotal();
	    // 将总页数放进page
		page.setTotal(total);
		model.addAttribute("cs", cs);
	    model.addAttribute("c", c);
	    model.addAttribute("page", page);
		return "listProperty";
	}

jsp页面：用bootstrap画页面
遍历逻辑处理：
1.当总页数小于等于5页的时候，直接遍历所有分页；
2.当总页数大于5页的时候，
a总页数-当前页大于1页时，先直接遍历前两页，中间用。。。代替，中间显示当前页-1，当前页，当前页+1，后面用。。。
b.当总页数-当前页小于等于1时，先遍历前两页，中间同。。。代替，后面显示总页数-2，总页数-1，总页数。

<ul class="pagination" value="${page.currentPage }" style="margin-left: 30%">
	<li <c:if test="${!page.hasPreviouse}"> class="disabled"</c:if>><a
		href="?start=${page.start-page.count}${page.param}"> <span
			aria-hidden="true">上一页</span>
	</a></li>
	<!-- 总页数小于6页时 -->
	<!-- 直接遍历显示 -->
	<c:if test="${page.totalPage < 6 }">
		<c:forEach begin="0" end="${page.totalPage-1}" varStatus="status">
			<li>
				<a self="${status.index*page.count}" href="?start=${status.index*page.count}${page.param}">${status.count}</a>
			</li>
		</c:forEach>
	</c:if>
	<!-- 总页数超过5页时 -->
	<c:if test="${page.totalPage >=6 }">
		<!-- 判断当前页数，当前页小于5时，显示前五页 -->
		<c:if test="${page.currentPage <= 4 }">
			<c:forEach begin="0" end="4" varStatus="status">
				<li>
					<a self="${status.index*page.count}" href="?start=${status.index*page.count}${page.param}">${status.count}</a>
				</li>
			</c:forEach>
		</c:if>
		<!-- 判断当前页数，当前页大于5，总页数 - 当前页小于1时，显示前2页 ，中间用..，遍历当前页前后两数字.-->
		<c:if test="${page.currentPage > 4 && (page.totalPage - page.currentPage) <= 1 }">
			<c:forEach begin="0" end="1" varStatus="status">
				<li>
					<a self="${status.index*page.count}" href="?start=${status.index*page.count}${page.param}">${status.count}</a>
				</li>
			</c:forEach>
			<li><a>...</a><li>
			<li>
				<a self="${(page.totalPage-3)*page.count}" href="?start=${(page.totalPage-3)*page.count}${page.param}">${page.totalPage-2}</a>
			</li>
			<li>
				<a self="${(page.totalPage-2)*page.count}" href="?start=${(page.totalPage-2)*page.count}${page.param}">${page.totalPage-1}</a>
			</li>
			<li>
				<a self="${(page.totalPage-1)*page.count}" href="?start=${(page.totalPage-1)*page.count}${page.param}"> <span aria-hidden="true">${page.totalPage}</span></a>
			</li>
		</c:if>
		<!-- 判断当前页数，当前页大于5，总页数 - 当前页大于1时，显示前2页 ，中间用..，遍历当前页前后两数字，后面用。。。.-->
		<c:if test="${page.currentPage > 4 && (page.totalPage - page.currentPage) > 1 }">
			<c:forEach begin="0" end="1" varStatus="status">
				<li>
					<a self="${status.index*page.count}" href="?start=${status.index*page.count}${page.param}">${status.count}</a>
				</li>
			</c:forEach>
			<li><a>...</a><li>
			<li>
				<a self="${(page.currentPage-2)*page.count}" href="?start=${(page.currentPage-2)*page.count}${page.param}">${page.currentPage-1 }</a>
			</li>
			<li >
				<a self="${(page.currentPage-1)*page.count}" href="?start=${(page.currentPage-1)*page.count}${page.param}">${page.currentPage }</a>
			</li>
			<li>
				<a self="${(page.currentPage)*page.count}" href="?start=${(page.currentPage)*page.count}${page.param}">${page.currentPage+1 }</a>
			</li>
			<li><a>...</a><li>  
		</c:if>
	</c:if>
	
	<li <c:if test="${!page.hasNext}">class="disabled"</c:if>><a href="?start=${page.start+page.count}${page.param}"> <span
			aria-hidden="true">下一页</span>
	</a></li>
	<%-- <li <c:if test="${!page.hasNext}">class="disabled"</c:if>><a
		href="?start=${page.last}${page.param}"> <span aria-hidden="true">末页</span>
	</a></li> --%>
	<li>
		&nbsp;&nbsp;共${page.totalPage }页,到第&nbsp;
		<input type="text" name="" style="width: 40px;text-align: center;" id="goNum">
		&nbsp;页&nbsp;
		<button class="btn btn-default" type="button" id="goBtn">Go!</button>
	</li>
</ul>

js

<script>
$(function(){
	$("ul.pagination li.disabled a").click(function(){
		return false;
	});
	// 分页做搜索框搜索跳转
	$("#goBtn").click(function(){
		var cnum = $("#goNum").val();
		var c = (parseInt(cnum)-1)*5;
		if(cnum!=""){
			if(c <= ${page.total}){
				window.location.href="?start="+c;
			}else{
				$(this).css("class","display");
			}
		}else{
			$(this).css("class","display");
			
		}
	}); 
	// enter监听事件
	$("#goNum").bind("keyup",function(event){
		if(event.keyCode=="13"){
			$("#goBtn").click();
		}
	})
	// 为当前页动态添加样式，self属性为自己设定，为了取到当前页
	$("a[self='${(page.currentPage-1)*page.count}']").css("color","red");
});
</script>
Ali_nie
关注
SSM分页
灰白色
05-18 227
简单分页功能的实现效果图： 简单分页功能的实现思想： 1.后端根据前端传入的查询条件（班级号，页号，若页号为空，则设置页号为1），分页显示查询的结果 < select id =“page” parameterType =“java.util.Map” resultMap =“TestStudentResult” > SELECT student_id,student_name,student_class_id FROM student < where > student_clas
SSM 分页实现
03-23
struts2+Spring3+mybatis3 实现的分页。使用的是mysql数据库，数据文件在工程的doc文件夹里，有mysql数据库，下载便可以使用。
ssm——整合，前端页面设计，分页(1)
最新发布
2401_86367152的博客
09-10 1139
此时引入pageHelper中的一个属性：reasonable：分页合理化参数，默认值为false。当该参数设置为 true 时，pageNumpages（超过总数时），会查询最后一页。默认false 时，直接根据参数进行查询。打开mybatis,xml文件，找到plugins下的在里面新增property属性；25.修改的基本实现前端字节跳动真题解析;
SSM 分页
weixin_47435934的博客
06-05 185
首先在pom.xml中配置依赖 <!--分页--> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.0.0</version> </dependency> 添加完依赖，配置xml文件，这个配置
SSM中的分页
qq_43540129的博客
07-17 303
在我们写一个项目时可能经常碰到这种情况，数据库中的内容太多，页面显示不下，这个时候就需要进行分页操作，例如数据库中的内容如下： 在这里我们需要借助一个工具pagehelper,我们接着maven将所需要的jar包导进来 <dependency> <groupId>com.github.pagehelper</groupId> <artif...
SSM分页解决方案-Bootstrap
11-03
SSM分页解决方案是Web开发中常见的需求，它涉及到SpringMVC、Bootstrap和Mybatis这三个核心技术。本解决方案提供了一个完整的框架，使得开发者可以方便地在Web应用中实现数据的分页展示。 首先，SpringMVC作为Java ...
SSM分页解决方案-easyui
11-03
SSM分页解决方案基于SpringMVC、Mybatis和EasyUI框架，这三者结合能够构建出功能强大且用户友好的Web应用。以下是关于这个主题的详细讲解。 **SpringMVC** 是Spring框架的一个模块，主要负责处理Web请求。它提供了...
SSM分页完美实现
12-28
本文将深入探讨如何在SSM框架下实现完美的分页效果。 一、Spring框架的角色 Spring作为整个应用的容器，负责管理所有Bean的生命周期和依赖注入。在分页场景中，Spring主要负责配置数据源、事务管理以及服务层和DAO...
ssm分页查询
11-09
分页的主要代码我都贴到记事本了，贴一段给大家看下 div class="pager"> 共 ${page.totalPageCount} 页</font> 第 ${page.pageNow} 页</font> 首页</a> <c:choose> ${page.pageNow - 1 > 0}"> ${page....
利用ssm框架做分页
08-18
特别容易理解，有注解，很容易看懂，学习利用ssm、MySQL、maven做分页的朋友，可以学习，代码可以直接运行
ssm 实现分页
04-29
本资源包提供了ssm框架标准的源码，可供初学ssm框架的同学们学习与交流，很多同学还在为分页发愁，所以快快来学习吧！
ssm框架下的分页
Soul__Ferry的博客
06-06 390
ssm框架下的分页 第一步是导入需要的包，在pom.xml中 <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.1.2</version> </dependency> 第二
ssm分页系统
qq_33720158的博客
09-28 476
下面这个是在jsp页面中完成的， var totalRecord,currentPage; //1、页面加载完成以后，直接去发送ajax请求,要到分页数据 $(function(){ //去首页 to_page(1); }); function to_page(pn){ $.ajax({ url:"${APP_PATH}/emps", da
7.SSM---分页
CC的博客
10-05 341
SSM—分页 一.设置全局变量 二.编写获取总页数的函数(页面加载后调用) 三.编写页面跳转函数 四.根据当前页(currentPage)和每页显示的记录数(pageSize)查询结果 五.html代码 注:操作列(增删改查) ...
ssm实现分页
crazy_lala的博客
07-05 2448
之前实现分页，都是写好后端就行，今天要自己全面实现一个分页，不知从何下手，也查了很多，但是基本都是说什么重构框架，自己写sql，计算前一页，前端 js 实现之类的，看的是云里雾里，后来也成功实现了分页，在此记录一下，希望能对大家有帮助。 一、maven pom文件中导入依赖（若没有使用响应的maven构建项目，导入相应的jar包即可） <dependency> <gro...
SSM实现分页
Richard_666的博客
12-19 297
第一步：书写controller类 //查询bgm所有数据 @PostMapping("/queryBgmList") public PagedResult queryBgmList(Integer page) { return videoService.queryBgmList(page, 10); } 第二步：书写service类 public interface Vid...
ssm分页查询pagehelper
08-24
这样，你就可以使用PageHelper实现SSM分页查询了。记得在每次查询之后，需要手动清除ThreadLocal中的分页参数，以免对其他查询产生影响： ```java PageHelper.clearPage(); ``` 希望能对你有所帮助！如果还有其他...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值