基于ssh框架及bootstrap前端框架做的简单分页

最新推荐文章于 2022-07-12 22:05:04 发布

马蹄印

最新推荐文章于 2022-07-12 22:05:04 发布

阅读量5.7k

点赞数 1

分类专栏： ======ssh 文章标签： java web hibernate spring bootstrap 分页

本文链接：https://blog.csdn.net/bawcwchen/article/details/42588397

版权

这篇博客分享了如何使用Struts2、Spring、Hibernate框架结合Bootstrap前端框架实现简单的分页功能。博主详细介绍了查询页面和列表页面的实现，包括页面元素如总记录数、导航链接和页数选择框的展示。还提到了Page类的设计，以及在Action和DAO层处理分页查询的方法。最后展示了实现效果。

摘要由CSDN通过智能技术生成

一直都想研究下分页的，一直没集中的时间来做，刚好今天时间有集中的时间，所以就做了个简单的分页，后台是基于struts2,spring,hibernate,前端用的是bootstrap来进行了美化了下，让页面显得好看点，分页功能就是最常见的，也就是显示总记录，首页，上一页，下一页，尾页，当前页及总页数，页数选择框，我直接贴代码了。

查询页面：

<jsp:include page="/header.jsp"></jsp:include>
<html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
	<head>
		<script type="text/javascript"
			src='<%=request.getContextPath()%>/dwr/engine.js'></script>
		<script type="text/javascript"
			src='<%=request.getContextPath()%>/dwr/util.js'></script>
		<script type="text/javascript"
			src='<%=request.getContextPath()%>/dwr/interface/jshello.js'></script>
		
	</head>
	
	

	<body οnlοad="document.all.formUser.submit();">
		<form action="userIist" target="Iframe_UserList" name="formUser">
			<table width="100%">
				<tr style="background-color: blue;">
					<td>
						查询条件
					</td>
				</tr>
			</table>

			<input name="page.curPage" id="curpage"	 value="1" type="hidden"></input>
			
			<!-- 结果列表 -->
			<iframe name="Iframe_UserList" id="iframew" frameborder="0"
				width="100%" scrolling="no" align="middle" src="" height="500px" />
		</form>
	</body>

</html>

上面想说明一点，当没有给id="curpage"设值时，传给后台中page对象的curpage就字符串类型，后台会报错，但不影响运行，所以我又在前面给了值1,本来也想把这个接收当前页的input放到内嵌的iframe里的，但实际却是不行的，可以接收值，但不能往后台传值，所以就它行移到父页面了，在子页面通过parent给它赋值

列表页面(也就是嵌在查询页面里面的iframe):

<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<link rel="stylesheet" type="text/css"
	href='<%=request.getContextPath()%>/js/jquery-easyui-1.3.5/themes/default/easyui.css' />
<link rel="stylesheet" type="text/css"
	href='<%=request.getContextPath()%>/js/jquery-easyui-1.3.5/themes/ico