翻页导航条页码计算方法

在开发搜索引擎等应用时，提供一个翻页导航条是必须的。我看过网上一些相关的代码，搞得很复杂。晕~~~ 其实其数学计算公式非常简单，本文提供两种最常用的算法。

翻页式

样式如下。每次显示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();
}

转载于:https://www.cnblogs.com/0000/archive/2009/12/08/1619060.html

翻页导航条页码计算方法相关推荐

【前端】真实手感翻书，书页卷角，JS翻页
完整一套JS在线阅读器: http://www.turnjs.com/ 真实手感翻页 https://www.html5tricks.com/demo/css3-page-flip/index.htm ...
润乾单元格加html点击事件_报表输入页码翻页（润乾 V2018）
报表数据分了太多页,一页一页翻页查看数据嫌麻烦,可以试试这种翻页效果--输入页码翻页. 润乾报表提供了翻页相关的 JS 函数,可以在报表展现的页面中添加 JS 调用翻页函数实现输入页码跳转到对应页. ...
Bootstrap 分页导航中的翻页组件
分页导航中的翻页一些简单的网站,比如博客或者杂志网站,希望用更少的标记和样式,来创建简单的"前一页"和"后一页"的翻页导航. Bootstrap中,只需为列表 ...
Bootstrap导航条、分页导航
[导航条navbar] 在bootstrap中导航与导航条在外观方面差不多,但在实际应用时,导航条却要复杂的多. 导航条制作方法: 第一步:首先在制作导航的列表(<ul class=" ...
Bootstrap(五) 导航条、分页导航
本文转自:http://www.imooc.com/learn/141 导航条基础导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个"条"字.其实在Boo ...
office在线预览哪家强？不能播放ppt动画，不能监听翻页？
前言众所周知,word.excel.ppt 和 pdf 文件在线预览有很多解决方案,但大多无法播放 ppt 动画,或者功能非常单一.这不,最近产品经理闭关修炼三天,提出了如下需求: 监听文档翻页,根 ...
html 上下翻页效果代码,原生js实现可以带上下翻页的翻页功能（代码）
本篇文章给大家带来的内容是关于原生js实现可以带上下翻页的翻页功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 翻页功能在渲染数据时经常用到,下面是使用原生JS去实现的一个 ...
Python+Selenium自动化测试之页码，前一页、后一页、翻页
思路:获取当前的总记录数,每页大小,算出总的页数,然后根据总页数实现翻页,在翻页时,可以获取每一页的内容存在列表中,为后面的模糊匹配做准备. BasePage中封装 # 页面的页码信息,记录总数.分页 ...
java实现小说阅读器（功能：查看全文、统计总行数/总页码数、查找指定行、指定页码、实现翻页）
1.任务要求: 在DOS窗口下,实现查看全文.统计总行数/总页码数.查找指定行.指定页码.翻页 2.阅读器实现方式输入1(查看全文.统计总行数/总页码数.) 输入2(读取指定行,查找其上下行) 输入 ...

翻页导航条页码计算方法

翻页导航条页码计算方法相关推荐

最新文章

热门文章