開發博客系統的時候使用了 NVelocity 模版引擎,在列表頁的時候需要使用分頁,所以自己寫了個生成 Html 代碼的分頁。
使用NVelocity生成列表頁面的時候比如是第一頁把參數“1”和列表頁的URL等傳進去,生成當前頁面的分頁,然后用NVelocity替換生成后的代碼,需要生成的代碼示例:
<div class="pager"> <div class="pagerbox"> <a href="/?cid=0&tag=&key=&page=1">首頁</a> <a href="/?cid=0&tag=&key=&page=1">上一頁</a> <b>1</b> <a href="/?cid=0&tag=&key=&page=2">2</a> <a href="/?cid=0&tag=&key=&page=3">3</a> <a href="/?cid=0&tag=&key=&page=4">4</a> <a href="/?cid=0&tag=&key=&page=2">下一頁</a> <a href="/?cid=0&tag=&key=&page=6">尾頁</a> </div> <span>當前第1頁,共6頁, 共有53條記錄。</span> </div>
先來個效果圖:

樣式代碼:
.pagerbox { float: left; }
.pager { margin: 20px 0px; }
.pager span { line-height: 28px; float: right; }
.pagerbox a, .pagerbox b { background-color: #009AD9; border: 1px solid #009AD9; }
.pager .pagerbox a { color: #FFF; float: left; line-height: 28px; padding: 0 10px; margin-right: 2px; }
.pager .pagerbox a:hover { color: #000000; border: 1px solid #148ec0; background: #f0f0f0; }
.pager .pagerbox b { float: left; font-weight: normal; padding: 0 10px; background: #fff; line-height: 28px; margin-right: 2px; }
后台代碼:
///<summary>
///打印分頁信息。
///</summary>
///<param name="recordCount">記錄總數。</param>
///<param name="pageIndex">分頁索引。</param>
///<param name="pageSize">分頁大小。</param>
///<param name="pageLink">分頁地址,{0}為當前頁匹配。</param>
/// <param name="nextPageText">下一頁顯示文本。</param>
/// <param name="prevPageText">上一頁顯示文本。</param>
/// <param name="homePageText">首頁顯示文本。</param>
/// <param name="lastPageText">尾頁顯示文本。</param>
/// <param name="displayMsg">顯示消息文本。</param>
/// <returns>返回分頁的 Html 代碼。</returns>
public static string Print(int recordCount, int pageIndex, int pageSize, string pageLink, string nextPageText, string prevPageText, string homePageText, string lastPageText, string displayMsg)
{
if (pageSize < 1) { pageSize = 1; }
if (pageIndex < 1) { pageIndex = 1; }
//開始
string html = string.Empty;
string htmlLeftPage = string.Empty;
string htmlRightPage = string.Empty;
if (pageLink == string.Empty) { pageLink = "?"; }
//開始計算
long pageCount = 0;
if (recordCount % pageSize == 0)
{
pageCount = recordCount / pageSize;
}
else
{
pageCount = (recordCount / pageSize) + 1;
}
for (int i = 2; i >= 1; i--)
{
if (pageIndex - i >= 1)
{
htmlLeftPage += string.Format("<a href=\"{0}\">{1}</a>", string.Format(pageLink, (pageIndex - i)), pageIndex - i);
}
}
for (int j = 1; j <= 2; j++)
{
if (pageIndex + j <= pageCount)
{
htmlRightPage += string.Format("<a href=\"{0}\">{1}</a>", string.Format(pageLink, (pageIndex + j)), pageIndex + j);
}
}
long prevPage = pageIndex - 1;
if (prevPage < 1) { prevPage = 1; }
long nextPage = pageIndex + 1;
if (nextPage > pageCount) { nextPage = pageCount; }
//最后處理
if (nextPage < 1) { nextPage = 1; }
if (pageCount < 1) { pageCount = 1; }
//計算結束
string leftHtml = string.Format("<a {0}>{1}</a><a {2}>{3}</a>{4}", pageIndex != 1 ? string.Format("href=\"{0}\"", string.Format(pageLink, 1)) : "", homePageText, pageIndex != prevPage ? string.Format("href=\"{0}\"", string.Format(pageLink, prevPage)) : "", prevPageText, htmlLeftPage);
string rightHtml = string.Format("{0}<a {1}>{2}</a><a {3}>{4}</a>", htmlRightPage, pageIndex != nextPage ? string.Format("href=\"{0}\"", string.Format(pageLink, nextPage)) : "", nextPageText, pageIndex != pageCount ? string.Format("href=\"{0}\"", string.Format(pageLink, pageCount)) : "", lastPageText);
html = string.Format("<div class=\"pagerbox\">{0}<b>{1}</b>{2}</div><span>{3}</span>", leftHtml, pageIndex, rightHtml, string.Format(displayMsg, pageIndex, pageCount, recordCount));
return html;
}
