AspNetPager 控件实现真分页功能
最后更新于:2022-04-01 20:12:37
## 前言
分页是Web应用程序中最常用到的功能之一,在ASP.NET中,虽然自带了一个可以分页的DataGrid和GridView控件,但其分页功能并不尽如人意,外观比较丑,是我pass它们的主要原因。而且没有办法实现导航与数据显示的分离。
这个时候AspNetPager针对ASP.NET分页控件的不足,提出了与众不同的解决asp.net中分页问题的方案,即将分页导航功能与数据显示功能完全独立开来,由用户自己控制数据的获取及显示方式,因此可以被灵活地应用于任何需要实现分页导航功能的地方,因为AspNetPager控件和数据是独立的,因此要分页的数据可以来自任何数据源。
## 一、分页介绍
分页功能实现从表现形式上分为两种:真分页和假分页。二者各有特色。本篇主要介绍真分页的实现,这就简单介绍一下什么是假分页。
### 1、假分页:
在第一次请求后,一次性从数据库中将数据全部取出来,并不全部显示。而是根据量分为几个部分,分开呈现在屏幕上。因为是一次性的数据交互动作,显然,假分页适用于数据量不大,请求次数少的查询显示动作。
### 2、真分页:
是按查询数据时给定的查询记录数来查多少条数据。通俗的说,要哪里取出哪里。因为取出的数据只是一部分,所以可见真分页的效率很高。假设你的数据量很大,那么就没有必要去一次性取出所有的数据。这样发出命令到web服务器,再返回数据,时间太长了,用户早就等的不乐意了。这时候就体现出真分页的优势了。下面我就以牛腩新闻发布系统为例,介绍一下AspNetPager 控件实现真分页功能(如图一)。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-08-19_57b6bd24352e0.jpg)
[图一 AspNetPager控件使用效果展示]
## 二、真分页原理讲解
### 1、需要前台提供什么数据
大家先要考虑一个事情,就是如果实现真分页的功能,需要怎样定位我们的数据?答案是一个起始记录号码和一个终止号码。就像是班主任点名字,看着全班的花名册就会说:请20号到30号的同学到黑板上做题。这里需要从前台传递到后台BLL层,DAL层,最后到数据库的存储过程中的数据就是这个20和30。
### 2、AspNetPager 控件的作用
上一个问题已经解决了“我们需要什么”的问题,下面就是“怎么获取”的问题,让AspNetPager干活,它也是需要数据支持的:它要知道一共有多少数据,用户想让每一页显示几条记录。这样它的第1,2,3,页的显示,响应anp_PageChanged的时候实际就是在传递行号。
### 3、数据库中存储过程的原理
将开始行数和截止行数作为参数传入存储过程中,它会根据ID的次序,生成一列行号,这个行号就对应了我们要取得的数据起始标记。如图二:
**![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-08-19_57b6bd248048b.jpg)**
[图二 存储过程执行效果展示]
## 三、代码实现
1、首先在newsmanager.aspx中添加AspNetPager控件
**控件设置代码如下:**
~~~
~~~
2、然后在.cs中传入数据(U层),因为要多次用到数据的绑定,所以我就把代码封装成了一个函数。方便调用。
~~~
protected void Page_Load(object sender, EventArgs e)
{
//判断session里面是否存在管理员
if (Session["admin"] != null && Session["admin"].ToString() == "zhou")
{
//已登录
if (!Page.IsPostBack)
{
{
//第一次进入该页面时
DataTable dt = new DataTable();
dt = new NewsManager().SelectAll();//选择所有新闻
anp.RecordCount = dt.Rows.Count; //记录总数
//开始绑定记录
BindNews();
}
}
}
else
{
//未登录
Response.Redirect("Default.aspx");
}
}
#region 绑定新闻列表
///
/// Repeater控件绑定数据源
///
private void BindNews()
{
int startIndex = anp.StartRecordIndex; //开始记录数
int endIndex = anp.EndRecordIndex; //结束记录数
repNews.DataSource = new NewsManager().SelectByPage(startIndex, endIndex);
repNews.DataBind();
}
#endregion
protected void anp_PageChanged(object sender, EventArgs e)
{
//控件的切换实现数据库的数据交互
BindNews();
}
~~~
**3、调用B层**
~~~
#region 分页功能实现
///
/// 分页控件传递开始页和终止页的数据
///
/// 开始数
/// 截止数
/// DataTable
public DataTable SelectByPage(int startIndex, int endIndex)
{
return ndao.SelectByPage(startIndex, endIndex);
}
#endregion
~~~
**4、调用D层**
~~~
///
/// 分页功能的实现
///
/// 开始
/// 结束
///
public DataTable SelectByPage(int startIndex, int endIndex)
{
DataTable dt = new DataTable();
string cmdText = "partPage";
SqlParameter[] paras = new SqlParameter[]{
new SqlParameter ("@startIndex",startIndex ),
new SqlParameter ("@endIndex",endIndex )
};
dt = sqlhelper.ExecuteQuery(cmdText, paras, CommandType.StoredProcedure);
return dt;
}
#endregion
~~~
**5、数据库中的存储过程的编写**
~~~
USE [newssystem]
GO
/****Object: StoredProcedure [dbo].[partPage] Script Date: 2014-11-30 15:38:11 ****/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
-- =============================================
-- Author: 周洲
-- Create date: 2014-11-28
-- Description: 传入开始号和结束号,查询新闻
-- =============================================
ALTER PROCEDURE [dbo].[partPage]
@startIndex int, --查询开始记录数
@endIndex int --结束记录数
AS
BEGIN
with temptbl as (
SELECT ROW_NUMBER() OVER (ORDER BY id desc)AS 行号, * from news --使得记录按顺序排列,按行号查询
)
SELECT * FROM temptbl where 行号 between @startIndex and @endIndex --传入开始和结束的参数,执行查询
END
~~~
## 四、总结
AspNetPager作为完全免费且开放源代码的ASP.NET控件,为Web开发提供了很大的便利。我想起作品展的时候就用到了别人的控件,让我们省去了很多代码的编写。这也算是站在了巨人的肩膀上,用别人封装好的东西,给我们自己的系统增光添彩。做完了牛腩新闻发布系统为我们掀开了B/S的一个序幕,更多有意思的东西,待我边探索边分享。
';