<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