项目经验之:如CSDN一样的分页，我能否做这样的分页吗??????

分页大家都做过吧,分页最常见的如

有上下翻页,

有如百度一样翻页

还有如

还有如当当网一样的分页这个下次有机会再列出给大家(朋友给出的)

这篇文章讲到的一个分页,要做成论坛一样的分页格式,都用过CSDN吧,就是像CSDN上翻页样式相似

分页总的说来,大概分为Post分页 与 URL 分页  ,举例来说吧,如大家在做GridView时自带的分页,其实其内含的就是 Post分页的 ,他分页本身URL地址是没有改变的.只是在回传

_doPostBack() 函数,

URL分页,相信大家也用过,静态页面的分页大部分用到的是URL分页,,,  还有就是文章的分页

说多了大家也觉得是多余的,还是看代码强些...........................................

注意我这段代码用到了codeproject网站上的一个组件 ASPnetPagerV2netfx2_0.dll  也是参考codeproject上面例子所做的  我下面的例用到的数据库是 Northwind 数据库

SQL代码段

 

CREATE PROCEDURE sp_page
@CurrentPage int, @PageSize int,@Field_Info varchar(500),@Table_info varchar(20),@Field_id varchar(10),@intOrder int,@otherwhere varchar(50),@RecordCount int output,@PageCount int output
--@CurrentPage为显示那一页,@PageSize为每一页显示几行,@Field_info为要显示的字段可以为*,@Table_info为要查询的表或视图,@field_id为按这个字段排序,@intorder0为升序排1为降序排,@otherwhere为条件,@RecordCount为总行数,@PageCount为总页数
AS
begin
    DECLARE @MinPage int, @MaxPage int
    declare @sql varchar(1000)
    declare @sqlt nvarchar(300)
    declare @order varchar(4)
    set @Field_Info = replace(@Field_Info,'''','')       --除去@field_info中的'
    set @Table_info = replace(@table_info,'''','')       --除去@table_info中的'
    set @Field_id = replace(@Field_id,'''','')            --除去@field_id中的'
    set @otherwhere = replace(@otherwhere,'''','''''')     --将@otherwhere中的'换成''让SQL语句正确释别'
    set @sqlt = 'SELECT @RecordCount = COUNT(' + @Field_id + ') FROM ' + @Table_Info
    exec sp_executesql @sqlt,N'@RecordCount int output',@RecordCount output     --如何将exec执行结果放入变量中,如果是字符串就要用N,N后面的变量一定要和@sqlt里面的变量同名
    IF @PageSize <= 0
        begin
            set @PageSize = 10
        end
    else if @PageSize > @RecordCount
        begin
            set @pageSize = @RecordCount
        end
    set @pagecount = @RecordCount / @PageSize
    if ((@recordcount % @pagesize) != 0)                    --如果除不尽则加一页
        begin
            set @PageCount = @RecordCount / @PageSize
            set @PageCount = @pagecount + 1
        end
    else
        begin
            set @pagecount = @recordcount /@PageSize
        end
    IF @CurrentPage <= 0
        begin
            set @CurrentPage = 1
        end
    else if @CurrentPage > @pagecount
        begin        
            set @currentpage = @pagecount        --如果输入页数大于总页数则符最后一页
        end
    SET @MinPage = (@CurrentPage - 1) * @PageSize + 1
    SET @MaxPage = @MinPage + @PageSize - 1
    
    BEGIN
        if @intorder = 0
            set @order = 'asc'
        else
            set @order = 'desc'
        if @Field_Info like ''
            set @field_Info = '*'
        if @otherwhere like ''
            set @sql = 'select ' + @Field_Info + ' from (select ' +  @Field_Info + ' , row_number() over(order by ' + @Field_id + ' ' + @Order + ') as rownumber from ' + @Table_info + ') as a where rownumber between ' + convert(varchar(10),@minpage) + ' and ' + convert(varchar(10),@maxpage)
        else
            set @sql = 'select ' + @Field_Info + ' from (select ' +  @Field_Info + ' , row_number() over(order by ' + @Field_id + ' ' + @Order + ') as rownumber from ' + @Table_info + ') as a where rownumber between ' + convert(varchar(10),@minpage) + ' and ' + convert(varchar(10),@maxpage) + ' and ' + @otherwhere
        exec(@sql)
    END
end

aspx页面中要引用的分页样式表代码:

.PagerContainerTable
{
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    color: #d1d1e1;
    border-bottom: #333333 1px solid;
    background-color: #FFFFFF;
}
.PagerInfoCell
{
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    color: #f0f1f2;
    padding-top: 3px;
    white-space: nowrap;
    background-color: #990000;
    font-weight:normal;
}
.PagerInfoCell:link
{
    color: #ffcc66;
    text-decoration: none;
}
.PagerInfoCell:visited
{
    color: #ffcc66;
    text-decoration: none;
}
.PagerCurrentPageCell
{
    color: #990000;
    background-color: #FFFF99;
}
.PagerOtherPageCells
{
    background-color: #f0f1f2;
}
.PagerSSCCells
{
    background-color: #cccccc;
}
.PagerHyperlinkStyle
{
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:hover
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:link
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:visited
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:active
{
    color: #000000;
    text-decoration: none;
    font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

aspx页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test_Paging_CSDN.aspx.cs" Inherits="Pageing_Default2" %>
<%@ Register TagPrefix="cc1" Namespace="CutePager" Assembly="ASPnetPagerV2netfx2_0" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link href="lightstyle.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:repeater id="Repeater1" runat="server">
                <HeaderTemplate>
                    <table style="background-color:#ffcc66;" cellpadding="5" cellspacing="0">
                        <tr>
                            <th style="70px;">
                                index</th>
                            <th style="200px;">
                                ProductName</th>
                        </tr>
                    </table>
                </HeaderTemplate>
                <ItemTemplate>
                    <table cellpadding="5" cellspacing="0" style="background-color:#f0f1f2;">
                        <tr>
                            <td style="70px;" align="center"><%#Eval("RowNumber")%></td>
                            <td style="200px;"><%#Eval("ProductName")%></td>
                        </tr>
                    </table>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <table cellpadding="5" cellspacing="0" style="background-color:#ccccff;">
                        <tr>
                            <td style="70px;" align="center"><%#Eval("RowNumber")%></td>
                            <td style="200px;"><%#Eval("ProductName")%></td>
                        </tr>
                    </table>
                </AlternatingItemTemplate>
            </asp:repeater>
        <br />
        <cc1:pager id="pager1" runat="server" oncommand="pager_Command" showfirstlast="true" PageSize="10">
        </cc1:pager>
    </div>
    </form>
</body>
</html>

aspx.cs代码

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class Pageing_Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            pager1.CurrentIndex = 1;
            BindRepeater(1);
        }
    }

    public string strConn = DbHelperSql.connectionString.ToString();

    public void pager_Command(object sender, CommandEventArgs e)
    {
        int currnetPageIndx = Convert.ToInt32(e.CommandArgument);
        pager1.CurrentIndex = currnetPageIndx;
        BindRepeater(currnetPageIndx);
    }

        
    private void BindRepeater(int pageNo)
    {
 
        /*
         @CurrentPage int, --@CurrentPage为显示那一页
        @PageSize int,--@PageSize为每一页显示几行
        @Field_Info varchar(500),--@Field_info为要显示的字段可以为*
        @Table_info varchar(20),--@Table_info为要查询的表或视图
        @Field_id varchar(10),--@field_id为按这个字段排序
        @intOrder int,--@intorder0为升序排1为降序排
        @otherwhere varchar(50),--@otherwhere为条件
        @RecordCount int output,--@RecordCount为总行数
        @PageCount int output--@PageCount为总页数
         */
        SqlConnection cn = new SqlConnection(strConn);

        SqlCommand Cmd = new SqlCommand("dbo.sp_page", cn);
        Cmd.CommandType = CommandType.StoredProcedure;
        SqlDataReader dr;

        Cmd.Parameters.Add("@CurrentPage", SqlDbType.Int, 4).Value = pageNo;
        Cmd.Parameters.Add("@PageSize", SqlDbType.Int, 4).Value = pager1.PageSize;
        Cmd.Parameters.Add("@Field_Info", SqlDbType.VarChar, 500).Value = "*";
        Cmd.Parameters.Add("@Table_info", SqlDbType.VarChar, 20).Value = "Products";        //表名
        Cmd.Parameters.Add("@Field_id", SqlDbType.VarChar, 10).Value = "ProductID";
        Cmd.Parameters.Add("@intOrder", SqlDbType.Int).Value = 1;             //排序
        Cmd.Parameters.Add("@otherwhere", SqlDbType.VarChar,50).Value = "";       //条件
        Cmd.Parameters.Add("@RecordCount", SqlDbType.Int).Direction = ParameterDirection.Output;   //总行数
        Cmd.Parameters.Add("@PageCount", SqlDbType.Int).Direction = ParameterDirection.Output;
        cn.Open();
        dr = Cmd.ExecuteReader();

        Repeater1.DataSource = dr;
        Repeater1.DataBind();

        dr.Close();
        cn.Close();

        Int32 _totalRecords = Convert.ToInt32(Cmd.Parameters["@RecordCount"].Value);
        pager1.ItemCount = _totalRecords;
        pager1.PageCount = Convert.ToInt32(Cmd.Parameters["@PageCount"].Value);
    }
}

Web.Config文件

//这里你可以改成自已本地数据库测试即可

<connectionStrings>
        <add name="NorthwindConnectionString" connectionString="User ID=sa;pwd=sa;Initial Catalog=NORTHWND;Data Source=WANGYONGJUN\SQLEXPRESS" providerName="System.Data.SqlClient"/>
</connectionStrings>

好了,这只是一个例子,希望有助于大家的学习,........................................................

代码下载:/Files/accpfriend/Paging4.rar (有什么问题可留言)

没有最好,只有更好。