【思路】-分页条 分页下的导航条算法

实现:分页下的导航条算法

输入:总页数 ,每页显示条数,第几页,链接,中间页数

输出:一段固定的html代码,然后配合Css样式实现分页的效果

规则:

  • 当是第一页时:上一页处于禁用状态
  • 当是最后一页:下一页处于禁用状态
  • 当页数比较多时,中间显示省略号表示有很多页,防止分页条过长

分析过程

将整个分页条拆分出几个部分来组成

上一页

下一页

首页

最后一页

总条数

中间页面

这六个部分组成 其中首页和最后一页都是固定的

实现过程

第一步:

计算出总页数

总页数对每页显示条数求整运算,然后在做求余运算,余数大于0

就要在求整的结果上加上1

就得到总页数了

第二步:

每个步骤的链接

首页的链接是1,ReplaceStr(linkUrl, “id”, “1”)

最后一页的ID是总页数

上一页的链接是 当前页减去1

下一页的链接是 当前页加上1

第三步:

何时禁用按钮呢?

当当前页==1是 上一页禁用

当当期页==总页数是下一页禁用

难点在中间页码该如何计算处理

最后使用全局变量 逐个追加各个变量

扩展:

增加下拉框功能

增加快速跳转到多少页功能

分页条具有多种格式

比如

只显示上一页下一页,不展示中间页码【访客不知道我们网站到底有多少条数据】