搜索引擎翻页导航条页码计算方法

本文介绍两种翻页导航的实现方式:翻页式和滚动式。翻页式每次显示10个页码,支持跳转前十页和后十页;滚动式则将当前页置于中间并滚动显示前后页码。提供了具体计算公式及代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

翻页式

样式如下。每次显示10个页码,并提供"前十"、"后十"翻页。
[1] 2 3 4 5 6 7 8 9 10 下十页 末页
1 2 3 4 5 6 [7] 8 9 10 下十页 末页
1 2 3 4 5 6 7 8 9 [10] 下十页 末页
首页 前十页 [11] 12 13 14 15 16 17 18 19 20 下十页 末页
首页 前十页 11 12 13 14 15 [16] 17 18 19 20 下十页 末页

计算公式:(当前页序号最小值为1)
int x = 当前页序号 / 10;
if (当前页序号 % 10 == 0) --x;
int startPage = (x * 10) + 1;
int endPage = Math.Min(总页数, startPage + 9);

生成翻页式导航代码演示:
private string GetNavBarHtml(string s, int pageIndex, int pageCount)
{
    // 计算显示页码
    int x = pageIndex / 10;
    if (pageIndex % 10 == 0) --x;
    int startPage = (x * 10) + 1;
    int endPage = Math.Min(pageCount, startPage + 9);

    // 生成换页代码
    System.Text.StringBuilder sb = new StringBuilder();
    string url = "<a href = /"search.aspx?s={1}&page={2}/">{0}</a>";

    if (startPage > 1)
    {
      sb.Append(String.Format(url, "首页", s, 1));
      sb.Append("&nbsp");
      sb.Append(String.Format(url, "前十页", s, startPage - 1));
      sb.Append("&nbsp");
    }
    
    for (int i = startPage; i <= endPage; i++)
    {
      if (i != pageIndex)
        sb.Append(String.Format(url, i, s, i));
      else
        sb.Append(string.Format("[{0}]", i));
      
      sb.Append("&nbsp");
    }

    if (pageCount > endPage)
    {
      sb.Append(String.Format(url, "后十页", s, endPage + 1));
      sb.Append("&nbsp");
      sb.Append(String.Format(url, "末页", s, pageCount));
    }
    
    return sb.ToString();
}

滚动式

样式如下。将当前页码放在中间,滚动两端页码。
[1] 2 3 4 5 6 7 8 9 10 末页
1 2 3 4 [5] 6 7 8 9 10 末页
首页 2 3 4 5 [6] 7 8 9 10 11 末页
首页 5 6 7 8 [9] 10 11 12 13 14 末页
首页 8 9 10 11 [12] 13 14 15 16 17 末页

计算公式:(当前页序号最小值为1)
int startPage = Math.Max(当前页序号 - 4, 1);
int endPage = Math.Min(页总数, startPage + 9);

生成滚动式导航代码演示:
private string GetNavBarHtml(string s, int pageIndex, int pageCount)
{
    // 计算显示页码
    int startPage = Math.Max(pageIndex - 4, 1);
    int endPage = Math.Min(pageCount, startPage + 9);

    // 生成换页代码
    System.Text.StringBuilder sb = new StringBuilder();
    string url = "<a href = /"search.aspx?s={1}&page={2}/">{0}</a>";

    if (startPage > 1)
    {
      sb.Append(String.Format(url, "首页", s, 1));
      sb.Append("&nbsp");
    }
    
    for (int i = startPage; i <= endPage; i++)
    {
      if (i != pageIndex)
        sb.Append(String.Format(url, i, s, i));
      else
        sb.Append(string.Format("[{0}]", i));
      
      sb.Append("&nbsp");
    }

    if (pageCount > endPage)
    {
      sb.Append(String.Format(url, "末页", s, pageCount));
    }
    
    return sb.ToString();
}
 
'[IT18掌www.it18zhang.com]001.Hadoop基础篇.pptx' '[IT18掌www.it18zhang.com]014.Hadoop Win7开启网络访问.pptx' '[IT18掌www.it18zhang.com]Kafka.pptx' '[IT18掌www.it18zhang.com]002.VMware下载与安装.pptx' '[IT18掌www.it18zhang.com]015.Hadoop 架构分析.pptx' '[IT18掌www.it18zhang.com]KVM.pptx' '[IT18掌www.it18zhang.com]003.Ubuntu下载与虚拟机下安装.pptx' '[IT18掌www.it18zhang.com]016.Hadoop 架构分析之启动脚本分析.pptx' '[IT18掌www.it18zhang.com]Scala.pptx' '[IT18掌www.it18zhang.com]004.Ubuntu常用命令.pptx' '[IT18掌www.it18zhang.com]017.Hadoop 架构分析之启动脚本总结.pptx' '[IT18掌www.it18zhang.com]Spark Graph编程指南.pptx' '[IT18掌www.it18zhang.com]005.Ubuntu目录与权限.pptx' '[IT18掌www.it18zhang.com]018.Hadoop MapReduce初识.pptx' '[IT18掌www.it18zhang.com]Spark SQL DataFrame Dataset编程指南.pptx' '[IT18掌www.it18zhang.com]006.Ubuntu软件包桌面与增强工具.pptx' '[IT18掌www.it18zhang.com]019.Hadoop MapReduce原理.pptx' '[IT18掌www.it18zhang.com]Spark Streaming编程指南.pptx' '[IT18掌www.it18zhang.com]007.Ubuntu本地软件源与iso制作.pptx' '[IT18掌www.it18zhang.com]019.Hadoop YARN事件分发原理.pptx' '[IT18掌www.it18zhang.com]Spark编程指南.pptx' '[IT18掌www.it18zhang.com]008.Ubuntu虚拟机克隆与Mac地址生成与网络连接方式.pptx' '[IT18掌www.it18zhang.com]020.Hadoop HDFS.pptx' '[IT18掌www.it18zhang.com]Spark编译运行处理.pptx' '[IT18掌www.it18zhang.com]009.Hadoop-Ubuntu下JDK与Hadoop安装配置.pptx' '[IT18掌www.it18zhang.com]021.Hadoop HDFS CLI.pptx' '[IT18掌www.it18zhang.com]Spark基础.pptx' '[IT18掌www.it18zhang.com]010.Hadoop配置-独立与伪分布式模式.pptx' '[IT18掌www.it18zhang.com]Ambari Hadoop集群管理工具.pptx' '[IT18掌www.it18zhang.com]Spark调优.pptx' '[IT18掌www.it18zhang.com]011.Hadoop配置-完全分布式模式.pptx' '[IT18掌www.it18zhang.com]Avro.pptx' '[IT18掌www.it18zhang.com]ZooKeeper.pptx' '[IT18掌www.it18zhang.com]012.Hadoop Windows下免Cygwin伪分布安装
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值