ASP.NET MVC 分页之 局部视图

using System;
using System.Collections.Generic;
using System.Linq;
using System.Security.Cryptography.X509Certificates;
using System.Web;

namespace MvcAppPager.Models
{
    public interface IPageOfList
    {
        long CurrentStart { get; }
        int PageIndex { get; set; }
        int PageSize { get; set; }
        int PageTotal { get; }
        long RecordTotal { get; set; }
    }

    public interface IPageOfList<T> : IPageOfList, IList<T>
    {
        
    }
    public class PageOfList<T>:List<T>,IList<T>,IPageOfList,IPageOfList<T>
    {
        public PageOfList(IEnumerable<T> items, int pageIndex, int pageSize, long recordTotal)
        {
            if (items!=null)
                AddRange(items);
            PageIndex = pageIndex;
            PageSize = pageSize;
            RecordTotal = recordTotal;
        }

        public PageOfList(int pageSize)
        {
            if (pageSize <= 0)
            {
                throw new ArgumentException("页面数据量必须大于0", "页面数据量");
            }
        }
        public int PageIndex { get; set; }
        public int PageSize { get; set; }

        public int PageTotal
        {
            get
            {
                //RecordTotal / PageSize  获取能够被布满的页面数，(RecordTotal % PageSize > 0 ? 1 : 0）判断是否有未布满的页面。
                return (int)RecordTotal / PageSize + (RecordTotal % PageSize > 0 ? 1 : 0);
            }
        }

        public long RecordTotal { get; set; }
        /// <summary>
        /// 当前页面的记录开始位置
        /// </summary>
        public long CurrentStart
        {
            get { return PageIndex * PageSize + 1; }
        }
        /// <summary>
        /// 当前页面的结束位置
        /// </summary>
        public long CurrentEnd
        {
            get { return (PageIndex + 1) * PageSize > RecordTotal ? RecordTotal : (PageIndex + 1) * PageSize; }
        }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcAppPager.Models
{
    public class Order
    {
        public int ID { get; set; }
        public string OrderNo { get; set; }
        public decimal WayFee { get; set; }
        public string EMS { get; set; }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcAppPager.Models;

namespace MvcAppPager.Controllers
{
    public class HomeController : Controller
    {
        List<Order> list=new List<Order>
        {
            new Order{ID=1,OrderNo="2016050501",WayFee = 20,EMS = "C01111"},
            new Order{ID=2,OrderNo="2016050502",WayFee = 20,EMS = "C01112"},
            new Order{ID=3,OrderNo="2016050503",WayFee = 20,EMS = "C01113"},
            new Order{ID=4,OrderNo="2016050504",WayFee = 20,EMS = "C01114"},
            new Order{ID=5,OrderNo="2016050505",WayFee = 20,EMS = "C01115"},
            new Order{ID=6,OrderNo="2016050506",WayFee = 20,EMS = "C01116"},
        };

        private const int PageSize = 2;

        private int counts;

        //
        // GET: /Home/
        public ActionResult Index(int pageIndex=0)
        {
            counts = list.Count;
            list = list.Skip(PageSize * pageIndex).Take(PageSize).ToList();
            PageOfList<Order> _ordersList=new PageOfList<Order>(list,pageIndex,PageSize,counts);
            return View(_ordersList);
        }

    }
}

@model MvcAppPager.Models.IPageOfList
@Styles.Render("~/Content/page.css")
<div class="fenye"><span>共 @Model.RecordTotal 条 记录，每页 @Model.PageSize 条  </span>
    @{
        System.Web.Routing.RouteValueDictionary route = new System.Web.Routing.RouteValueDictionary();
        foreach (var key in Html.ViewContext.RouteData.Values.Keys)
        {
            route[key] = Html.ViewContext.RouteData.Values[key];
        }

        foreach (string key in Html.ViewContext.RequestContext.HttpContext.Request.QueryString)
        {
            route[key] = Html.ViewContext.RequestContext.HttpContext.Request.QueryString[key];
        }
        if (Model.PageIndex <= 0)
        {
            <a class="backpage" href="javascript:void(0);">上一页</a>
        }
        else
        {
            route["pageIndex"] = Model.PageIndex - 1;
            Html.ActionLink("上一页", route["action"].ToString(), route).ToHtmlString();
        }

        if (Model.PageIndex > 3)
        {
            route["pageIndex"] = 0;
            Html.ActionLink("<b>1</b>", route["action"].ToString(), route).ToHtmlString().Replace("<", "<").Replace(">", ">");

            if (Model.PageIndex >= 5)
            {
                <a href='#'>..</a>;
            }
        }

        for (int i = Model.PageIndex - 2; i <= Model.PageIndex; i++)
        {
            if (i < 1)
            {continue;}
            route["pageIndex"] = i - 1;
            @Html.ActionLink(i.ToString(), route["action"].ToString(), route["controller"]);
          
        }

        <a class='active' href='#'><b> @(Model.PageIndex+1) </b></a>
        for (var i = Model.PageIndex + 2; i <= Model.PageIndex + 4; i++)
        {
            if (i > Model.PageTotal)
            {continue;}
            else{
                route["pageIndex"] = i - 1;
                @Html.ActionLink(i.ToString(), route["action"].ToString(), route);
            }
        }

        if (Model.PageIndex < Model.PageTotal - 4)
        {
            if (Model.PageIndex <= Model.PageTotal - 6)
            {
                <a href='#'>..</a>
            }
            route["pageIndex"] = Model.PageTotal - 1;
            @Html.ActionLink(Model.PageTotal.ToString(), route["action"].ToString(), route).ToHtmlString();
        }
        if (Model.PageIndex < Model.PageTotal - 1)
        {
            route["pageIndex"] = Model.PageIndex + 1;
            Html.ActionLink("下一页", route["action"].ToString(), route).ToHtmlString();
        }
        else
        {
            <a class="nextpage" href="javascript:void(0);">下一页</a>
        }
    }
</div>

　　

@model MvcAppPager.Models.PageOfList<MvcAppPager.Models.Order>
@{
    Layout = null;
    ViewBag.Title = "Index";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    @Styles.Render("~/Content/page.css")
</head>
<body>
    <div id="body" style=" 400px;float: left">
        @using (Html.BeginForm("Index","Home",FormMethod.Get))
        {
            <table>
                <tr>
                    <th>ID</th>
                    <th>订单号</th>
                    <th>运单号</th>
                    <th>运费</th>
                </tr>
                @if (Model != null && Model.Count > 0)
                {
                    foreach (var item in Model.ToList())
                    {
                        <tr>
                            <td>@item.ID</td>
                            <td>@item.OrderNo</td>
                            <td>@item.EMS</td>
                            <td>@item.WayFee</td>
                        </tr>
                    }
                }
            </table>   
            Html.RenderPartial("pager", Model);
        }
    </div>
</body>
</html>

.fenye {
     float: right;
}

.fenye a,.fenye span,.fenye select {
    display: block;
    float: left;
    margin: 0 2px;
}

.fenye a {
    background: #fff;
    border: 1px solid #d6d6d6;
    color: #6f6f6f;
    height: 22px;
    line-height: 22px;
    margin: 0 2px;
    padding: 0 0 0 8px;
    position: relative;
}

.fenye a.nextpage:hover {
    background: #fff;
    border: 1px solid #ba191b;
    color: #000;
}

.fenye a.nextpage {
    height: 22px;
    margin: 0 0 0 2px;
    padding: 0px 5px;
}

.fenye a.backpage {
    background: #fff;
    border: 1px solid #d6d6d6;
    height: 22px;
    margin: 0 2px 0 0;
    padding: 0px 5px;
}

.fenye a.backpage:hover {
    background: url("images/pagebut.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #000;
}

.fenye a:hover,.fenye a.active {
    background: #c32325;
    border: 1px solid #ba191b;
    color: #ffffff;
    text-decoration: none;
}

.fenye a.shenlue {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 5px;
    padding: 0;
    border: none;
}

.fenye a.shenlue:hover {
    color: #333333;
}

.fenye a b {
    display: block;
    font-size: 12px; 
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    margin-right: 0;
    padding: 0 8px 0 0;
    position: relative;
}