javaweb基本的分页功能实现

最新推荐文章于 2023-11-02 20:49:46 发布

TMAC-J

最新推荐文章于 2023-11-02 20:49:46 发布

阅读量3.4k

点赞数

分类专栏： java 文章标签： java web

本文链接：https://blog.csdn.net/yzj479622672/article/details/77450780

版权

本文记录了JavaWeb项目中实现基本分页功能的步骤，包括JSP页面设置、AJAX请求及Controller层的接口代码。通过这些内容，开发者可以快速复用或实现类似的分页查询功能。

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

现在把项目中用到的分页功能给mark一下，以便以后开发用到类似的功能可以直接拿过来用

1.首先是前台的Jsp界面，主要就是存储当前的界面和每页显示的数据量，以及你需要传入的一些数据

	 	<!-- 分页 -->
	 		<input id="roleId" type="hidden" value="${sessionScope.userinfo.roleId}"  />
			<input id="sizePerPage" type="hidden" value="10" name="sizePerPage" />
			<input id="pageIndex" value="1" type="hidden" name="pageIndex" />
			<div id="pagebar" class="pagin"></div>
		<!-- 分页 -->

2.js代码，用ajax请求后台

/**
 * 评选活动教师报名
 */
function queryTeacher(){
	$("#proList1").html("");
	var teacherName=$("#teacherName").val();
	var startIndex = $("#pageIndex").val();
	var pageSize = $("#sizePerPage").val();
	var url = pathHeader + "/master/quertTeacherComment.do";
	$.ajax({
		url:url,
		data:{
		comparisonId:comparisonId,
		teacherName:teacherName,
		startIndex:startIndex,
		pageSize:pageSize
		},
		type:"post",
		async:true,
		success:function(data){
			if(data.success){
				var rows = data.rows;
				var gridHtml = "";
				if(rows.length > 0){
					$.each(rows,function(index,element){
						gridHtml += getTdHtml(element);
					});
					$("#proList1").html(gridHtml);
					pagination(data, function(){queryTeacher();});
					$("#proList1").html(gridHtml);
				}else{
					$('#proList1').html("<tr><td colspan='14'>无查询记录</td></tr>");
					pagination(data, function(){queryTeacher();});
				}
				
			}
			
		},
		error:function(){
			
		}
	});
}

3.controller层代码

	/**
	 * 跳转教师列表（根据项目ID）
	 * @author TMACJ
	 * @return
	 */
	@RequestMapping("queryTeacherList.htm")
	public String queryTeacherList(HttpServletRequest request){
		String comparisonId = request.getParameter("comparisonId");//要报名的评比活动
		Map<String, Object> condition = new HashMap<String, Object>();
		condition.put("comparisonId", comparisonId);
		PageObject pageObject = eduMasterService.queryComparison(condition);
		EduComparison eduComparison = (EduComparison) pageObject.getObjects().get(0);
		request.setAttribute("comparisonName", eduComparison.getComparisonName());
		request.setAttribute("comparisonId", c