1.分页拦截器
com.princeframework.jlightspeed.common.persistence.interceptor.PaginationInterceptor
拦截条件1）所有查询，2）page != null && page.getPageSize() != -1
2.分页拦截器思路
1）设置了page的总记录数，2）重新修改了执行的sql，添加了limit条件
3.控制器写法
查询参数对象：public class TrackMapBean extends DataEntity<TrackMapBean>{}
以下是部分代码
TrackMapBean searchBean=..;
List<TrackMapBean> trackList=departmentOutDao.findDwellerTrack(searchBean)
page.setList(trackList);
resultMap.put("dataList", trackList);//数据list
resultMap.put("pageStr", page.toString());//分页控件
return resultMap;//返回的对象
3.前端代码
//点击查询执行的方法 function searchMapData(){ var data=parseForm("#searchForm"); if(data.num !=null&&data.num !=‘‘){ $.get("${ctx}/basedweller/manage/baiduTrackPage",data,function(data){ gendarList(data.dataList,data.pageStr); }); }else{ alert("请输入车牌号或者身份证号"); } //test(); } //生成表格title function gendarTitle(){ $("#title").empty(); var title=""; title+="<th>信息</th>"+ "<th>编号</th>"+ "<th>通过时间</th>"+ "<th>经度</th>"+ "<th>纬度</th>"; $("#title").append(title); } //生成表格 function gendarList(dataList,pageStr){ $("#pagination").empty(); $("#dataList").empty(); var headStr=""; for(var k=0;k<headStr.length;k++){ headStr+="<th>"+headStr[k]+"</th>" } $("#headAdd").append(headStr); var dataListStr=""; for(var s=0;s<dataList.length;s++){ var task=dataList[s] dataListStr+="<tr><td>"+ task.objInfo+ "</td>"+ "<td>"+ task.positionInfo+ "</td>"+ "<td>"+ task.passTime+ "</td>"+ "<td style=‘color:red‘>"+ task.lng+ "</td>"+ "<td>"+ task.lat+ "</td>"+ "</tr>"; } $("#dataList").append(dataListStr); $("#pagination").append(pageStr); } //点击分页控件 function page(n,s){ $("#pageNo").val(n); $("#pageSize").val(s); searchMapData(); return false; }
4.html代码
<form id="searchForm" class="breadcrumb form-search">
<input id="pageNo" name="pageNo" type="hidden" value="1"/>
<input id="pageSize" name="pageSize" type="hidden" value="3"/>
<ul class="ul-form">
<li><label>类型：</label>
<select name="type" id="type" >
<option value="ry">身份证</option>
<option value="car">车辆</option>
</select>
</li>
<li><label id=‘typeName‘>身份证：</label>
<input name="num" id="mobile" class="form-control" type="text" placeholder="输入关键字"/>
</li>
<li><label>时间：</label>
<input name="startTime" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
value="<fmt:formatDate value="${baseDweller.beginCreateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
onclick="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm:ss‘,isShowClear:false});"/> -
<input name="endTime" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
value="<fmt:formatDate value="${baseDweller.endCreateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
onclick="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm:ss‘,isShowClear:false});"/>
</li>
</ul>
<ul class="ul-form">
<li class="btns"><input class="btn btn-primary" type="button" value="查询" onclick="searchMapData();"/></li>
<li class="btns" onclick="clearForm();"><input id="btnClear" class="btn btn-primary" type="button" value="清除"/></li>
</ul>
</form>
<table id="contentTable" style="margin-top:38px;" class="table table-striped table-bordered table-condensed">
<thead>
<tr id="title">
</tr>
</thead>
<tbody id="dataList">
</tbody>
</table>
<div class="pagination" id="pagination"></div>
