发一个仿博客园的分页控件

与其讲是分页控件 不如说是一个分页类。

在网上搜集的CSS样式 一共24中经典样式供大家选择。

1.digg
2.yahoo
3.yahoo2
4.meneame
5.flickr
6.sabrosus
7.scott
8.quotes
9.black
10.black2
11.black-red
12.grayr
13.yellow
14.jogger
15.starcraft2
16.tres
17.megas512
18.technorati
19.youtube
20.msdn
21.badoo
22.manu
23.green-black
24.viciao

 

在demo 中 有css 文件

在使用页面中引入即可

 

看一下分页效果。

 

和博客园的分页效果几乎一致

 

使用方法

 

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using Tension.Web.Controls;
using Tension.Extension;

namespace PagingBarDemo
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string pageIndex = Request.QueryString["pageIndex"] ?? "1";
            int index = 1;
            pageIndex.IsInt32(out index);

            PagingBar defaultBar = new PagingBar();
            defaultBar.LeftSize = 4;
            defaultBar.PageCount = 40;
            defaultBar.PageIndex = index;
            defaultBar.Url = "Default.aspx?pageIndex={0}";

　　　　 defaultBar.Target = "_black";
            Literal1.Text = defaultBar.BuildLinkHtml();


            PagingBar bar2 = new PagingBar("scott");
            bar2.LeftSize = 4;
            bar2.PageCount = 40;
            bar2.PageIndex = index;
            bar2.Url = "Default.aspx?pageIndex={0}";
            Literal2.Text = bar2.BuildLinkHtml();

            PagingBar bar3 = new PagingBar("green-black");
            bar3.LeftSize = 4;
            bar3.PageCount = 40;
            bar3.PageIndex = index;
            bar3.Url = "Default.aspx?pageIndex={0}";
            Literal3.Text = bar3.BuildLinkHtml();

            PagingBar bar4 = new PagingBar("quotes");
            bar4.LeftSize = 4;
            bar4.PageCount = 40;
            bar4.PageIndex = index;
            bar4.Url = "Default.aspx?pageIndex={0}";
            Literal4.Text = bar4.BuildLinkHtml();
            
        }
    }
}

 

　　　　PagingBar defaultBar = new PagingBar();
            defaultBar.LeftSize = 4;   //左边显示的链接数 也就是说 当这个参数为 4 时 实际显示 9个链接 总算显示的是奇数个链接
            defaultBar.PageCount = 40;     //总的页数
            defaultBar.PageIndex = index;  //当前页
            defaultBar.Url = "Default.aspx?pageIndex={0}"; //链接的URL 

　　　　 defaultBar.Target = "_black"; //页面在浏览器窗口中的打开方式 可以为空
            Literal1.Text = defaultBar.BuildLinkHtml(); //产生HTML 输出

 

这里是默认构造 默认构造的话回去读取 web.config 需找配置的 CSS 样式名

需要在 appSettings 节点下添加 配置

<appSettings>
    <add key="PagingBarStyle" value="yellow"/>

</appSettings>

 

 不是默认构造的话 可以使用 一个带参构造

 PagingBar bar4 = new PagingBar("quotes");

直接指定 css 名称

 

完整类代码

using System;
using System.Data;
using System.Configuration;
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.Text;

/// <summary>
/// 分页控件类
/// 
/// 作者：汤晓华
/// 
/// Email:Tandly@hotmail.com
/// 
/// QQ:1881597
/// </summary>
/// 
namespace Tension.Web.Controls
{
    public class PagingBar : System.Web.UI.UserControl
    {
        string style = "";
        public PagingBar()
        {
            //样式
            style = ConfigurationManager.AppSettings["PagingBarStyle"];
            if (string.IsNullOrEmpty(style))
            {
                throw new ArgumentNullException("无法在 Web.config 文件的 AppSettings 节点下找到有关 PagingBarStyle 的配置信息。");
            }
        }

        public PagingBar(string style)
        {
            //样式
            this.style = style;
        }
        //当前页
        private int pageIndex;

        /// <summary>
        /// 当前页
        /// </summary>
        public int PageIndex
        {
            get { return pageIndex; }
            set { pageIndex = value; }
        }

        //总页数
        private int pageCount;

        /// <summary>
        /// 总页数
        /// </summary>
        public int PageCount
        {
            get { return pageCount; }
            set { pageCount = value; }
        }

        //左边显示连接数
        private int leftSize;

        /// <summary>
        /// 左边显示连接数
        /// </summary>
        public int LeftSize
        {
            get { return leftSize; }
            set { leftSize = value; }
        }

        //连接地址
        private string url;

        /// <summary>
        /// 连接地址
        /// </summary>
        public string Url
        {
            get { return url; }
            set { url = value; }
        }

        //目标
        private string target;

        /// <summary>
        /// 目标
        /// </summary>
        public string Target
        {
            get { return target; }
            set { target = value; }
        }

        public string BuildLinkHtml()
        {


            //目标
            string target = Target;

            //处理目前字符串
            if (!string.IsNullOrEmpty(target))
            {
                target = "target=\"" + target + "\"";
            }

            //需要输出的HTML
            StringBuilder html = new StringBuilder("<div id=\"pagingbar\" class=\"pagingbar\"><div class=\"");
            html.Append(style);
            html.Append("\">");

            #region 输出上一页
            if (PageIndex <= 1)
            {
                html.Append("<span class=\"disabled\">< Prev </span>");
            }
            else
            {
                html.Append("<a href=\"");
                html.Append(string.Format(Url, PageIndex - 1));
                html.Append("\" ");
                html.Append(target);
                html.Append(">< Prev </a>");
            }
            #endregion

            //总长度
            int barSize = LeftSize * 2 + 1;

            #region 输出中间
            //页数小于0
            if (PageCount <= 0)
            {
                return "<center><span>页数为0！！</span></center>";
            }

            //总页数小于正常显示的条数 则全部显示出来
            if (PageCount <= barSize)
            {
                for (int i = 1; i <= PageCount; i++)
                {
                    if (PageIndex == i)
                    {
                        html.Append("<span class=\"current\">");
                        html.Append(i);
                        html.Append("</span>");
                    }
                    else
                    {
                        html.Append("<a href=\"");
                        html.Append(string.Format(Url, i));
                        html.Append("\" ");
                        html.Append(target);
                        html.Append(">");
                        html.Append(i);
                        html.Append("</a>");
                    }
                }
            }
            else
            {
                if (PageIndex < leftSize + 1)
                {
                    for (int i = 1; i <= barSize; i++)
                    {
                        if (PageIndex == i)
                        {
                            html.Append("<span class=\"current\">");
                            html.Append(i);
                            html.Append("</span>");
                        }
                        else
                        {
                            html.Append("<a href=\"");
                            html.Append(string.Format(Url, i));
                            html.Append("\" ");
                            html.Append(target);
                            html.Append(">");
                            html.Append(i);
                            html.Append("</a>");
                        }
                    }

                    html.Append("...<a href=\"");
                    html.Append(string.Format(Url, PageCount));
                    html.Append("\" ");
                    html.Append(target);
                    html.Append(">");
                    html.Append(PageCount);
                    html.Append("</a>");
                }
                else
                {
                    html.Append("<a href=\"");
                    html.Append(string.Format(Url, 1));
                    html.Append("\" ");
                    html.Append(target);
                    html.Append(">");
                    html.Append(1);
                    html.Append("</a>...");


                    if (PageIndex < PageCount - LeftSize)
                    {
                        for (int i = PageIndex - leftSize; i < PageIndex; i++)
                        {
                            if (i == 1)
                            {
                                continue;
                            }

                            html.Append("<a href=\"");
                            html.Append(string.Format(Url, i));
                            html.Append("\" ");
                            html.Append(target);
                            html.Append(">");
                            html.Append(i);
                            html.Append("</a>");
                        }
                        for (int i = PageIndex; i <= PageIndex + leftSize; i++)
                        {
                            if (PageIndex == i)
                            {
                                html.Append("<span class=\"current\">");
                                html.Append(i);
                                html.Append("</span>");
                            }
                            else
                            {
                                html.Append("<a href=\"");
                                html.Append(string.Format(Url, i));
                                html.Append("\" ");
                                html.Append(target);
                                html.Append(">");
                                html.Append(i);
                                html.Append("</a>");
                            }
                        }
                        html.Append("...<a href=\"");
                        html.Append(string.Format(Url, PageCount));
                        html.Append("\" ");
                        html.Append(target);
                        html.Append(">");
                        html.Append(PageCount);
                        html.Append("</a>");

                    }
                    else
                    {
                        for (int i = PageCount - LeftSize - LeftSize; i <= PageCount; i++)
                        {
                            if (PageIndex == i)
                            {
                                html.Append("<span class=\"current\">");
                                html.Append(i);
                                html.Append("</span>");
                            }
                            else
                            {
                                html.Append("<a href=\"");
                                html.Append(string.Format(Url, i));
                                html.Append("\" ");
                                html.Append(target);
                                html.Append(">");
                                html.Append(i);
                                html.Append("</a>");
                            }
                        }
                    }

                }

            }
            #endregion

            #region 输出下一页
            if (PageIndex >= PageCount)
            {
                html.Append("<span class=\"disabled\"> Next > </span>");
            }
            else
            {
                html.Append("<a href=\"");
                html.Append(string.Format(Url, PageIndex + 1));
                html.Append("\" ");
                html.Append(target);
                html.Append("> Next > </a>");
            }
            #endregion

            html.Append("</div></div>");
            return html.ToString();
        }
    }
}

写的很粗糙。。。

 

demo下载