Bootstrap php制作动态分页标签


Posted in Javascript onDecember 23, 2016

学习了下bootstrap,刚好在用分页,就自己写了一个分页,然后结合bootstrap样式展现。

bootstrap的分页格式:

<ul class="pagination">
  <li><a href="#">«</a></li>
  <li class="active"><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">»</a></li>
</ul>

PHP动态分页过程;

/**
 * @param $maxpage 总页数
 * @param $page  当前页
 * @param string $para 翻页参数(不需要写$page),$para参数就应该设为'&id=1'
 * @return string 返回的输出分页html内容
 */
function multipage($maxpage, $page, $para = '') {
  $multipage = ''; //输出的分页内容
  $listnum = 5;   //同时显示的最多可点击页面

  if ($maxpage < 2) {
    return '';
  }else{
    $offset = 2;
    if ($maxpage <= $listnum) {
      $from = 1;
      $to = $maxpage;
    } else {
      $from = $page - $offset; //起始页
      $to = $from + $listnum - 1; //终止页
      if($from < 1) {
        $to = $page + 1 - $from;
        $from = 1;
        if($to - $from < $listnum) {
          $to = $listnum;
        }
      } elseif($to > $maxpage) {
        $from = $maxpage - $listnum + 1;
        $to = $maxpage;
      }
    }

    $multipage .= ($page - $offset > 1 && $maxpage >= $page ? '<li><a href="?page=1'.$para.'" >1...</a></li>' : '').
      ($page > 1 ? '<li><a href="?page='.($page - 1).$para.'" >«</a></li>' : '');

    for($i = $from; $i <= $to; $i++) {
      $multipage .= $i == $page ? '<li class="active"><a href="?page='.$i.$para.'" >'.$i.'</a></li>' :
   '<li><a href="?page='.$i.$para.'" >'.$i.'</a></li>';
    }

    $multipage .= ($page < $maxpage ? '<li><a href="?page='.($page + 1).$para.'" >»</a></li>' : '').
      ($to < $maxpage ? '<li><a href="?page='.$maxpage.$para.'" class="last" >...'.$maxpage.'</a></li>' : '');
    $multipage .= ' <li><a href="#" ><input type="text" size="3" onkeydown="if(event.keyCode==13) 
    {self.window.location=\'?page=\'+this.value+\''.$para.'\'; return false;}" ></a></li>';


    $multipage = $multipage ? '<ul class="pagination">'.$multipage.'</ul>' : '';
  }

  return $multipage;
}

输出分页结果,如$multipage = multipage(20,1);便可得到如下所示的分页标签了:

Bootstrap php制作动态分页标签

有个不完善的地方就是最后的页码自选择框的大小与bootstrap的分页框大小不一致,有点影响美观了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
JS运行耗时操作的延时显示方法
Nov 19 Javascript
菜鸟javascript基础整理1
Dec 06 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
简单谈谈vue的过渡动画(推荐)
Oct 11 Javascript
vue 实现的树形菜的实例代码
Mar 19 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
Oct 27 Javascript
前端JS面试中常见的算法问题总结
Dec 23 #Javascript
Bootstrap源码解读导航条(7)
Dec 23 #Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 #Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 #Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
Dec 23 #Javascript
详解jQuery中的DOM操作
Dec 23 #Javascript
Bootstrap table两种分页示例
Dec 23 #Javascript
You might like
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
2010/02/15 Javascript
一个基于jQuery的树型插件(OrangeTree)使用介绍
2012/05/03 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
详解如何用webpack打包一个网站应用项目
2017/07/12 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
JavaScript基础之this和箭头函数详析
2019/09/05 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
Python文件读写常见用法总结
2019/02/22 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
python 贪心算法的实现
2020/09/18 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
ProBikeKit澳大利亚:自行车套件,跑步和铁人三项装备
2016/11/30 全球购物
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
艺术专业大学生自我评价
2013/09/22 职场文书
机修工岗位职责
2013/11/24 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
九年级数学教学反思
2014/02/02 职场文书
县委常委班子专题民主生活会查摆问题及整改措施
2014/09/27 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
教师节晚会主持词
2015/06/30 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL