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 cookie操作类的实现代码小结附使用方法
Jun 02 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
Apr 26 Javascript
js获取当前月的第一天和最后一天的小例子
Nov 18 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
js格式化输入框内金额、银行卡号
Feb 01 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 Javascript
使用refresh_token实现无感刷新页面
Apr 26 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
虫族 Zerg 热键控制
2020/03/14 星际争霸
PHP 用数组降低程序的时间复杂度
2009/12/04 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP正则验证字符串是否为数字的两种方法并附常用正则
2019/02/27 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
JavaScript 开发中规范性的一点感想
2009/06/23 Javascript
javascript 简练的几个函数
2009/08/29 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
JavaScript实现求最大公共子串的方法
2018/02/03 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
Vue.js进阶知识点总结
2018/04/01 Javascript
详解vue页面首次加载缓慢原因及解决方案
2019/11/06 Javascript
Python读写Redis数据库操作示例
2014/03/18 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
python实现FTP服务器服务的方法
2017/04/11 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
python版DDOS攻击脚本
2019/06/12 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
Django中的静态文件管理过程解析
2019/08/01 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
香港网上花店:FlowerAdvisor香港
2019/05/30 全球购物
美术毕业生求职信
2014/02/25 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
个人事迹材料范文
2014/12/29 职场文书
升职自我推荐信范文
2015/03/25 职场文书
Java后台生成图片的完整步骤
2021/08/04 Java/Android
python中validators库的使用方法详解
2022/09/23 Python