婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 利用ASP.NET MVC+Bootstrap搭建個人博客之打造清新分頁Helper(三)

利用ASP.NET MVC+Bootstrap搭建個人博客之打造清新分頁Helper(三)

熱門標簽:網絡電話外呼系統上海 百應電話機器人外呼系統 地圖標注軟件免費下載 臨沂智能電話機器人加盟 400電話辦理怎么樣 西寧呼叫中心外呼系統線路商 聯通官網400電話辦理 蘇州如何辦理400電話 外呼電話機器人成本

0. 沒有找到一款中意的分頁插件,又不想使用現成的(丑到爆),所以自己動手造一個吧

先看下效果(其實也不咋滴...):

我的小站地址:我的Bootstrap小站;

PS:(問博客園:為什么老是刪我的置頂隨便?上一篇閱讀量都快500了,也分分鐘給我從首頁刪掉...真是無語了博客園地址:http://www.cnblogs.com/haust/p/5615946.html> )。

  有點另類,分頁直接是在后臺拼接好html,然后發送到前臺的:

  1. 分頁容器:

div class="pagination">
ul>
//************分頁HTML*********
/ul>
/div>

2. PagerHelper:

namespace ZYN.BLOG.WebHelper
{
public class PagerHelper
{
/// summary>
/// 生成分頁Html數據
/// /summary>
/// param name="currentPage">當前頁/param>
/// param name="pageSize">頁容量/param>
/// param name="totalCount">數據總條數/param>
/// returns>pagerHtmlString/returns>
public static string GeneratePagerString(int currentPage, int pageSize, int totalCount)
{
var redirectToUrl = HttpContext.Current.Request.Url.AbsolutePath;
pageSize = pageSize = 0 ? 4 : pageSize;
//1.0 總頁數
int totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1);
//2.0 分頁條的容量
int pageBarSize = 6;//默認一個分頁條顯示6個頁碼。分頁條容量 
//3.0 分頁條的個數 totalPages個頁數按 pageBarSize = 6 可以 分為多少個分頁條
int pageBarNum = (totalPages + pageBarSize - 1) / pageBarSize; // totalPages=13時,也就是把13個頁碼分成3個分頁條
//判斷當前頁currentPage坐落在第幾個分頁條內
int position = (currentPage - 1) / pageBarSize; 
//根據分頁條的序號,計算出該分頁條的第一個頁碼start和最后一個頁碼end
int start = position * pageBarSize + 1;
//如果是最后一個分頁條,則需判斷它實際的頁條容量;否則頁條容量就是pageBarSize
int curBarCapacity = pageBarSize;
if (position == pageBarNum - 1)
{
curBarCapacity = totalPages - (pageBarNum - 1) * pageBarSize;
}
StringBuilder pagerHtmlString = new StringBuilder();
StringBuilder endHtmlString = new StringBuilder();
//處理首頁
pagerHtmlString.AppendFormat("li id='start-page'>a href='{0}?pageIndex={1}pageSize={2}'>首頁/a>/li> ", redirectToUrl, 1, pageSize);
//處理上一頁:如果當前頁不是第一頁,就加上上一頁
if (currentPage > 1)
{
pagerHtmlString.AppendFormat("li class='prev-page'>a href='{0}?pageIndex={1}pageSize={2}'>上一頁/a>/li> ", redirectToUrl, currentPage - 1, pageSize);
}
//假如起始位置start為1 7 13
for (int i = 0; i  curBarCapacity; i++) //curBarCapacity=3 i=0 1 2
{
int j = start + i; //要顯示的頁碼當量值
if (j == currentPage)
{
//對當前頁的處理:class=active
pagerHtmlString.AppendFormat("li class='active show-page'>span>{0}/span>/li> ", currentPage);
if (curBarCapacity == pageBarSize)
{
//不處理最后一個分頁條頁
if (currentPage == start + pageBarSize - 1)
{
if (currentPage + 1  totalPages)
{
endHtmlString.AppendFormat("li class='show-page'>a href='{0}?pageIndex={1}pageSize={2}'>{3}/a>/li>", redirectToUrl, currentPage + 1, pageSize, currentPage + 1);
}
endHtmlString.Append("li class='show-page'>span>.../span>/li>");
endHtmlString.AppendFormat("li class='show-page'>a href='{0}?pageIndex={1}pageSize={2}'>{3}/a>/li>", redirectToUrl, totalPages, pageSize, totalPages);
}
}
}
else
{
pagerHtmlString.AppendFormat("li class='show-page'>a href='{0}?pageIndex={1}pageSize={2}'>{3}/a>/li> ", redirectToUrl, j, pageSize, j);
}
}
//省略號的處理
pagerHtmlString.Append(endHtmlString.ToString());
//處理下一頁:如果當前頁不是最后一頁,則加上下一頁。也即中間的所有分頁條都顯示下一頁
if (currentPage != totalPages)
{
pagerHtmlString.AppendFormat("li class='next-page'>a href='{0}?pageIndex={1}pageSize={2}'>下一頁/a>/li> ", redirectToUrl, currentPage + 1, pageSize);
}
//處理末頁
pagerHtmlString.AppendFormat("li id='end-page'>a href='{0}?pageIndex={1}pageSize={2}'>末頁/a>/li> ", redirectToUrl, totalPages, pageSize);
pagerHtmlString.AppendFormat("li id='total-page'>span>共-{0}-頁/span>/li>", totalPages);
pagerHtmlString.Append(" ");
return pagerHtmlString.ToString();
}
}
} 

3 渲染出來的分頁HTML是這樣的:

div class="pagination">
ul>   
 li id="start-page">a href="/Home/WrapArtList/0?pageIndex=1pageSize=6">首頁/a>/li>     
li class="active show-page">span>1/span>/li>     
li class="show-page">a href="/Home/WrapArtList/0?pageIndex=2pageSize=6">2/a>/li>    
 li class="show-page">a href="/Home/WrapArtList/0?pageIndex=3pageSize=6">3/a>/li>    
li class="show-page">a href="/Home/WrapArtList/0?pageIndex=4pageSize=6">4/a>/li>    
 li class="show-page">a href="/Home/WrapArtList/0?pageIndex=5pageSize=6">5/a>/li>   
li class="next-page">a href="/Home/WrapArtList/0?pageIndex=2pageSize=6">下一頁/a>/li>   
 li id="end-page">a href="/Home/WrapArtList/0?pageIndex=5pageSize=6">末頁/a>/li>     
li id="total-page">span>共-5-頁/span>/li> /ul>
/div> 

4. CSS樣式:

/* 分頁樣式pagination ====== */
.pagination { /* div pagination*/
margin: 0;
padding: 20px;
text-align: center;
font-size: 12px;
display: block;
}
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
margin: 0 2px;
float: left;
padding: 5px 12px;
background-color: #ddd;
color: #666;
border-radius: 2px;
opacity: .88;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
background-color: #bce8f1;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: #45B6F7;
color: #fff;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
cursor: default;
}
.pagination ul > li > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: #999999;
background-color: transparent;
cursor: default;
}
/* 自定義的分頁pagination 結束====== */ 

以上所述是小編給大家介紹的利用ASP.NET MVC+Bootstrap搭建個人博客之打造清新分頁Helper(三),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

您可能感興趣的文章:
  • ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程(PagedList.Mvc)
  • ASP.NET MVC4 HtmlHelper擴展類,實現分頁功能
  • ASP.NET MVC分頁和排序功能實現
  • ASP.NET MVC+EF在服務端分頁使用jqGrid以及jquery Datatables的注意事項
  • ASP.NET MVC4 Razor模板簡易分頁效果
  • asp.net mvc4 mysql制作簡單分頁組件(部分視圖)
  • ASP.NET MVC 2右鍵菜單和簡單分頁實例講解
  • ASP.NET同步分頁MvcPager使用詳解
  • asp.net MVC分頁代碼分享
  • ASP.NET MVC分頁的實現方法

標簽:慶陽 清遠 海西 臨夏 聊城 平涼 甘肅 中衛

巨人網絡通訊聲明:本文標題《利用ASP.NET MVC+Bootstrap搭建個人博客之打造清新分頁Helper(三)》,本文關鍵詞  利用,ASP.NET,MVC+Bootstrap,搭建,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《利用ASP.NET MVC+Bootstrap搭建個人博客之打造清新分頁Helper(三)》相關的同類信息!
  • 本頁收集關于利用ASP.NET MVC+Bootstrap搭建個人博客之打造清新分頁Helper(三)的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    亚洲国产另类精品专区| 成人国产一区二区三区精品| 中文字幕日韩一区二区| 国产午夜亚洲精品午夜鲁丝片| 欧美日韩在线三区| 在线播放中文字幕一区| 欧美久久久一区| 欧美一区二区在线免费播放| 欧美日韩mp4| 欧美一级在线视频| 精品国免费一区二区三区| 精品人在线二区三区| 欧美精品一区二区三区四区 | 亚洲免费在线视频| 亚洲二区在线观看| 久久成人18免费观看| 美女视频网站黄色亚洲| 国产精品亚洲午夜一区二区三区 | 精品一区二区三区久久| 久久99精品网久久| 国产成人精品影院| 国产精品一二一区| 国精产品一区一区三区mba桃花| 亚洲乱码日产精品bd| 亚洲图片激情小说| 石原莉奈在线亚洲三区| 国产在线不卡视频| 日本久久电影网| 91麻豆精品国产| 色中色一区二区| 亚洲欧美中日韩| 国产精品一区二区不卡| 国产人成一区二区三区影院| 一区二区三区欧美亚洲| 国产制服丝袜一区| 欧美怡红院视频| 久久久久久一二三区| 亚洲亚洲精品在线观看| 国产一区二区三区| 欧美日韩国产综合一区二区| 26uuu久久综合| 亚洲国产精品精华液网站| 久久91精品久久久久久秒播| 在线不卡一区二区| 亚洲欧美成aⅴ人在线观看| 亚洲日本韩国一区| 一区二区三区精品视频| 国产麻豆视频一区二区| kk眼镜猥琐国模调教系列一区二区| 欧美高清视频一二三区 | 豆国产96在线|亚洲| 99久久国产综合精品女不卡| 日韩午夜三级在线| 国产精品第13页| 国产福利91精品| 欧美日韩免费观看一区二区三区 | 欧美电影免费观看完整版| 国产欧美一区二区三区沐欲| 蜜臀精品久久久久久蜜臀| 国产不卡高清在线观看视频| 26uuu精品一区二区三区四区在线| 欧美国产精品一区二区| 狠狠色综合日日| 色综合久久中文综合久久97| 国产精品久久久久影院亚瑟 | 一本一道久久a久久精品综合蜜臀| 欧美一区二区三区在线电影| 亚洲一级二级在线| 91视频免费播放| 中文字幕日韩一区| 国产精品香蕉一区二区三区| 欧美精品一区视频| 精油按摩中文字幕久久| 欧美日韩国产综合草草| 亚洲精品高清在线观看| 一本色道久久综合亚洲aⅴ蜜桃 | 在线看不卡av| 一区二区在线观看av| gogogo免费视频观看亚洲一| 国产精品午夜免费| 国产一区中文字幕| 日本一区二区视频在线观看| 男女视频一区二区| 久久人人爽爽爽人久久久| 裸体健美xxxx欧美裸体表演| 精品国产乱码久久久久久影片| 日韩福利视频导航| 日韩免费视频一区二区| 亚洲视频小说图片| 韩国女主播成人在线| 成人福利电影精品一区二区在线观看 | 在线播放欧美女士性生活| 日韩av在线发布| 777午夜精品免费视频| 黄网站免费久久| 久久久久久99久久久精品网站| zzijzzij亚洲日本少妇熟睡| 中文字幕一区视频| 欧美日本一道本| 中文字幕不卡的av| 日韩一区二区中文字幕| 99久久精品国产网站| av网站一区二区三区| 美女脱光内衣内裤视频久久网站| 天天色综合成人网| 久久久噜噜噜久久中文字幕色伊伊| 欧美一级片在线看| 欧美日韩不卡一区| 精品日韩av一区二区| 国产一区视频在线看| 日韩一卡二卡三卡国产欧美| 欧美人动与zoxxxx乱| 94色蜜桃网一区二区三区| youjizz久久| 国产成人av电影在线播放| 国产传媒一区在线| 久久99精品久久久久久| 久久不见久久见免费视频7| 午夜精品久久久| 午夜久久久久久电影| 亚洲欧洲日韩在线| 欧美韩日一区二区三区四区| 久久精品水蜜桃av综合天堂| 精品剧情在线观看| 成人av先锋影音| 99精品国产视频| 国产高清无密码一区二区三区| 国产成人免费9x9x人网站视频| 久久精品国产秦先生| 国产精品一区二区三区99| 免费三级欧美电影| 国内欧美视频一区二区| 久久精品国产亚洲5555| 国产剧情一区二区三区| 美日韩黄色大片| 国产精品影视天天线| 91视频在线看| 色婷婷激情久久| 91精品婷婷国产综合久久| 538prom精品视频线放| 国产日韩精品一区| 中文字幕av免费专区久久| 亚洲一本大道在线| 日本午夜精品一区二区三区电影| 国产在线精品国自产拍免费| 国产一区三区三区| 91麻豆免费在线观看| 欧美亚洲国产一区在线观看网站| 丝袜诱惑亚洲看片| 久久久精品国产99久久精品芒果 | 另类专区欧美蜜桃臀第一页| 欧美一区二区三区白人 | 亚洲精品免费视频| 亚洲日本在线看| 日韩电影免费在线观看网站| 国产在线精品免费av| 99免费精品视频| 欧美日韩高清影院| 日韩一区在线免费观看| 全部av―极品视觉盛宴亚洲| 91麻豆免费视频| 91成人国产精品| 国产欧美日韩卡一| 亚洲成人av一区二区| 国产夫妻精品视频| 欧美一区二区三区成人| 国产精品欧美一级免费| 韩国成人精品a∨在线观看| 99久久精品国产一区二区三区 | 一区二区成人在线视频| 欧美日韩免费不卡视频一区二区三区| 日韩三级视频在线看| 91香蕉视频mp4| 欧美精品日日鲁夜夜添| 精品国精品国产尤物美女| 中文字幕乱码亚洲精品一区| 亚洲一二三专区| 国产盗摄一区二区三区| 欧美精品自拍偷拍| 中日韩免费视频中文字幕| 亚洲第一福利一区| 成人深夜福利app| 日韩欧美另类在线| 亚洲自拍偷拍网站| 国产成+人+日韩+欧美+亚洲| 欧美精品一二三四| 国产精品国产三级国产aⅴ原创| 日本成人中文字幕在线视频| 91丨porny丨最新| 国产午夜精品久久久久久免费视 | 亚洲欧美日韩国产中文在线| 免费人成精品欧美精品| 色婷婷亚洲一区二区三区| 精品久久久久久亚洲综合网 | 色香蕉久久蜜桃| 国产欧美一区二区精品性色 | 久久色中文字幕| 日韩成人一区二区三区在线观看| 一本色道久久综合精品竹菊| 欧美韩国日本综合|