bootStrap table实现分页

<script type="text/javascript">
<span style="white-space:pre">	</span>//初始化公告栏
<span style="white-space:pre">	</span>//ajax加载notice
<span style="white-space:pre">	</span>$(function() {
<span style="white-space:pre">		</span>getNoticePageModel("init");
<span style="white-space:pre">	</span>});


<span style="white-space:pre">	</span>var pageNumber = 0; //当前页
<span style="white-space:pre">	</span>var totalPage = 0; //总页数


<span style="white-space:pre">	</span>//获取公告数据及分页数据
<span style="white-space:pre">	</span>function getNoticePageModel(flag) {
<span style="white-space:pre">		</span>if ("previous" == flag) {
<span style="white-space:pre">			</span>//上一页
<span style="white-space:pre">			</span>if (1 != pageNumber) { //未达首页
<span style="white-space:pre">				</span>pageNumber--;
<span style="white-space:pre">				</span>if (1 == pageNumber) { //到达首页
<span style="white-space:pre">					</span>$("#previous").attr("class", "disabled");
<span style="white-space:pre">					</span>pageNumber = 1;
<span style="white-space:pre">				</span>}
<span style="white-space:pre">				</span>$("#next").attr("class", "active");
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>} else if ("next" == flag) {
<span style="white-space:pre">			</span>//下一页
<span style="white-space:pre">			</span>if (pageNumber != totalPage) { //未达尾页
<span style="white-space:pre">				</span>pageNumber++;
<span style="white-space:pre">				</span>if (pageNumber == totalPage) { //到达尾页
<span style="white-space:pre">					</span>$("#next").attr("class", "disabled");
<span style="white-space:pre">					</span>pageNumber = totalPage;
<span style="white-space:pre">				</span>}
<span style="white-space:pre">				</span>$("#previous").attr("class", "active");
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>} else if ("init" == flag) {
<span style="white-space:pre">			</span>//初始化公告
<span style="white-space:pre">			</span>pageNumber = 1;
<span style="white-space:pre">			</span>$("#previous").attr("class", "disabled");
<span style="white-space:pre">			</span>$("#next").attr("class", "active");
<span style="white-space:pre">		</span>}


<span style="white-space:pre">		</span>url = "getNoticePageModel.action?pageNumber=" + pageNumber;
<span style="white-space:pre">		</span>$.ajax({
<span style="white-space:pre">			</span>url : url,
<span style="white-space:pre">			</span>type : "post",
<span style="white-space:pre">			</span>dateType : "json",
<span style="white-space:pre">			</span>success : function(res) {
<span style="white-space:pre">				</span>var pageModel = res["pageModel"];
<span style="white-space:pre">				</span>var noticeList = res["noticeList"];
<span style="white-space:pre">				</span>totalPage = pageModel.totalPage; //总页数
<span style="white-space:pre">				</span>if (pageNumber >= 1 && pageNumber <= totalPage) { //判断是否超限
<span style="white-space:pre">					</span>loadNotice(noticeList); //加载notice
<span style="white-space:pre">					</span>$("#numAndCount").text(pageNumber + '/' + totalPage);//修改标记
<span style="white-space:pre">				</span>}
<span style="white-space:pre">			</span>}
<span style="white-space:pre">		</span>});
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>//加载notice
<span style="white-space:pre">	</span>function loadNotice(res) {
<span style="white-space:pre">		</span>var tBody = $("#noticeTable").find("tbody");
<span style="white-space:pre">		</span>tBody.find("tr:not(:first)").remove();
<span style="white-space:pre">		</span>for ( var index in res) {
<span style="white-space:pre">			</span>//新建一行
<span style="white-space:pre">			</span>var newTr = $("<tr></tr>");
<span style="white-space:pre">			</span>//新建节点
<span style="white-space:pre">			</span>var newsTd = $("<td></td>");
<span style="white-space:pre">			</span>var dateTd = $("<td></td>");
<span style="white-space:pre">			</span>//新建超链接
<span style="white-space:pre">			</span>var newsA = $("<a></a>");


<span style="white-space:pre">			</span>//添加内容和时间
<span style="white-space:pre">			</span>var noticeTitle = res[index].noticeTitle;
<span style="white-space:pre">			</span>var noticeDate = res[index].noticeDate;
<span style="white-space:pre">			</span>/* alert(noticeTitle);
<span style="white-space:pre">			</span>alert(noticeDate); */
<span style="white-space:pre">			</span>newsA.text(noticeTitle);
<span style="white-space:pre">			</span>dateTd.text(noticeDate);


<span style="white-space:pre">			</span>//添加数据td-tr-tbody
<span style="white-space:pre">			</span>newsTd.append(newsA);
<span style="white-space:pre">			</span>newTr.append(newsTd);
<span style="white-space:pre">			</span>newTr.append(dateTd);
<span style="white-space:pre">			</span>tBody.append(newTr);
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>}
</script>

2.分页需要从数据库查询记录数，并计算totalRecord,totalPage和设置pageSize(每页记录数)

int pageSize = 10; //每页记录数
int totalRecord = getPageCount(); //总记录数
int totalPage = (totalRecord+pageSize-1)/pageSize;  //总页数

3.将处理好的记录和分页存入pojo

</pre><pre name="code" class="java">@Override
	public NoticePageModel getNoticePageModel(Integer pageNumber) throws Exception{
		NoticePageModel noticePageModel=new NoticePageModel(); //存放分页数据和noiceList
		PageModel pageModel = new PageModel(); //存放分页数据
		List<Notice> noticeList= getTenNotice(pageNumber);
		/**
		 * 处理分页数据
		 */
		int pageSize = 10; //每页记录数
		int totalRecord = getPageCount(); //总记录数
		int totalPage = (totalRecord+pageSize-1)/pageSize;  //总页数
				
		pageModel.setTotalRecord(totalRecord); 
		pageModel.setPageSize(pageSize);
		pageModel.setTotalPage(totalPage);
		
		noticePageModel.setNoticeList(noticeList);
		noticePageModel.setPageModel(pageModel);
		
		return noticePageModel;
	}
	@Override
	public List<Notice> getTenNotice(Integer pageNumber) throws Exception {
		pageNumber = (pageNumber-1) * 10; //翻页
		List<Notice> noticeList = noticeMapper.getTenNotice(pageNumber);
		return noticeList;
	}


	@Override
	public List<Notice> getHomeNotice() throws Exception {
		List<Notice> noticeList = noticeMapper.getHomeNotice();
		return noticeList;
	}


	@Override
	public int getPageCount() throws Exception {
		// 获取总记录数
		return noticeMapper.getPageCount();
	}

4.将pojo转为json传递给js