【思路】-分页条

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

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

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

规则:

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

分析过程

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

上一页

下一页

首页

最后一页

总条数

中间页面

 

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

实现过程

第一步:

计算出总页数

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

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

就得到总页数了

 

第二步:

每个步骤的链接

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

最后一页的ID是总页数

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

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

 

第三步:

何时禁用按钮呢?

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

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

 

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

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

 

扩展:

增加下拉框功能

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

分页条具有多种格式

比如

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

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值