WEB分页写法

最新推荐文章于 2023-08-21 10:34:53 发布

原创最新推荐文章于 2023-08-21 10:34:53 发布 · 721 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #javascript #hashmap #list #string #action

网页前端专栏收录该内容

5 篇文章

订阅专栏

后台代码：

public ModelAndView list1(HttpServletRequest request,HttpServletResponse response){
                //当前页码
		String page = request.getParameter("page") == null?"1":request.getParameter("page");
                //设定每页显示数量
		String maxResultStr = request.getParameter("maxResultStr") == null?"25":request.getParameter("maxResultStr");
                //每页显示条数
		int maxRows = Integer.parseInt(null==maxResultStr?"25":maxResultStr);//每页的记录数
		int pageint = Integer.parseInt(page);
		maxRows = maxRows == 0 ? 25 : maxRows;
		int firstRow = (pageint - 1) * maxRows; //从哪条记录看开始取
		
		int pagecount = 1;
		int total = 0;
                List ist = this.getRegManager().listOBJ(firstRow, maxRows);
		total = this.getRegManager().countOBJ();
		//计算出总页数
		pagecount = total/maxRows;
		if((total%maxRows)>0){
			pagecount = pagecount + 1;
		}
                Map m  = new HashMap();
		m.put("list", list);
		m.put("total", total);
		m.put("page", page);
		m.put("pagecount", pagecount);
		return new ModelAndView("yemian",m);
}

前台增加控制页面的链接：

<form id="form1" action="list.do" method="post">
<a href="javascript:void(0);"  onclick="submitform('past')">上一页</a>&nbsp;&nbsp;共有${total}条记录&nbsp;&nbsp;当前第&nbsp;&nbsp;${page}&nbsp;&nbsp;页/共&nbsp;&nbsp;${pagecount}&nbsp;&nbsp;页
<a href="javascript:void(0);"  onclick="submitform('next')">下一页</a>
<input type="hidden" id="page" name="page" value="${page}" />
<input type="hidden" id="pagecount" name="pagecount" value="${pagecount}" />
</form>

<script type="text/javascript">
function submitform(arg){
  var page = document.getElementById('page');
  var pagecount = document.getElementById('pagecount').value;
  if(arg=='past'){
   if(page.value == 1){
    alert('已经是第一页');
    return false;
   }else{
    var temp = Number(page.value);
    page.value=temp-1;
   }
  }else if(arg=='next'){
   if(page.value == pagecount){
    alert('已经是最后一页');
    return false;
   }else{
    var temp = Number(page.value);
    page.value=temp+1;
   }
  }
  var fm = document.all.form1;
  fm.submit();
}
</script>