MVC預設路由實現分頁-PagerExtend.dll

這兩天在群裡有人諮詢有沒有現成的.net mvc分頁方法，由此寫了一個簡單分頁工具，這裡簡單分享下實現思路，程式碼，希望能對大家有些幫助，鼓勵大家多造些輪子還是好的。

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

B.分析，知識點

　　a.分頁通常由一下幾個屬性組成（當前頁，總條數，分頁記錄數，路由地址），由此四項基本就能實現分頁了，在加上一個控制樣式的引數

　　b.各種數字的驗證，計算總頁數（如果總條數和分頁記錄數不能整除，那麼最後相除的結果再+1）

　　c.下一頁和上一下的按鈕是零界點，需要判斷是否是最後一頁或者第一頁來顯示當前頁數的繼續增加或者減小

　　d.因為需要在cshtml檔案中展示分頁的效果，所以需要用到HtmlHelper擴充套件方法；擴充套件方法這裡簡單說下注意項：

　　　　.關鍵詞this

　　　　.擴充套件方法對應的clas必須靜態，該方法本身也是靜態

　　　　.擴充套件方法對應的class字尾一般是Extensions修飾

　　e.試圖頁面@Html.PageExtend直接呼叫分頁方法

C.程式碼展示

　　a.分頁方法實現類

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 分頁擴充套件 PageExtend

        /// <summary>
        /// 分頁option屬性
        /// </summary>
        public class MoPagerOption
        {
            /// <summary>
            /// 當前頁  必傳
            /// </summary>
            public int CurrentPage { get; set; }
            /// <summary>
            /// 總條數  必傳
            /// </summary>
            public int Total { get; set; }

            /// <summary>
            /// 分頁記錄數（每頁條數 預設每頁15條）
            /// </summary>
            public int PageSize { get; set; }

            /// <summary>
            /// 路由地址(格式如：/Controller/Action) 預設自動獲取
            /// </summary>
            public string RouteUrl { get; set; }

            /// <summary>
            /// 樣式 預設 bootstrap樣式 1
            /// </summary>
            public int StyleNum { get; set; }
        }

        /// <summary>
        /// 分頁擴充套件方法
        /// </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; }

            //總頁數
            var totalPage = option.Total / option.PageSize + (option.Total % option.PageSize > 0 ? 1 : 0);
            if (totalPage <= 0) { return MvcHtmlString.Create("分頁異常"); }
            //當前路由地址
            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('/');

            //構造分頁樣式
            var sbPage = new StringBuilder(string.Empty);
            switch (option.StyleNum)
            {
                case 2:
                    {
                        break;
                    }
                default:
                    {
                        #region 預設樣式

                        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測試呼叫

@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測試

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 = "測試 分頁";

            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;

            //初始化分頁基礎資訊
            var option = new HtmlHelperExtensions.MoPagerOption
           {

               CurrentPage = id,
               PageSize = 15,
               Total = moAirticles.Count
           };
            //動態傳遞分頁屬性
            ViewBag.PagerOption = option;

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

　　D.分頁PagerExtend.dll下載地址

　　PagerExtend.rar