实现:分页下的导航条算法
输入:总页数 ,每页显示条数,第几页,链接,中间页数
输出:一段固定的html代码,然后配合Css样式实现分页的效果
规则:
- 当是第一页时:上一页处于禁用状态
- 当是最后一页:下一页处于禁用状态
- 当页数比较多时,中间显示省略号表示有很多页,防止分页条过长
分析过程
将整个分页条拆分出几个部分来组成
上一页
下一页
首页
最后一页
总条数
中间页面
这六个部分组成 其中首页和最后一页都是固定的
实现过程
第一步:
计算出总页数
总页数对每页显示条数求整运算,然后在做求余运算,余数大于0
就要在求整的结果上加上1
就得到总页数了
第二步:
每个步骤的链接
首页的链接是1,ReplaceStr(linkUrl, “id”, “1”)
最后一页的ID是总页数
上一页的链接是 当前页减去1
下一页的链接是 当前页加上1
第三步:
何时禁用按钮呢?
当当前页==1是 上一页禁用
当当期页==总页数是下一页禁用
难点在中间页码该如何计算处理
最后使用全局变量 逐个追加各个变量
扩展:
增加下拉框功能
增加快速跳转到多少页功能
分页条具有多种格式
比如
只显示上一页下一页,不展示中间页码【访客不知道我们网站到底有多少条数据】