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 相关文章推荐
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
浅谈jquery事件处理
Apr 24 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
Angularjs 依赖压缩及自定义过滤器写法
Feb 04 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
Express之get,pos请求参数的获取
May 02 Javascript
js数组常用最重要的方法
Feb 04 Javascript
微信小程序实现bindtap等事件传参
Apr 08 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
ckeditor一键排版功能实现方法分析
Feb 06 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
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
实例化php类时传参的方法分析
2020/06/05 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
js中if语句的几种优化代码写法
2011/03/12 Javascript
js日历功能对象
2012/01/12 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
详解Python发送邮件实例
2016/01/10 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
python的re正则表达式实例代码
2018/01/24 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
Python连接字符串过程详解
2020/01/06 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
Xadmin+rules实现多选行权限方式(级联效果)
2020/04/07 Python
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
《菜园里》教学反思
2014/04/17 职场文书
实习推荐信
2014/05/10 职场文书
2014年安全生产责任书
2014/07/22 职场文书
奥巴马上海演讲稿
2014/09/10 职场文书
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
导师工作推荐信
2015/03/27 职场文书
通用员工手册范本
2015/05/14 职场文书
常住证明范本
2015/06/23 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书