扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍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 ////// 分页option属性 /// public class MoPagerOption { ////// 当前页 必传 /// public int CurrentPage { get; set; } ////// 总条数 必传 /// public int Total { get; set; } ////// 分页记录数(每页条数 默认每页15条) /// public int PageSize { get; set; } ////// 路由地址(格式如:/Controller/Action) 默认自动获取 /// public string RouteUrl { get; set; } ////// 样式 默认 bootstrap样式 1 /// public int StyleNum { get; set; } } ////// 分页扩展方法 /// /// html试图 /// 分页属性 ///html样式 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(""); #endregion } break; } return MvcHtmlString.Create(sbPage.ToString()); } #endregion } }
b.View测试调用
@using PagerExtend @model IEnumerableUrl:@ViewBag.Url @foreach (var item in Model) {
@Html.PageExtend(ViewBag.PagerOption as HtmlHelperExtensions.MoPagerOption)} @item.Title @item.Author @item.CreateTime
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 = "测试 分页"; ListmoAirticles = new List (); 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); } } }
以上是“MVC默认路由如何实现分页”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流