快捷導(dǎo)航

MVC默認(rèn)路由實(shí)現(xiàn)分頁（PagerExtend.dll下載）

更新時(shí)間：2016年07月26日 09:47:28 作者：神牛步行3

這篇文章主要介紹了MVC默認(rèn)路由實(shí)現(xiàn)分頁，采用bootstrap的樣式，文末提供了PagerExtend.dll下載地址，感興趣的小伙伴們可以參考一下

這兩天在群里有人咨詢有沒有現(xiàn)成的.net mvc分頁方法，由此寫了一個(gè)簡(jiǎn)單分頁工具，這里簡(jiǎn)單分享下實(shí)現(xiàn)思路，代碼，希望能對(duì)大家有些幫助，鼓勵(lì)大家多造些輪子還是好的。

A.效果（這里用了bootstrap的樣式）

B.分析，知識(shí)點(diǎn)

a.分頁通常由一下幾個(gè)屬性組成（當(dāng)前頁，總條數(shù)，分頁記錄數(shù)，路由地址），由此四項(xiàng)基本就能實(shí)現(xiàn)分頁了，在加上一個(gè)控制樣式的參數(shù)

b.各種數(shù)字的驗(yàn)證，計(jì)算總頁數(shù)（如果總條數(shù)和分頁記錄數(shù)不能整除，那么最后相除的結(jié)果再+1）

c.下一頁和上一下的按鈕是零界點(diǎn)，需要判斷是否是最后一頁或者第一頁來顯示當(dāng)前頁數(shù)的繼續(xù)增加或者減小

d.因?yàn)樾枰赾shtml文件中展示分頁的效果，所以需要用到HtmlHelper擴(kuò)展方法；擴(kuò)展方法這里簡(jiǎn)單說下注意項(xiàng)：

.關(guān)鍵詞this

.擴(kuò)展方法對(duì)應(yīng)的clas必須靜態(tài)，該方法本身也是靜態(tài)

.擴(kuò)展方法對(duì)應(yīng)的class后綴一般是Extensions修飾

e.試圖頁面@Html.PageExtend直接調(diào)用分頁方法

C.代碼展示

a.分頁方法實(shí)現(xiàn)類

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Web.Mvc;

namespace PagerExtend
{
 public static class HtmlHelperExtensions
 {

  #region 分頁擴(kuò)展 PageExtend

  /// <summary>
  /// 分頁option屬性
  /// </summary>
  public class MoPagerOption
  {
   /// <summary>
   /// 當(dāng)前頁 必傳
   /// </summary>
   public int CurrentPage { get; set; }
   /// <summary>
   /// 總條數(shù) 必傳
   /// </summary>
   public int Total { get; set; }

   /// <summary>
   /// 分頁記錄數(shù)（每頁條數(shù) 默認(rèn)每頁15條）
   /// </summary>
   public int PageSize { get; set; }

   /// <summary>
   /// 路由地址(格式如：/Controller/Action) 默認(rèn)自動(dòng)獲取
   /// </summary>
   public string RouteUrl { get; set; }

   /// <summary>
   /// 樣式 默認(rèn) bootstrap樣式 1
   /// </summary>
   public int StyleNum { get; set; }
  }

  /// <summary>
  /// 分頁擴(kuò)展方法
  /// </summary>
  /// <param name="helper">html試圖</param>
  /// <param name="option">分頁屬性</param>
  /// <returns>html樣式</returns>
  public static MvcHtmlString PageExtend(this HtmlHelper helper, MoPagerOption option)
  {

   if (option.PageSize <= 0) { option.PageSize = 15; }
   if (option.CurrentPage <= 0) { option.CurrentPage = 1; }
   if (option.Total <= 0) { return MvcHtmlString.Empty; }

   //總頁數(shù)
   var totalPage = option.Total / option.PageSize + (option.Total % option.PageSize > 0 ? 1 : 0);
   if (totalPage <= 0) { return MvcHtmlString.Create("分頁異常"); }
   //當(dāng)前路由地址
   if (string.IsNullOrEmpty(option.RouteUrl))
   {

    option.RouteUrl = helper.ViewContext.HttpContext.Request.RawUrl;
    if (!string.IsNullOrEmpty(option.RouteUrl))
    {

     var lastIndex = option.RouteUrl.LastIndexOf("/");
     option.RouteUrl = option.RouteUrl.Substring(0, lastIndex);
    }
   }
   option.RouteUrl = option.RouteUrl.TrimEnd('/');

   //構(gòu)造分頁樣式
   var sbPage = new StringBuilder(string.Empty);
   switch (option.StyleNum)
   {
    case 2:
     {
      break;
     }
    default:
     {
      #region 默認(rèn)樣式

      sbPage.Append("<nav>");
      sbPage.Append(" <ul class=\"pagination\">");
      sbPage.AppendFormat("  <li><a href=\"{0}/{1}\" aria-label=\"Previous\"><span aria-hidden=\"true\">&laquo;</span></a></li>",
            option.RouteUrl,
            option.CurrentPage - 1 <= 0 ? 1 : option.CurrentPage - 1);

      for (int i = 1; i <= totalPage; i++)
      {

       sbPage.AppendFormat("  <li {1}><a href=\"{2}/{0}\">{0}</a></li>",
        i,
        i == option.CurrentPage ? "class=\"active\"" : "",
        option.RouteUrl);

      }

      sbPage.Append("  <li>");
      sbPage.AppendFormat("   <a href=\"{0}/{1}\" aria-label=\"Next\">",
           option.RouteUrl,
           option.CurrentPage + 1 > totalPage ? option.CurrentPage : option.CurrentPage + 1);
      sbPage.Append("    <span aria-hidden=\"true\">&raquo;</span>");
      sbPage.Append("   </a>");
      sbPage.Append("  </li>");
      sbPage.Append(" </ul>");
      sbPage.Append("</nav>");
      #endregion
     }
     break;
   }


   return MvcHtmlString.Create(sbPage.ToString());
  }
  #endregion
 }
}

b.View測(cè)試調(diào)用

@using PagerExtend
@model IEnumerable<XinSheng.Api.Controllers.MoAirticle>

<table>
 Url：@ViewBag.Url

 @foreach (var item in Model)
 {
  <tr>
   <td>@item.Title</td>
   <td>@item.Author</td>
   <td>@item.CreateTime</td>
  </tr>
 }
</table>

@Html.PageExtend(ViewBag.PagerOption as HtmlHelperExtensions.MoPagerOption)

c.Controller測(cè)試

using PagerExtend;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Security;

namespace XinSheng.Api.Controllers
{

 [Serializable]
 public class MoAirticle
 {

  public string Title { get; set; }
  public string Author { get; set; }
  public DateTime CreateTime { get; set; }
 }

 public class HomeController : Controller
 {

  public ActionResult Index(int id)
  {
   ViewBag.Title = "測(cè)試 分頁";

   List<MoAirticle> moAirticles = new List<MoAirticle>();

   for (int i = 1; i < 50; i++)
   {

    moAirticles.Add(new MoAirticle
    {
     Author = "神牛步行" + i,
     CreateTime = DateTime.Now,
     Title = "博客園之" + i
    });
   }
   ViewBag.Url = Request.RawUrl;

   //初始化分頁基礎(chǔ)信息
   var option = new HtmlHelperExtensions.MoPagerOption
   {

    CurrentPage = id,
    PageSize = 15,
    Total = moAirticles.Count
   };
   //動(dòng)態(tài)傳遞分頁屬性
   ViewBag.PagerOption = option;

   var articles = moAirticles.Skip((option.CurrentPage - 1) * option.PageSize).Take(option.PageSize).ToList();
   return View(articles);
  }
 }
}

D.分頁P(yáng)agerExtend.dll下載地址：PagerExtend.rar

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: