牛腩购物小结之： anpnetpager分页控件的使用图文教程,anpnetpager分页多表查询

分页控件的使用

一：下载，并在 vs2010 里面添加  anpnetpager 控件

1:  下载   http://www.webdiyer.com/Controls/AspNetPager/Downloads 下载

2:   将 AspNetPager.dll 和 AspNetPager.xml 考入到项目的 bin 文件夹 并在Bin文件夹上引用AspNetPager。（这一步其实可以用不，执行下面的第三部，就会把第二步执行一次的，不过这个 xml 好像不会自动考进来，所以我们还是把第一步 执行比较好）

  拷贝到 web层的Bin文件夹，并引用。

 

3：在VS2010 工具栏上面，右键新建项，然后找到刚才 bin文件的 AspNetPager.dll ，这样在工具栏就可以使用 AspNetPager了，将控件拖到你需要分页的地方，就可以了。

然后就可以在工具栏看到 AspNetPager 控件了

 

二： 下面开始如何分页的步骤

1：分页控件的准备，我们上面已经做好了

2：在sql2005以及以上，运行分页的存储过程

-- =============================================

-- Author:		牛腩

-- Create date: 2009-07-22 12:41

-- Description:	分页，用到了ROW_NUMBER()

-- =============================================

ALTER PROCEDURE [dbo].[proc_FenYe]

@tblName   varchar(255),       -- 表名

@strGetFields varchar(1000) = '*', -- 需要返回的列，默认*

@strOrder varchar(255)='',      -- 排序的字段名，必填

@strOrderType varchar(10)='ASC', -- 排序的方式,默认ASC

@PageSize   int = 10,          -- 页尺寸,默认10

@PageIndex int = 1,           -- 页码,默认1

@strWhere varchar(1500) = '' -- 查询条件 (注意: 不要加 where)

AS



declare @strSQL   varchar(5000)



if @strWhere !=''

set @strWhere=' where '+@strWhere



set @strSQL=

'SELECT * FROM ('+

	'SELECT ROW_NUMBER() OVER (ORDER BY '+@strOrder+' '+@strOrderType+') AS pos,'+@strGetFields+' '+

	'FROM '+@tblName+' '+@strWhere+

') AS sp WHERE pos BETWEEN '+str((@PageIndex-1)*@PageSize+1)+' AND '+str(@PageIndex*@PageSize)



exec (@strSQL)

注意：如果用到多表查询，还是使用上面的这个存储过程，下面是在sqlserver 2005 中的查询分析器中调用 上面的存储过程来进行多表查询

//这里是在存储过程里面的调用方法，可以使用多表查询的。

EXEC    [proc_ShowPage]   

        @tblName = N'(project p inner join projectca ca on p.caid=ca.id)',   

        @strGetFields = N'p.title,ca.caname',   

        @strOrder = N'p.id',   

        @strOrderType = N'desc',   

        @PageSize = 12,   

        @PageIndex = 1,   

        @strWhere = N'' 

 

2：在页面上需要使用分页控件的地方，拉入控件，修改 上一页，下一页，尾页和首页的文字，设置为一直显示。

<webdiyer:AspNetPager ID="anp" runat="server" AlwaysShow="True" 

                    FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PrevPageText="上一页" 

                    CustomInfoHTML="总计%RecordCount%条记录，共%PageCount%页，每页%PageSize%条" 

                    ShowCustomInfoSection="Left" CssClass="paginator" 

                    CurrentPageButtonClass="cpb" CustomInfoSectionWidth=""  >

然后设置它的CSS，使用拍拍网的样式

.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}

.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}

.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}

.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}

.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

然后给 anp控件加上 属性设置： CssClass="paginator" CurrentPageButtonClass="cpb"

 

3：在分页控件上，双击 进入后台编写分页控件点击的代码（先是统计anp分页控件的所有的产品数，然后是给产品rep绑定）

Niunan.Shop.DAL.ProductDAO pro = new DAL.ProductDAO();

        protected void Page_Load(object sender, EventArgs e)

        {

            //页面进入的时候，分页控件先统计总的条数，然后绑定产品

            if (!Page.IsPostBack)

            {

                anp.RecordCount = pro.ClacCount(getCond());

                BindRepPro();

            }

        }



        //绑定产品

        private void BindRepPro()

        {

            //这里获取产品的时候，是调用分页来调用。分页的个数由 anp.PageSize 控制

            repNewPro.DataSource = pro.GetList("*", "id", "desc", anp.PageSize, anp.CurrentPageIndex, getCond());

            repNewPro.DataBind();

        }



        //获取条件

        private string getCond()

        {

            string cond = "isxp=1";

            return cond;

        }

        //分页控件点击事件（实际上就是重新绑定产品）

        protected void anp_PageChanged(object sender, EventArgs e)

        {

            BindRepPro();

        }

注释事项：

我们在写一般的存储过程/多表查询的时候，要记得，用 inner join 这个是个好习惯，因为我们一般的存储过程，要转换为 分页的查询的时候，有这个 inner join 就很明显的知道是查询哪几张表

假如我们在 ajax控件里面有用到分页控件，那么如果是 postback提交分页，则ajax有效（也就是url不会有动静，但是页面有修改），如果是 url 分页，那么页面的url会跟着改变了，就会变成 page=2 这样。

 

更加详细的设置，参见下面2篇分页文章 

1：牛腩新闻发布系统  http://www.cnblogs.com/1727050508/archive/2012/02/29/2373612.html

2：牛腩购物系统        http://www.cnblogs.com/1727050508/archive/2012/03/05/2379982.html

 

 

 

注意：1使用的分页函数是 只有3个参数的

2：使用的是 6个 参数的（实际存储过程需要7个参数，但是表名我们是手动在下面写了 shop_product）

/// <summary>分页获取数据列表

        /// 

        /// </summary>

        /// <param name="strGetFields">选择的字段</param>

        /// <param name="strOrder">排序字段</param>

        /// <param name="strOrderType">排序类型 desc或者asc</param>

        /// /// <param name="PageSize">页面大小</param>

        /// <param name="PageIndex">页索引</param>

        /// <param name="strWhere">条件</param>

        /// <returns></returns>

        public DataSet GetList(string strGetFields, string strOrder, string strOrderType, int PageSize, int PageIndex, string strWhere)

        {

            Database db = DatabaseFactory.CreateDatabase();

            DbCommand dbCommand = db.GetStoredProcCommand("proc_FenYe");

            db.AddInParameter(dbCommand, "tblName", DbType.AnsiString, "shop_product");

            db.AddInParameter(dbCommand, "strGetFields", DbType.AnsiString, strGetFields);

            db.AddInParameter(dbCommand, "PageSize", DbType.Int32, PageSize);

            db.AddInParameter(dbCommand, "PageIndex", DbType.Int32, PageIndex);

            db.AddInParameter(dbCommand, "strOrder ", DbType.String, strOrder);

            db.AddInParameter(dbCommand, "strOrderType", DbType.String, strOrderType);

            db.AddInParameter(dbCommand, "strWhere", DbType.AnsiString, strWhere);

            return db.ExecuteDataSet(dbCommand);

        }



        /// <summary>获取总的记录数

        /// 

        /// </summary>

        /// <param name="strWhere"></param>

        /// <returns></returns>

        public int ClacCount(string strWhere)

        {

            string sql = "select count(1) from shop_product";

            if (!string.IsNullOrEmpty(strWhere))

            {

                sql += " where " + strWhere;

            }

            Database db = DatabaseFactory.CreateDatabase();

            DbCommand dbCommand = db.GetSqlStringCommand(sql);

            return int.Parse(db.ExecuteScalar(dbCommand).ToString());



        }

3:在牛腩新闻发布系统的时候，使用过一次多表查询分页，但是是3个参数的，以后我们使用的时候，修改成多个参数即可

/// <summary>分页选择新闻

        /// 

        /// </summary>

        /// <param name="pageSize">页面大小</param>

        /// <param name="pageIndex">页索引</param>

        /// <param name="cond">条件(不用加where)</param>

        /// <returns></returns>

        public DataTable Select(int pageSize, int pageIndex, string cond)

        {

            //执行分页的存储过程  [proc_FenYe]

            DataTable dt = new DataTable();

            string procname = "proc_FenYe";

            SqlParameter[] paras = new SqlParameter[]{

            new SqlParameter("@tblName","(news a inner join  category b on a.caId=b.id and a.caId=b.id)" as object),

            new SqlParameter("@strGetFields","a.id,a.title,a.caid,a.createtime,a.content,b.name" as object),

            new SqlParameter("@strOrder","a.createtime" as object),   //通过time来排序

            new SqlParameter("@strOrderType","desc" as object),

            new SqlParameter("@PageSize ",pageSize as object),

            new SqlParameter("@PageIndex",pageIndex as object),

            new SqlParameter("@strWhere",cond as object)

            };

            dt = new SQLHelper().ExecuteQuery(procname, paras, CommandType.StoredProcedure);

            return dt;

        }