這篇文章將為大家詳細(xì)講解有關(guān)C#如何實(shí)現(xiàn)分頁(yè)組件，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站制作、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的永吉網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

分頁(yè)無(wú)論是前端和后端，基本都有廣泛應(yīng)用！下面通過(guò)一個(gè)小小案例完成這個(gè)分頁(yè)效果：

參數(shù)含義：

string urlFormat: 要傳給服務(wù)器端的URL地址格式，方便在點(diǎn)超鏈接時(shí)進(jìn)行相應(yīng)的跳轉(zhuǎn)

long totalSize:     總的數(shù)據(jù)條數(shù)。

long pageSize:    每頁(yè)多少條數(shù)據(jù)

 long currentPage: 當(dāng)前的頁(yè)數(shù)

后面通過(guò)具體的一個(gè)案例來(lái)用這個(gè)分頁(yè)方法：

一.分頁(yè)方法：

/// 

  /// 生成頁(yè)碼的html
  /// 
  /// 超鏈接的格式。list.ashx?pagenum={pageNum}。地址中用{pagenum}做為當(dāng)前頁(yè)碼的占位符
  /// 總數(shù)據(jù)條數(shù)
  /// 每頁(yè)多少條數(shù)據(jù)
  /// 當(dāng)前頁(yè)
  /// 
  public static RawString Pager(string urlFormat, long totalSize,
   long pageSize, long currentPage)
  {
   StringBuilder sb = new StringBuilder();
   //總頁(yè)數(shù)
   long totalPageCount = (long)Math.Ceiling((totalSize * 1.0f) / (pageSize * 1.0f));
   //當(dāng)前頁(yè)的前幾頁(yè)
   long firstPage = Math.Max(currentPage - 5, 1);
   //當(dāng)前頁(yè)的后幾頁(yè)
   long lastPage = Math.Min(currentPage + 6, totalPageCount);
   //繪制分頁(yè),首頁(yè)
   sb.AppendLine("
首頁(yè)");
   //繪制分頁(yè)中間數(shù)據(jù)部分
   for (long i = firstPage; i < lastPage; i++)
   {
    string url = urlFormat.Replace("{pageNum}", i.ToString());
    if (i == currentPage) //點(diǎn)擊后就不顯示超鏈接
    {
     sb.AppendLine("" + i + "");
    }
    else
    {
     sb.AppendLine("" + i + "");
    }
   }
   //顯示最后一頁(yè)
   sb.AppendLine("末頁(yè)
");
   return new RawString(sb.ToString());
  }

二.案例調(diào)用：

服務(wù)器端（test.ashx）：這里為了方便看到效果，展示數(shù)據(jù)直接用的固定數(shù)據(jù)

public void ProcessRequest(HttpContext context)
  {
   context.Response.ContentType = "text/html";
   long pn = Convert.ToInt64(context.Request["pn"]);
   if (pn == 0) //Convert.ToInt64(null)返回的是0
   {
    pn = 1;
   }
   long[] num = new long[50]; //這里的數(shù)據(jù)用的是固定數(shù)據(jù)
   for (int i = 0; i < 50; i++)
   {
    num[i] = ((pn-1) * 50) + i;
   }
   OutputRazor(context, "~/test.cshtml", new { nums=num,page=pn}); //這里用的Razor模板引擎
  }

這里的Razor方法見(jiàn)：Razor模板引擎簡(jiǎn)單介紹

UI端展示（test.cshtml）：

 
  

    @{
  foreach (int i in Model.nums)
  {
   
@i
  }
  }
   
  @Pager("test.ashx?pn={pageNum}", 1020, 50, Model.page); 

效果圖：

三.jQuery分頁(yè)插件：

前面寫(xiě)的這些主要是進(jìn)行功能的實(shí)現(xiàn)，樣式效果差了點(diǎn)。下面貼上通過(guò)jQuery實(shí)現(xiàn)的分頁(yè)效果

jQuery的效果圖，及調(diào)用方法：

 完整代碼：