Asp.net实现通用以及高效的分页方法

最新推荐文章于 2023-06-20 12:35:14 发布

jmh521

最新推荐文章于 2023-06-20 12:35:14 发布

阅读量722

点赞数

分类专栏： Asp.Net [C#] 文章标签： asp.net url string list ajax 扩展

Asp.Net [C#] 专栏收录该内容

48 篇文章 0 订阅

订阅专栏

 
 分页是WEB开发中面对的最常见的编程，实现方法多种多样。但是多数都太复杂，不够清晰不够简单也不面向对象.而下面提供这种分页方法不仅简单,而且高效,复用性也很好
这种分页的思路是这样的：
1、把分页后的数据抽象为一个类，你可以把它想象成一个双向链表的一个结点。
结构如下：
[复制到剪贴板]CODE:
//页类 
public class Page
{
    public int pageno { get; set; }//页号 
    public int from { get; set; }//前一页号 
    public int to { get; set; }//后一页号 
    public IList<object> result { get; set; }//数据 
    public Page(int page)
    {
        this.pageno = page;
    }
}
2、编写一个Pager类来管理根据你的数据源计算总页码、当前页码的数据、生成用于导航的页码条。
[复制到剪贴板]CODE:
using System;
using System.Collections.Generic;
using System.Text;
public class Pager
{
    int total_pages = 1;
    int elem_per_page = 10;
    int count_elements = 0;
    IList<object> arr = new List<object>();
    //创建函数 
    public Pager(IList<object> arr, int per_page)
    {
        elem_per_page = per_page;
        count_elements = arr.Count;
        if ((this.count_elements % per_page) == 0)
        {
            total_pages = (int)(count_elements / per_page);
        }
        else
        {
            total_pages = (int)(count_elements / per_page) + 1;
        }
        this.arr = arr;
    }
    //计算出一页来 
    public Page page(int pageno)
    {
        Page apage = new Page(pageno);
        int from = this.elem_per_page * (pageno - 1) + 1;
        int to = from + this.elem_per_page - 1;
        if (to > count_elements) { to = this.count_elements; }
        List<object> res = new List<object>();
        for (int i = (from - 1); i < to; i++)
        {
            res.Add(this.arr[i]);
        }
        apage.from = from;
        apage.to = to;
        apage.result = res;
        return apage;
    }
    //简单地生成页码 
    public string PrintPageNumbers(int cp, string url)
    {
        string pageurl = "<div id=/"paperindex/">";
        if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }
        for (int i = 1; i < this.total_pages + 1; i++)
        {
            if (i != cp)
            {
                pageurl = pageurl + "[<a href=/"" + url + "" + i + "/">" + i + "</a>]";
            }
            else
            {
                pageurl = pageurl + "<span id=/"current/">[" + i + "]</span>";
            }
        }
        return pageurl + "</div>";
    }
}
简单分析一下，创建函数根据每页显示数据条数计算出总页数，根据你取得的页码调用page（int）来取得那一页的page实例，page实例中包含它的页码，它上一页和下一页的页码，和分页完成后的数据。应用PrintPageNumbers()函数你就可以得到一个用于导航的索引条了。
3、使用方法
IList<object> list=BLL.News.getAll();//从业务层取数据 
Pager pager=new Pager(list,20);//从list取数据进行分页,每页20条. 
Page ap=pager.page(Int32.Parse(Request["pageno"]));//以GET方式获取需要显示的页号。 
Label1.Text=pager.PrintPageNumbers(Int32.Parse(Request["pageno"]), Request.FilePath.ToString());//向界面上写出导航条 
因为ap.result保存着分页后的数据，我们显示数据就有很多选择了。如果你是用table表达那你循环一下拆箱后把每个对象的属性输出一下，如果是用AJAX表达那你把对象列表转换成JSON或XML，传给AJAX页面。OK。分页达成。
4、扩展
如果你需要更漂亮的导航，可以覆写Pager类的PrintPageNumbers方法，我们对它进行扩展非常的容易。比如为实现以下效果。
每次只显示5个页码，根据页码值来判断是否需要加上最前页等链接。如下图。
我给Pager类加了以下的生成分页导航的函数。
[复制到剪贴板]CODE: 
#region 后面是可扩展的页码显示方式，我实现了其它两种。 
/**
* 生成前导串
* 根据当前页号来生成是否有上一页或最前页
* */
public string get_prestr(int pageindex, string url)
{
    string result = "<div id=/"paperindex/">";
    if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }
    if (pageindex > 1)
    {
        if (pageindex >= 3)//从第三页起显示 «  «上一页 
        {
            result += "<a href=/"" + url + "1/">最前页</a>，<a href=/"" + url + (pageindex - 1) + "/">上一页</a>，";
        }
        else//第2页显示 «上一页 
        {
            result += "<a href=" + url + (pageindex - 1) + ">上一页</a>，";
        }
    }
    else
    {
    }
    return result;
}
/**
* 生成中间数字串
* 如总记13页当前页为5，每次显示5个页码
* 则应该返回3,4,5,6,7
* */
public List<int> get_midpageno(int pageindex, int display_count)
{
    List<int> l = new List<int>();
    int A = display_count / 2;//取中间值 
    if (total_pages > display_count)
    {
        if (pageindex <= A)
        {
            for (int i = 1; i < display_count + 1; i++)
            {
                l.Add(i);
            }
        }
        if (pageindex > (total_pages - A))
        {
            for (int i = total_pages - display_count + 1; i < total_pages + 1; i++)
            {
                l.Add(i);
            }
        }
        if ((pageindex > A) && (pageindex <= (total_pages - A)))
        {
            for (int i = pageindex - A; i < pageindex + A + 1; i++)
            {
                l.Add(i);
            }
        }
    }
    else
    {
        for (int i = 1; i < total_pages + 1; i++)
        {
            l.Add(i);
        }
    }
    return l;
}
/**
* 生成后导串
* 根据当前页码和总页码来判断是否显示最后页和后一页
* */
public string get_nextstr(int pageindex, string url)
{
    //与前导串算法类似，所以先计算当前页是倒数第几页 
    int toend = total_pages - pageindex + 1;
    string result = "";
    if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }
    if (toend > 1)
    {
        if (toend >= 3)//从倒数第三页起显示 下一页» » 
        {
            result += "<a href=/"" + url + (pageindex + 1) + "/">下一页</a>，<a href=/"" + url + total_pages + "/">最后页</a>  ";
        }
        else//倒数第2页显示 下一页» 
        {
            result += "<a href=" + url + (pageindex + 1) + ">下一页</a>";
        }
    }
    else
    {
    }
    return result + "</div>";
}
/*
* 一种生成固定显示页码数量的页码display_count最好是个奇数，这样可以保证当前页处于分页条的正中间
* 生成的页码以一个ID为paperindex的div封装，当前页码ID为current，方便加载样式。
* */
public string PrintPageNumbers(int pageindex, string url, int display_count)
{
    string originurl = url;
    string pageurl = "";
    if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }
    pageurl += get_prestr(pageindex, originurl);//加入前导串 
    //生成中间串 
    foreach (int a in get_midpageno(pageindex, display_count))
    {
        if (a.Equals(pageindex))
        {
            pageurl += "<span id=/"current/">" + a + "</span>，";
        }
        else
        {
            pageurl += "<a href=/"" + url + a + "/">" + a + "</a>，";
        }
    }
    pageurl += get_nextstr(pageindex, originurl);//加入后导串 
    if (pageurl.EndsWith("，</div>")) { pageurl = pageurl.Replace("，</div>", "</div>"); }
    return pageurl;
}
//显示总记录数和总页数 
public string PrintPageNumbers(int pageindex, string url, int display_count, bool todisplaytotalrecorder, bool todisplaytotalpages)
{
    string result = "";
    if (todisplaytotalrecorder) { result += "<span id=/"recordercount/">共有记录:" + this.arr.Count + "条</span>  "; }
    if (todisplaytotalpages) { result += "<span id=/"pagecount/">共记:" + this.total_pages + "页</span>"; }
    return result + PrintPageNumbers(pageindex, url, display_count);
} 
#endregion 
在调用这个函数生成的导航表达索引时，需要再配合一下简单的样式表。因为我在输出页码时给它加了ID属性，所以可以根据ID加载CSS。
CSS:
[复制到剪贴板]CODE:
<style type="text/css"> 
#paperindex{ 
font:14px #000000;
} 
#paperindex #current{ 
border:1px solid #142A3B;
background-color:B1D3EC;
color:#000;
}
a,a:visited
{
text-decoration:none;
color:#000;
}
a:hover
{
    color:red;
text-decoration:underline;
}
</style>
DEMO：
  List<object> list=BLL.Customers.getAll();//从业务层或数据层取出数据列表 
Pager pager = new Pager(list, 20);//生成pager，数据从list中取,每页20条 
int currentpageindex=Int32.parse(Request["pageno"]);//GET方式获取pageno，pageno是类中定义的页码传参变量 
  Page page = pager.page(currentpageindex);//然后就可以通过page.result来取到用于显示的当前页的List<object>数据 
再通过Pager的PrintPageNumbers方法来生成页码的字符串。 
 

分页是WEB开发中面对的最常见的编程，实现方法多种多样。但是多数都太复杂，不够清晰不够简单也不面向对象.而下面提供这种分页方法不仅简单,而且高效,复用性也很好

这种分页的思路是这样的：
1、把分页后的数据抽象为一个类，你可以把它想象成一个双向链表的一个结点。
结构如下：

[复制到剪贴板]

CODE:

//页类
public class Page
{
public int pageno { get; set; }//页号
public int from { get; set; }//前一页号
public int to { get; set; }//后一页号
public IList<object> result { get; set; }//数据
public Page(int page)
{
this.pageno = page;
}
}

2、编写一个Pager类来管理根据你的数据源计算总页码、当前页码的数据、生成用于导航的页码条。

[复制到剪贴板]

CODE:

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

public class Pager
{
int total_pages = 1;
int elem_per_page = 10;
int count_elements = 0;
IList<object> arr = new List<object>();
//创建函数
public Pager(IList<object> arr, int per_page)
{
elem_per_page = per_page;
count_elements = arr.Count;
if ((this.count_elements % per_page) == 0)
{
total_pages = (int)(count_elements / per_page);
}
else
{
total_pages = (int)(count_elements / per_page) + 1;
}
this.arr = arr;
}

//计算出一页来
public Page page(int pageno)
{
Page apage = new Page(pageno);
int from = this.elem_per_page * (pageno - 1) + 1;
int to = from + this.elem_per_page - 1;
if (to > count_elements) { to = this.count_elements; }

List<object> res = new List<object>();
for (int i = (from - 1); i < to; i++)
{
res.Add(this.arr[i]);
}
apage.from = from;
apage.to = to;
apage.result = res;
return apage;
}
//简单地生成页码
public string PrintPageNumbers(int cp, string url)
{
string pageurl = "<div id=/"paperindex/">";
if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }
for (int i = 1; i < this.total_pages + 1; i++)
{
if (i != cp)
{
pageurl = pageurl + "[<a href=/"" + url + "" + i + "/">" + i + "</a>]";
}
else
{
pageurl = pageurl + "<span id=/"current/">[" + i + "]</span>";

}
}
return pageurl + "</div>";
}
}

简单分析一下，创建函数根据每页显示数据条数计算出总页数，根据你取得的页码调用page（int）来取得那一页的page实例，page实例中包含它的页码，它上一页和下一页的页码，和分页完成后的数据。应用PrintPageNumbers()函数你就可以得到一个用于导航的索引条了。
3、使用方法
IList<object> list=BLL.News.getAll();//从业务层取数据
Pager pager=new Pager(list,20);//从list取数据进行分页,每页20条.
Page ap=pager.page(Int32.Parse(Request["pageno"]));//以GET方式获取需要显示的页号。
Label1.Text=pager.PrintPageNumbers(Int32.Parse(Request["pageno"]), Request.FilePath.ToString());//向界面上写出导航条
因为ap.result保存着分页后的数据，我们显示数据就有很多选择了。如果你是用table表达那你循环一下拆箱后把每个对象的属性输出一下，如果是用AJAX表达那你把对象列表转换成JSON或XML，传给AJAX页面。OK。分页达成。
4、扩展
如果你需要更漂亮的导航，可以覆写Pager类的PrintPageNumbers方法，我们对它进行扩展非常的容易。比如为实现以下效果。
每次只显示5个页码，根据页码值来判断是否需要加上最前页等链接。如下图。

我给Pager类加了以下的生成分页导航的函数。

[复制到剪贴板]

CODE:

#region 后面是可扩展的页码显示方式，我实现了其它两种。
/**
* 生成前导串
* 根据当前页号来生成是否有上一页或最前页
* */
public string get_prestr(int pageindex, string url)
{
string result = "<div id=/"paperindex/">";
if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }

if (pageindex > 1)
{

if (pageindex >= 3)//从第三页起显示 « «上一页
{
result += "<a href=/"" + url + "1/">最前页</a>，<a href=/"" + url + (pageindex - 1) + "/">上一页</a>，";
}
else//第2页显示 «上一页
{
result += "<a href=" + url + (pageindex - 1) + ">上一页</a>，";
}

}
else
{

}
return result;
}
/**
* 生成中间数字串
* 如总记13页当前页为5，每次显示5个页码
* 则应该返回3,4,5,6,7
* */
public List<int> get_midpageno(int pageindex, int display_count)
{
List<int> l = new List<int>();
int A = display_count / 2;//取中间值
if (total_pages > display_count)
{
if (pageindex <= A)
{
for (int i = 1; i < display_count + 1; i++)
{
l.Add(i);
}
}
if (pageindex > (total_pages - A))
{
for (int i = total_pages - display_count + 1; i < total_pages + 1; i++)
{
l.Add(i);
}
}
if ((pageindex > A) && (pageindex <= (total_pages - A)))
{
for (int i = pageindex - A; i < pageindex + A + 1; i++)
{
l.Add(i);
}
}
}
else
{
for (int i = 1; i < total_pages + 1; i++)
{
l.Add(i);
}

}

return l;
}

/**
* 生成后导串
* 根据当前页码和总页码来判断是否显示最后页和后一页
* */
public string get_nextstr(int pageindex, string url)
{
//与前导串算法类似，所以先计算当前页是倒数第几页
int toend = total_pages - pageindex + 1;
string result = "";
if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }

if (toend > 1)
{

if (toend >= 3)//从倒数第三页起显示下一页» »
{
result += "<a href=/"" + url + (pageindex + 1) + "/">下一页</a>，<a href=/"" + url + total_pages + "/">最后页</a> ";
}
else//倒数第2页显示下一页»
{
result += "<a href=" + url + (pageindex + 1) + ">下一页</a>";
}

}
else
{

}
return result + "</div>";
}
/*
* 一种生成固定显示页码数量的页码display_count最好是个奇数，这样可以保证当前页处于分页条的正中间
* 生成的页码以一个ID为paperindex的div封装，当前页码ID为current，方便加载样式。
* */
public string PrintPageNumbers(int pageindex, string url, int display_count)
{

string originurl = url;
string pageurl = "";
if (url.Contains("?")) { url += "&pageno="; } else { url += "?pageno="; }
pageurl += get_prestr(pageindex, originurl);//加入前导串
//生成中间串
foreach (int a in get_midpageno(pageindex, display_count))
{
if (a.Equals(pageindex))
{
pageurl += "<span id=/"current/">" + a + "</span>，";
}
else
{
pageurl += "<a href=/"" + url + a + "/">" + a + "</a>，";
}
}
pageurl += get_nextstr(pageindex, originurl);//加入后导串
if (pageurl.EndsWith("，</div>")) { pageurl = pageurl.Replace("，</div>", "</div>"); }
return pageurl;
}
//显示总记录数和总页数
public string PrintPageNumbers(int pageindex, string url, int display_count, bool todisplaytotalrecorder, bool todisplaytotalpages)
{
string result = "";
if (todisplaytotalrecorder) { result += "<span id=/"recordercount/">共有记录:" + this.arr.Count + "条</span> "; }
if (todisplaytotalpages) { result += "<span id=/"pagecount/">共记:" + this.total_pages + "页</span>"; }
return result + PrintPageNumbers(pageindex, url, display_count);
}
#endregion

在调用这个函数生成的导航表达索引时，需要再配合一下简单的样式表。因为我在输出页码时给它加了ID属性，所以可以根据ID加载CSS。
CSS:

[复制到剪贴板]

CODE:

DEMO：
List<object> list=BLL.Customers.getAll();//从业务层或数据层取出数据列表
Pager pager = new Pager(list, 20);//生成pager，数据从list中取,每页20条
int currentpageindex=Int32.parse(Request["pageno"]);//GET方式获取pageno，pageno是类中定义的页码传参变量
Page page = pager.page(currentpageindex);//然后就可以通过page.result来取到用于显示的当前页的List<object>数据
再通过Pager的PrintPageNumbers方法来生成页码的字符串。