干货分享JPager.Net MVC超好用轻量级分页控件

Posted Joye.Net

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了干货分享JPager.Net MVC超好用轻量级分页控件相关的知识,希望对你有一定的参考价值。

JPager.Net  MVC好用的轻量级分页控件,好用到你无法想象,轻量到你无法想象。

JPager.Net  MVC好用的轻量级分页控件,实现非常简单,使用也非常简单。

JPager.Net  MVC好用的轻量级分页控件,代码精心推敲,经多人反复建议修改,最终成型使用中。非常好用分享给大家。源代码一共放出来。先上个效果图:

JPager.Net  MVC好用的轻量级分页控件JPager.Net .dll核心代码

PagerInBase.cs

namespace JPager.Net
{
    /// <summary>
    /// 分页基础类
    /// </summary>
    public class PagerInBase
    {
        /// <summary>
        /// 当前页
        /// </summary>
        public int PageIndex { get; set; }

        /// <summary>
        /// 页数
        /// </summary>
        public int PageSize { get; set; }

        //跳过序列中指定数量的元素
        public int Skip => (PageIndex - 1) * PageSize;

        /// <summary>
        /// 请求URL
        /// </summary>
        public string RequetUrl => System.Web.HttpContext.Current.Request.Url.OriginalString;

        /// <summary>
        /// 构造函数给当前页和页数初始化
        /// </summary>
        public PagerInBase()
        {
            if (PageIndex == 0) PageIndex = 1;
            if (PageSize == 0) PageSize = 10;
        }
    }
}

PagerResult.cs

using System;
using System.Collections.Generic;
using System.Text;

namespace JPager.Net
{
    /// <summary>
    /// ULR拼装
    /// </summary>
    internal static class Exts
    {
        public static string GetUrl(this string url, int curIndex, int reps)
        {
            return url.Replace("pageindex=" + curIndex.ToString(), "pageindex=" + reps.ToString());
        }
    }

    /// <summary>
    /// 分页核心代码
    /// </summary>
    /// <typeparam name="T"></typeparam>
    public class PagerResult<T>
    {
        public int Code { get; set; }
        public int Total { get; set; }
        public IEnumerable<T> DataList { get; set; }          
        public int PageSize { get; set; }
        public int PageIndex { get; set; }
        public string RequestUrl { get; set; }

        /// <summary>
        /// 分页页码html
        /// </summary>
        /// <param name="cssClass">默认样式:jpager</param>
        /// <returns></returns>
        public string PagerHtml(string cssClass="jpager")
        {
            if (PageIndex == 0) PageIndex = 1;
            if (RequestUrl.IndexOf("?", StringComparison.Ordinal) == -1) RequestUrl += "?pageindex=1";
            else
            if (RequestUrl.IndexOf("&pageindex", StringComparison.Ordinal) == -1&& RequestUrl.IndexOf("?pageindex", StringComparison.Ordinal) == -1) RequestUrl += "&pageindex=1";
            
            var html = new StringBuilder();
            html.AppendFormat("<span class=\'{0}\'>", cssClass);
            var pageLen = Math.Ceiling((double)Total / PageSize);
            html.AppendFormat("<a href=\'{0}\'> 首页 </a>", RequestUrl.GetUrl(PageIndex,1));
            html.AppendFormat("<a href=\'{0}\'> 上页 </a>", RequestUrl.GetUrl(PageIndex, PageIndex < 2 ? 1 : PageIndex - 1));

            var si = PageIndex <= 6 ? 1 : PageIndex - 5;
            var ei = si + 9;

            while (si <= pageLen && si <= ei)
                html.AppendFormat(
                    si == PageIndex
                        ? "<a style=\'color:black;border:none;\' href=\'{0}\'> {1} </a>"
                        : "<a href=\'{0}\'> {1} </a>", RequestUrl.GetUrl(PageIndex, si), si++);

            html.AppendFormat("<a href=\'{0}\'> 下页 </a>", RequestUrl.GetUrl(PageIndex, (int)(PageIndex > pageLen - 1 ? pageLen : PageIndex + 1)));

            html.AppendFormat("<a href=\'{0}\'> 尾页 </a>",
                Math.Abs(Total) <= 0 
                ? RequestUrl.GetUrl(PageIndex, 1) 
                : RequestUrl.GetUrl(PageIndex, (int) pageLen));

            html.Append(@"</span>");
            return html.ToString();

        }
        
    }

}

使用方法:

HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.Mvc;
using JPager.Net;
using JPager.Net.Web.Models;

namespace JPager.Net.Web.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index(UserParams param)
        {
//每页显示的条数默认10 //param.PageSize = 10;

//保存搜索条件
ViewBag.SearchName = param.Name;
ViewBag.SearchAge = param.Age;
//获取数据集合 var list = PageContent(); //根据条件检索 var query = param.Name!=null ? list.Where(t=>t.Name.Contains(param.Name)).ToList() : list.ToList(); //分页数据 var data = query.Skip(param.Skip).Take(param.PageSize); //总页数 var count = query.Count; var res = new PagerResult<User> { Code = 0, DataList = data, Total = count, PageSize = param.PageSize,PageIndex = param.PageIndex,RequestUrl = param.RequetUrl}; return View(res); } //测试数据 public List<User> PageContent() { var list = new List<User>(); for (var t = 0; t < 10000; t++) { list.Add(new User { Id = t, Name = "Joye.net"+t.ToString(), Age = t + 10, Score = t, Address = "http://yinrq.cnblogs.com/", AddTime = DateTime.Now }); } return list; } } }

Models文件夹建User.cs和UserParams.cs

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

namespace JPager.Net.Web.Models
{
    public class UserParams:JPager.Net.PagerInBase
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public int ? Age { get; set; }
        public int Score { get; set; }
        public string Address { get; set; }
        public DateTime AddTime { get; set; }
    }
}
using System;

namespace JPager.Net.Web.Models
{
    public class User
    {
        public int Id { get; set; } 
        public string Name { get; set; }
        public int Age { get; set; }
        public int Score { get; set; }
        public string Address { get; set; }
        public DateTime AddTime { get; set; }
    }
}

view显示

@model JPager.Net.PagerResult<JPager.Net.Web.Models.User>
@{
    ViewBag.Title = "Index";
}

<h2>JPager.Net MVC好用的轻量级分页控件</h2>
<div>
    <div>
        <form method="get">Name:
            <input name="Name" id="Name" />
         Age:
            <input name="Age" id="Age"/>
            <input type="submit" value="查询" />
        </form>
    </div>
    <table>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
            <th>Score</th>
            <th>Address</th>
            <th>AddTime</th>
        </tr>
        @foreach (JPager.Net.Web.Models.User item in Model.DataList)
        {
            <tr>
                <td>@item.Id</td>
                <td>@item.Name</td>
                <td>@item.Age</td>
                <td>@item.Score</td>
                <td><a href="@item.Address" target="_target">@item.Address</a></td>
                <td>@item.AddTime</td>
            </tr>
        }
    </table>

</div>
<div>
    @Html.Raw(Model.PagerHtml()) 共 @Model.Total 条
</div>

<script type="text/javascript">
    //保持搜索条件
    $(function () {
        $(\'#Name\').val(\'@ViewBag.SearchName\');
        $(\'#Age\').val(\'@ViewBag.SearchAge\');
    });
</script>

 

github:https://github.com/decadestory/JPager.Net  

代码云盘下载:https://yunpan.cn/cRYR7HJWtHiTz (提取码:6fef)

或者直接nuget获取JPager.net使用(jerry还没有上传,暂时还不支持)

 

以上是关于干货分享JPager.Net MVC超好用轻量级分页控件的主要内容,如果未能解决你的问题,请参考以下文章

超好用的图神经网络库PyG更新了!

一款超好用轻量级JS框架——Zepto.js(上)

干货分享!!便民利民好用APP推荐!

分享 ------ 10个超好用的配色网站

[资源分享]全网最全超好用的聚合搜索

分享一个JDK批量异步任务工具CompletionService,超好用