JAVA自創分頁方法

頁面:

<!-- /頁碼 -->
<div class="pages" style="margin-top:30px;border: 0px solid black;">
	<div class="page-panel" style="border: 0px solid black;width: 100%;text-align: right;margin-top: 30px;">
		<div style="float: right;">
			<a href="javascript:searchOrder('previousPage')" class="prev on">上一頁</a>
			<a href="javascript:searchOrder('netPage')" class="next on">下一頁</a>
			<span>共10條</span>
			<span>跳到</span>
			<input type="text" name="pageIndex" id="pageIndex"/><span>頁</span>
			<a href="javascript:searchOrder('pageText')" class="next on">GO</a>
		</div>
	</div>
</div>

js:

$(function(){
	searchOrder(null);
});

function searchOrder(type) {
	var pageIndex=null;
	if(type=='pageText'){
		pageIndex=$("#pageIndex").val();
	}
	$.ajax({
		url : "${APP_PATH}/jewelry/queryProContller.do",
		type : "POST",
		data : {"type":type,"pageIndex" : pageIndex}, //當前頁面
		dataType : "json",
		success : function(data) {
			var html = "";
			if (data.success) {
				$.each(data.queryproList, function(i, procoll){
					$.each(procoll, function(j, proList){
						 html +="<div style='width:200px;height:250px;background-color: #f9f8f8;float: left;margin-right: 30px;margin-top:10px;margin-left: 5px;'>";
						 html+="<center>"
						 html+="<div style='width:100%;height:200px;;border: 0px solid black;' οnclick='productCommodity("+proList.pid+")'>";
						 html+="<img alt='圖片'  src="+proList.pro_imgs+" width='100%' height='100%' >";
						 html+="</div>";
						 html+="</center>";
						 html+="<span><b>"+proList.pro_name+"</b>&emsp; <b>¥:</b><b style='color:#d9ac80;'>"+proList.pro_price+"</b></span>";
						 html+="</div>"; 
					});
				});
				 $("#proList").html(html); 	
			} else {
				return;
			}
		}
	});

後臺:

int pageNum1=0;//當前頁面
int pageCount1=0;//總頁面
@ResponseBody
@RequestMapping(value = "/queryProContller",method = RequestMethod.POST)
public Object queryProContller(HttpSession session,HttpServletRequest request) throws Exception{
	
	Map<String,Object> map=new HashMap<String,Object>();
	ArrayList<Object> list=new ArrayList<Object>();
	
	String num=request.getParameter("pageIndex");
	String type=request.getParameter("type");
	int count=productDao.queryProContllect(null);
	
	pageCount1=count/8;
	if("".equals(type) || type==null){   //請求加載時沒有上下頁面
		pageNum1=0;
		List<Map<String, Object>> queryPro=productDao.listProContllect("*", 0,8,null,null,null);
		list.add(queryPro);
		map.put("success", true);
		map.put("queryproList",list);
	}else if("netPage".equals(type)){	//下一頁 
		if(pageNum1>=pageCount1){
			pageNum1=pageCount1;
		}else if(pageNum1<count){
			pageNum1=pageNum1+1;
		}
		List<Map<String, Object>> queryPro=productDao.listProContllect("*", pageNum1*8,8,null,null, null);
		list.add(queryPro);
		if(!queryPro.isEmpty()){
			map.put("success", true);
			map.put("queryproList",list);
		}else{
			map.put("success",false);
		}
	}else if("previousPage".equals(type)){	 //上一頁 
		if(pageNum1>0){
			pageNum1=pageNum1-1;
		}else{
			pageNum1=0;
		}
		List<Map<String, Object>> queryPro=productDao.listProContllect("*", pageNum1*8,8,null,null, null);
		list.add(queryPro);
		if(!queryPro.isEmpty()){
			map.put("success", true);
			map.put("queryproList",list);
		}else{
			map.put("success",false);
		}
	}else if("pageText".equals(type)){	//填寫跳轉頁面
		int pagenumtext=Integer.parseInt(num);
		List<Map<String, Object>> queryPro=productDao.listProContllect("*", pagenumtext*8,8,null,null, null);
		list.add(queryPro);
		if(!queryPro.isEmpty()){
			map.put("success", true);
			map.put("queryproList",list);
		}else{
			map.put("success",false);
		}
	}
	return map;
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章