C# 生成仿京东页码条，服务器端实现

最新推荐文章于 2021-04-28 07:22:04 发布
最新推荐文章于 2021-04-28 07:22:04 发布
阅读量696 收藏
点赞数
文章标签： 京东分页 京东 分页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ycui_hong/article/details/50503204
版权

最终运行效果图如下：


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;


namespace Common
{
    /// <summary>
    /// 分页工具类
    /// </summary>
    public class PageUtils
    {
        /// <summary>
        /// 初始化pageutils
        /// </summary>
        /// <param name="pageindex">当前页</param>
        /// <param name="total">总页数</param>
        /// <param name="pagesize">页容量</param>
        /// <param name="url">生成的url</param>
        public PageUtils(int pageindex, int total, int pagesize, string url)
        {
            if (pageindex <= 0)
            {
                this.pageindex = 1;
            }
            else
            {
                this.pageindex = pageindex;
            }
            if (this.pageindex > total)
                this.pageindex = total;
            this.Total = total;
            this.PageSize = pagesize;
            this.url = url;
        }


        private string placeholder = "...";
        /// <summary>
        /// 空白页 点位符
        /// </summary>
        public string Placeholder
        {
            get { return placeholder; }
            set { placeholder = value; }
        }
        public PageUtils()
        {
            // TODO: Complete member initialization
        }
        /// <summary>
        /// 生成超链接的网址
        /// </summary>
        public string url { get; set; }
        private StringBuilder HtmlPage = new StringBuilder();


        /// <summary>
        /// 增加一个页码
        /// </summary>
        /// <param name="pagenum">页码</param>
        private void AddOnePagenum(int pagenum)
        {


            if (this.pageindex == pagenum)
            {
                //ToDo:这里要处理样式
                this.HtmlPage.AppendFormat("<a class='curr'>");
            }
            else
            {
                this.HtmlPage.AppendFormat("<a href='{0}?pagesize={1}&pageindex={2}'>", url, PageSize, pagenum);
            }
            this.HtmlPage.Append(pagenum);
            this.HtmlPage.Append("</a>");
        }
        public void AddPageToal()
        {
            this.HtmlPage.Append("<span class='p-skip'>");
            this.HtmlPage.AppendFormat("<em>共<b>{0}</b>页&nbsp;&nbsp;到第</em>", Total);
            this.HtmlPage.Append("<input class=\"input-txt\" id=\"page_jump_num\" maxlength=\"4\" value=\"" + pageindex + "\" οnkeyup=\"this.value=this.value.replace(/[^0-9]/g,'');\" οnkeydοwn=\"javascript:if(event.keyCode==13){page_jump();return false;}\">");
            this.HtmlPage.AppendFormat("<em>页</em>");
            this.HtmlPage.AppendFormat("<a href=\"javascript:page_jump();\" class=\"btn btn-default\">确定</a>");
            this.HtmlPage.Append("</span>");
        }
        /// <summary>
        /// 增加前一页按钮
        /// </summary>
        private void AddPreBtn(int pagenum)
        {
            //<a href='/ashx/test.aspx?pagesize=10&pageindex=1'>"
            if (pagenum <= 0)
            {
                this.HtmlPage.AppendFormat("<a class='pn-prev disabled' >");
            }
            else
            {
                this.HtmlPage.AppendFormat("<a href='{0}?pagesize={1}&pageindex={2}'>", url, PageSize, pagenum);
            }
            this.HtmlPage.Append("<i><</i><em>上一页</em>");
            this.HtmlPage.Append("</a>");
        }


        /// <summary>
        /// 增加下一页
        /// </summary>
        /// <param name="pagenum"></param>
        private void AddNextBtn(int pagenum)
        {
            this.HtmlPage.AppendFormat("<a href='{0}?pagesize={1}&pageindex={2}' class=\"pn-next\">", url, PageSize, pagenum);
            this.HtmlPage.Append("下一页<i>></i>");
            this.HtmlPage.Append("</a>");
        }


        /// <summary>
        /// 增加空白按钮
        /// </summary>
        private void AddPlaceholderBtn()
        {
            this.HtmlPage.Append("<b class='pn-break'>");
            this.HtmlPage.Append(placeholder);
            this.HtmlPage.Append("</b>");
        }
        /// <summary>
        /// 增加当前页按钮
        /// </summary>
        private void AddCurrentPageIndex(int pagenum)
        {
            this.HtmlPage.AppendFormat("<a class='curr'>");
            this.HtmlPage.Append(pagenum);
            this.HtmlPage.Append("</a>");
        }
        private int pageindex = 1;
        /// <summary>
        /// 当前页
        /// </summary>
        public int PageIndex
        {
            get
            {
                if (pageindex <= 0)
                    pageindex = 1;
                return pageindex;
            }
            set
            {
                pageindex = value;
            }
        }
        /// <summary>
        /// 总页数
        /// </summary>
        public int Total { get; set; }


        private int groupsize = 6;
        /// <summary>
        /// 组页码数
        /// </summary>
        public int GroupSize
        {
            get
            {


                return groupsize <= 6 ? 6 : groupsize;
            }
            set
            {
                groupsize = value;
            }
        }




        private int forwardshowcount = 3;
        /// <summary>
        /// 页码前面显示页码个数
        /// </summary>
        public int ForwardShowCount
        {


            get { return forwardshowcount < 3 ? 3 : forwardshowcount; }


            set { forwardshowcount = value; }
        }


        private int backwardshowcount = 2;
        /// <summary>
        /// 页码后显示页码个数
        /// </summary>
        public int BackwardshowCount
        {


            get { return backwardshowcount < 2 ? 2 : backwardshowcount; }
            set { backwardshowcount = value; }
        }
        /// <summary>
        /// 当前输出页码
        /// </summary>
        private int offsetindex = 0;
        private int lastindex = 0;


        public int PageSize { get; set; }


        /// <summary>
        /// 生成页码条
        /// </summary>
        /// <returns></returns>
        public String GeneratePageNumbers()
        {
            this.HtmlPage.Append("<div class=\"page clearfix\">");
            this.HtmlPage.Append("<div  id='J_bottomPage' class='p-warp'>");
            this.HtmlPage.Append("<span class='p-num'>");
            if (pageindex <= 0)
                pageindex = 1;
            if (pageindex > Total)
            {
                pageindex = Total;
            }
            //1.0总页数<组页数
            if (Total <= groupsize && Total > 0)
            {
                //1.1如果总页数等于1 直接返回
                if (Total == 1)
                {
                    return HtmlPage.ToString();
                }
                //1.2如果总页数大于1
                if (Total > 1)
                {
                    //1.2.1生成上一页按钮
                    AddPreBtn(pageindex - 1);
                }
                offsetindex = 1;
                //第一个页码--最后一个页码的生成
                for (int i = 0; i < Total; i++)
                {
                    AddOnePagenum(offsetindex);
                    offsetindex++;
                }
                //1.7增加下一页
                if (pageindex < Total)
                {
                    AddNextBtn(pageindex + 1);
                }
            }
            else //大于分组
            {
                //2.1生成上页 
                if (pageindex > 1)
                {
                    AddPreBtn(pageindex - 1);
                }
                else
                {
                    AddPreBtn(-1);
                }
                //2.2添加第一页
                offsetindex = 1;
                AddOnePagenum(offsetindex);
                offsetindex++;
                //2.3判断需要加前.占位按钮吗
                if (pageindex - forwardshowcount <= 2)
                {
                    //添加当前页--pageindex的页码
                    int count = pageindex - offsetindex;
                    for (int i = 0; i < count; i++)
                    {
                        AddOnePagenum(offsetindex);
                        offsetindex++;
                    }
                }
                else
                {
                    //添加点位符
                    AddPlaceholderBtn();
                    offsetindex = pageindex - forwardshowcount;
                    for (int i = 0; i < forwardshowcount; i++)
                    {
                        AddOnePagenum(offsetindex);
                        offsetindex++;
                    }
                }
                //2.4添加当前页
                if (pageindex > 1)
                {
                    AddCurrentPageIndex(pageindex);
                }
                offsetindex = pageindex + 1;
                //2.5增加当前页后两页
                for (int i = 0; i < backwardshowcount; i++)
                {
                    if (offsetindex < Total)
                    {
                        AddOnePagenum(offsetindex);
                        offsetindex++;


                    }
                }
                //当前页小于总页码时添加
                if (pageindex < Total)
                {
                    if (Total - pageindex > backwardshowcount + 1)
                    {
                        //2.6增加空白占位按钮
                        AddPlaceholderBtn();
                    }
                    //增加最后一页
                    AddOnePagenum(Total);
                    //2.7增加下一页
                    AddNextBtn(pageindex + 1);
                }
               
            }
            this.HtmlPage.Append("</span>");
            AddPageToal();
          
            this.HtmlPage.Append("</div>");
            this.HtmlPage.Append("</div>");
            return this.HtmlPage.ToString();
        }
    }
}

/*css代码*/

body {

font: 12px/150% Arial,Verdana,"\5b8b\4f53";
color: #666;
}
div, a, u, span, em, b, p, i {
margin: 0;
padding: 0;
}
em, i, u {font-style: normal;}
.page .p-num {float: left;}
a {text-decoration: none;}
.page {margin-bottom: 10px;}
.page .p-num a {
color: #333;
border: 1px solid #ddd;
}
.page .p-wrap {
float: right;
}
.page .p-skip em {
float: left;
line-height: 38px;
font-size: 14px;
}
.page .p-num a {
color: #333;
border: 1px solid #ddd;
background-color: #f7f7f7;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}
.page .p-num a, .page .p-num b {
float: left;
height: 36px;
line-height: 36px;
padding: 0 14px;
margin-right: 5px;
font-size: 14px;
}
.page .p-num .pn-next i, .page .p-num .pn-prev i {
vertical-align: middle;
font-style: normal;
font-size: 16px;
font-family: "\5b8b\4f53";
padding: 0 5px;
color: #aaa;
}
.page .p-num .pn-next.disabled, .page .p-num .pn-prev.disabled {
background: #fff;
cursor: default;
}
.page .p-skip {
float: left;
margin-left: 20px;
}
.page .p-skip .input-txt {
float: left;
width: 30px;
height: 30px;
margin: 0 3px;
line-height: 30px;
font-size: 14px;
text-align: center;
}
.input-txt {
height: 17px;
line-height: 17px;
border: 1px solid #CCC;
padding: 3px;
width: 145px;
}
.page .p-num a:hover {
text-decoration: none;
box-shadow: 0 1px 1px rgba(0,1,1,.08);
}
.page .p-num .pn-next em, .page .p-num .pn-prev em {
vertical-align: middle;
}
.page .p-num a, .page .p-num b {
float: left;
height: 36px;
line-height: 36px;
padding: 0 14px;
margin-right: 5px;
font-size: 14px;
}
.page .p-num a.curr {
border: 0 none;
padding: 1px 15px;
background: 0 0;
filter: none;
color: #e4393c;
cursor: default;
}
.page .p-num .pn-prev i {
padding-left: 0;
}
.page .p-skip .btn {
float: left;
height: 27px;
margin-left: 10px;
font-size: 14px;
line-height: 27px;
}
.btn-default {
display: inline-block;
line-height: 14px;
height: 14px;
border-radius: 2px;
background: #F7F7F7;
text-align: center;
text-decoration: none;
cursor: pointer;
border: 1px solid #DDD;
padding: 4px 13px 5px;
color: #666;
background-color: #f7f7f7;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}


//页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="MvcHouse.Ashx.test" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/jdpagenum.css" media="all"/>
    <script type="text/javascript">


        function page_jump() {
            var pageindex = document.getElementById("page_jump_num").value;
            window.location = "/ashx/test.aspx?pageindex=" + pageindex;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <% 


                Response.Write(pageutils.GeneratePageNumbers());
            %>
        </div>
    </form>
</body>
</html>

//cs文件

using Common;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;


namespace MvcHouse.Ashx
{
    public partial class test : System.Web.UI.Page
    {
        public Common.PageUtils pageutils = new PageUtils();
        protected void Page_Load(object sender, EventArgs e)
        {
            pageutils.PageIndex = Request.QueryString["pageindex"] == null ? 1 : int.Parse(Request.QueryString["pageindex"]);
            pageutils.Total = Request.QueryString["Total"] == null ? 8 : int.Parse(Request.QueryString["Total"]); 
            pageutils.url = "/ashx/test.aspx";

        }
    }
}


完美追求
关注
[ASP.NET]仿京东项目总结
hsppl的专栏
11-05 1961
验证码的实现: namespace jingdong.Verification_code { public partial class Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (Req
(原创)asp.net 一个用于显示分页页码的userControl(c#)
09-16
网上找了很多用于显示数据分页页码的代码，但是和自己想想的区别很大，所以自己按照自己的思路写了一个，不足的地方大家多多指正。资源我先上传了。看不明白的童鞋们可以去我的新浪blog上有详细的说明。http://blog.sina.com.cn/u/2395528212
开源电子商务网站（仿京东）
05-09
该开源项目由国外程序员开发，具有深邃的面向接口，面向抽象编程的思想，并与.net的前沿技术（MVC，WCF）相结合，以三层架构为基础，可直接在vs2008（安装有sp1）运行，直接在网站上进行配置数据库（安装sql2005及以上版本），本人已配置成功，并成功运行
C#生成分页页码
weixin_30659829的博客
06-20 414
1 /// <summary> 2 /// 生成分页页码 3 /// </summary> 4 /// <param name="total">总数</param> 5 /// <param name="pagesize">页大小<...
js和C#动态生成页码，页码个数无限制
Lyf0513的博客
04-28 270
//调用 参数1：当前第4页。 参数2：页面上显示几个页码，最小5个，也可以是7个，9个等。 参数3：总页数 createPageLink(4,5,20); 页码数为5，调用结果为 1,2,3,4,5,6,20，显示了5个主要页码 createPageLink(42,7,201); 页码数为7，调用结果为 1,39,40,41,42,43,44,45,201，显示了7个主要页码 这个是C#版的 c#版本 下面是原码 /生成页码 *@pageIndex 当前第页数 *@spagenum 需要显示的页码数量，只
net仿京东大型商城完整源码.rar
05-17
net仿京东大型商城完整源码.rar
C# 操作Word按物理页码一页一页跳转
07-02
C# 操作Word按物理页码一页一页跳转,还可以指定跳转几页。
C# 文件传输客户端和服务器端
02-07
本篇将深入探讨如何使用C#实现文件传输的客户端和服务器端。 首先，我们需要了解客户端与服务器端的基本概念。客户端是发起请求的一方，而服务器端则是接收并处理这些请求的一方。在文件传输场景中，客户端通常会...
C#实现的通过webservice 获取服务器端 程序实现 系统自动升级
01-20
对于C#开发者来说，利用WebService技术来实现服务器端程序的自动升级是一个高效且可靠的方法。本篇将详细探讨如何利用C#来实现这一功能。 首先，理解WebService：WebService是一种基于标准的，能够跨越不同操作系统...
C#实现在服务器端裁剪图片的方法
12-31
本文实例讲述了C#实现在服务器端裁剪图片的方法。分享给大家供大家参考。具体实现方法如下： //图片路径 String oldPath = Server.MapPath(~/62223231.jpg); //新图片路径 String newPath = System.IO.Path....
.NET C#控制台 Asp.net HTTP服务器端和客户端.zip
07-02
本项目".NET C#控制台 Asp.net HTTP服务器端和客户端"着重于使用C#实现HTTP协议的服务器端和客户端交互。下面将详细阐述相关知识点。 一、C#与HTTP协议 C#语言本身并不直接处理HTTP协议，但.NET Framework提供了...
C#远程监控客户端和服务器端源代码及程序
03-26
本资源包含了一个C#实现的远程监控系统，包括客户端和服务器端的源代码和程序，这对于学习和理解C#中的网络通信、多线程编程以及远程控制技术具有很高的价值。 首先，`ClientFast.sln`和`ClientFast.suo`是Visual ...
net仿京东大型商城源码
11-07
net仿京东大型商城源码
仿京东首页静态页面
11-14
仿京东商城的网站静态首页，可以用于做网上商城的首页
数字分页导航条 (asp.net C#)
bentonite的专栏
09-27 635
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;usin
服务器端C#实现的CSS解析器
01-01
代码如下:using System; using System.Collections; using System.Text; using System.IO; using System.Collections.Specialized; using System.Text.RegularExpressions; using System.Diagnostics;...
通过C#实现局域网聊天室-实现服务器端程序，客户端程序
最新发布
04-23
C#可以通过Socket编程实现局域网聊天室，其中服务器端程序和客户端程序需要分别实现。资源压缩包包含服务端和客户端两个程序： 服务器端程序： 创建一个服务器Socket对象，绑定IP地址和端口号。 使用Socket的Listen...
C#版 分页导航条
weixin_30773135的博客
03-28 198
封装成静态方法，方便使用，代码如下： View Code /// <summary> /// 分页控件 /// </summary> /// <param name="pageSize">分页大小</param> /// <param name="currentP...
C#一个显示分页页码类
lxy_abcde1190的专栏
04-18 628
using System;namespace bookshopcn.Service{/// /// Page 的摘要说明。/// public class Pager{   public Pager(){}   protected static int _ButtonCount = 11;   protected static string _NextPage = "下一页";   p
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值