Ajax11、ASP.NET MVC入门到精通——AspnetMVC分页

论系列目录:ASP.NET
MVC4称帮派到精通系列目录汇总

说于分页,这基本上是咱们Web开发中中见得极其多的状况,没有之一,可即便如此,要做出比较优雅的分页还是得技术的。这里我先说一样种ASP.NET
MVC中好广阔的等同栽分页的实现方式,很low,但是洋洋店铺之种即是如此用底,我现店家之路即使是吗是,有时候面对商家项目屎一样的用户体验与紊乱之代码,真是恨不能够再写,可是往往还要眼睁睁的关押正在它继续在运转,继续危害着客户,又束手无策,有时候还为赶进度,还被迫强奸式的复制原有的代码。

方法同:自定义Html扩展方法

作用如下:

Ajax 1

1、新建接口IPageOfList

    public interface IPageOfList
    {
        long CurrentStart { get; }
        int PageIndex { get; set; }
        int PageSize { get; set; }
        int PageTotal { get; }
        long RecordTotal { get; set; }
    }

2、新建一个Html扩展方法

     public static MvcHtmlString UlPaging(this HtmlHelper helper, IPageOfList list)
        {
            StringBuilder sb = new StringBuilder();

            if (list == null)
            {
                return new MvcHtmlString(sb.ToString());
            }

            sb.AppendLine("<div class=\"fenye\">" + string.Format("共 {0} 条 记录,每页 {1} 条 &nbsp;", list.RecordTotal, list.PageSize));

            //sb.AppendLine(" <ul class=\"pagination\">");
            System.Web.Routing.RouteValueDictionary route = new System.Web.Routing.RouteValueDictionary();
            foreach (var key in helper.ViewContext.RouteData.Values.Keys)
            {
                route[key] = helper.ViewContext.RouteData.Values[key];
            }

            foreach (string key in helper.ViewContext.RequestContext.HttpContext.Request.QueryString)
            {
                route[key] = helper.ViewContext.RequestContext.HttpContext.Request.QueryString[key];
            }

            if (list.PageIndex <= 0)
            {
                sb.AppendLine("<a class=\"backpage\" href=\"javascript:void(0);\">上一页</a>");
            }
            else
            {
                route["pageIndex"] = list.PageIndex - 1;
                //sb.AppendLine(" <li class=\"prev " + (list.PageIndex == 0 ? "disabled" : "") + "\">" + helper.ActionLink("← 上一页", route["action"].ToString(), route).ToHtmlString() + "</li>");
                sb.AppendLine(helper.ActionLink("上一页", route["action"].ToString(), route).ToHtmlString());
            }

            if (list.PageIndex > 3)
            {
                route["pageIndex"] = 0;
                sb.AppendLine(helper.ActionLink(@"<b>1</b>", route["action"].ToString(), route).ToHtmlString().Replace("&lt;", "<").Replace("&gt;", ">"));
                //sb.AppendLine(" <li>" + helper.ActionLink("1", route["action"].ToString(), route).ToHtmlString() + "</li>");
                if (list.PageIndex >= 5)
                {
                    sb.AppendLine("<a href='#'>..</a>");
                }
            }

            for (int i = list.PageIndex - 2; i <= list.PageIndex; i++)
            {
                if (i < 1)
                    continue;
                route["pageIndex"] = i - 1;
                //sb.AppendLine("<li" + (i == list.PageIndex + 1 ? " class=\"active\"" : "") + ">" + helper.ActionLink(i.ToString(), route["action"].ToString(), route).ToHtmlString() + "</li>");
                sb.AppendLine(helper.ActionLink(@"<b>" + i.ToString() + @"</b>", route["action"].ToString(), route).ToHtmlString().Replace("&lt;", "<").Replace("&gt;", ">"));
            }

            sb.AppendLine(@"<a class='active' href='#'><b>" + (list.PageIndex + 1) + @"</b></a>");
            for (var i = list.PageIndex + 2; i <= list.PageIndex + 4; i++)
            {
                if (i > list.PageTotal)
                    continue;
                route["pageIndex"] = i - 1;
                sb.AppendLine(helper.ActionLink(@"<b>" + i.ToString() + @"</b>", route["action"].ToString(), route).ToHtmlString().Replace("&lt;", "<").Replace("&gt;", ">"));
                //sb.AppendLine("<li" + (i == list.PageIndex + 1 ? " class=\"active\"" : "") + ">" + helper.ActionLink(i.ToString(), route["action"].ToString(), route).ToHtmlString() + "</li>");
            }

            if (list.PageIndex < list.PageTotal - 4)
            {
                if (list.PageIndex <= list.PageTotal - 6)
                {
                    sb.AppendLine("<a href='#'>..</a>");
                }
                route["pageIndex"] = list.PageTotal - 1;

                sb.AppendLine(helper.ActionLink(@"<b>" + list.PageTotal.ToString() + "</b>", route["action"].ToString(), route).ToHtmlString().Replace("&lt;", "<").Replace("&gt;", ">"));
                //sb.AppendLine(" <li>" + helper.ActionLink(list.PageTotal.ToString(), route["action"].ToString(), route).ToHtmlString() + "</li>");
            }
            if (list.PageIndex < list.PageTotal - 1)
            {
                route["pageIndex"] = list.PageIndex + 1;
                sb.AppendLine(helper.ActionLink("下一页", route["action"].ToString(), route).ToHtmlString());
                //sb.AppendLine("<li class=\"next\">" + helper.ActionLink("下一页 →", route["action"].ToString(), route).ToHtmlString() + "</li>");, new { @class = "nextpage" }
            }
            else
            {
                sb.AppendLine("<a class=\"nextpage\" href=\"javascript:void(0);\">下一页</a>");
                //sb.AppendLine("<li class=\"nextpage disabled\"><a href=\"javascript:void(0);\">下一页 →</a></li>");
            }
            sb.AppendLine("</div>");
            return new MvcHtmlString(sb.ToString());
        }

3、界面调用

@model ProjectBase.Utils.Entities.PageOfList<Uuch.MSD.Core.Orders.Order>

@Uuch.MSD.App_Start.WebHtmlHelper.UlPaging(this.Html, Model)

缘何说这代码屎一样的?

界面看起来还行对吧,其实若看深“…”点击了是绝非影响的,即便到了最后一页,那个“下一致页”按钮也或显示的,还有,没有超反至指定页的效力,当然,这些还得协调再也扩充,但是本人就算纳闷了,有必要每一个零部件都要好又开为?我们举行软件开发的,其实就算如工厂里召开组装的,把现成的组件按照图张拼起来就是足以了,完全不需要每一个组件重新做。

1、用户体验最好差,每次点击下一样页,整个界面刷新。

2、扩展性极差,各种硬编码

3、功能十分死

方式二:第三方UI组件

之所以了第三正UI控件的且掌握,咱们作为Web后台开发人员,可以省去成千上万调动体制和用原生js或者jquery实现部分作用的光阴,也基本上用不着去考虑各种蛋疼的兼容性问题,因为这些题目,UI组件都同我们落实了。诸如ExtJs,easyUI,MiniUI,bootstrapts等等。

大家可以扣押下自家事先写的ASP.NET
MVC搭建筑项目后台UI框架—6、客户管理(添加、修改、查询、分页)
在此间我用的凡依据jquery的dataTables来兑现的。

Ajax 2

跟章程同比较的优点在于

1、用户体验好,都是Ajax局部刷新的,而且好支持一次性读取所有,然后以内存中分页(对于数据量不死的表而言,这样的分页效率特别高),其次支持服务器分页。

2、扩展性好,界面的体裁和展示都是可由此性来布局的,基本上不存在所谓的硬编码。

3、功能强大

世家有什么好之想法,说出来大家一起探讨下吧!

于以前,没有用ORM框架,使用ADO.Net的年代,我们平常分页都是摹写分页存储过程来促成分页的,但是就ORM框架的兴,分页变得更其简单。

关押正在那些屎一样的项目,无论点个吗东西还把全界面刷新,而己又不得不时刻用,弄得眼睛还深受闪瞎了,可是又无法,真心很痛,都说前人挖坑后填,可是小上,前人坑挖得后面的人从未工夫填入。不由得回想一个客户说的讲话:“公司系统有接触烂,体验于不同,快递多少慢,客服比较拽,售后时有发生接触不同,运费比较强”。

相关文章