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的一个序幕,更多有意思的东西,待我边探索边分享。
';