thinkPHP3.2.3结合Laypage实现的分页功能示例


Posted in PHP onMay 28, 2018

本文实例讲述了thinkPHP3.2.3结合Laypage实现的分页功能。分享给大家供大家参考,具体如下:

控制器

<?php
namespace Home\Controller;
use Think\Controller;
class IndexController extends Controller {
  /**
  *@brief 查询
  ****/
  public function index(){
  $choose = I('choose','-6');
  $c['easy_hard'] = $choose;
    $type=I('typeid','');
    $nowpage=I('page',1);
    if($type == '')
    {
      if($choose == -6)
      {
        $totalpage=ceil((D('data')->count())/10);
        $infos=D('data')->limit(($nowpage-1)*10,10)->select();
      }else{
        $totalpage=ceil((D('data')->where($c)->count())/10);
        $infos=D('data')->where($c)->limit(($nowpage-1)*10,10)->select();
      }
    }else{
      if($choose == -6)
      {
        $map['data'] = array('like',"%$type%");
        $totalpage=ceil((D('data')->where($map)->count())/10);
        $infos=D('data')->where($map)->limit(($nowpage-1)*10,10)->select();
      }else{
        $map['data'] = array('like',"%$type%");
        $totalpage=ceil((D('data')->where($map)->where($c)->count())/10);
        $infos=D('data')->where($map)->where($c)->limit(($nowpage-1)*10,10)->select();
      }
    }
  $this->assign('type',$type);
    $this->assign('choose',$choose);
    $this->assign("totalpage",$totalpage);
    $this->assign("infos",$infos);
    $this -> display();
  }
}

视图层

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Think Demo</title>
  <script type="text/javascript" src="__PUBLIC__/jquery-1.11.1/jquery.min.js"></script>
  <script type="text/javascript" src="__PUBLIC__/jquery-1.11.1/jquery.js"></script>
  <script type="text/javascript" src="__PUBLIC__/layer/layer.js"></script>
  <script type="text/javascript" src="__PUBLIC__/laypage/laypage.js"></script>
</head>
<body>
<div>
 <select name="" id="slc1" onchange="return choose()">
  <option value="-6" <if condition="$choose eq -6 "> selected </if> >全部</option>
  <option value="0" <if condition="$choose eq 0 "> selected </if> >简单</option>
  <option value="1" <if condition="$choose eq 1 "> selected </if> >一般</option>
 </select>
  <input type="text" value="<if condition="$type neq '' "> {$type} </if>" id="type"><button id="sou">搜索</button>
</div>
<br>
  <table border="1" width="500" height="150" >
        <tr>
          <th>ID</th>
          <th>语言</th>
          <th>难易程度</th>
          <th>操作</th>
        </tr>
        <volist name="infos" id="vo">
        <tr>
          <th>{$vo.id}</th>
          <th>{$vo.data}</th>
          <th>
            <if condition="$vo.easy_hard eq '0'">简单
            <else />一般
            </if>
          </th>
          <th>
            <a href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="return del({$vo.id});">删除</a>
            <a href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="return edit({$vo.id});">修改</a>
          </th>
        </tr>
        </volist>
  </table>
  <div style="margin-top:15px; text-align:center;" id="page11"></div>
  <button onclick="return add_()"> 添加 </button> <br />
<script type="text/javascript">
  function choose()
  {
    var type=$("#type").val();
    var checkValue=$("#slc1").val();
    window.location.href="?typeid=" rel="external nofollow" rel="external nofollow" +type+"&choose="+checkValue;
  }
  $("#sou").bind("click",function(event){
    var type=$("#type").val();//获取假设的搜索条件值
    var checkValue=$("#slc1").val();
    window.location.href="?typeid=" rel="external nofollow" rel="external nofollow" +type+'&choose='+checkValue;
  });
  $(function(){
      laypage({
        cont: 'page11',
        pages: {$totalpage}, //假设我们获取到的是18(后端计算完总页数后将总页数值传过来,放在这里即可(类似{$totalpage})).
       curr: function(){ //通过url获取当前页,也可以同上(pages)方式获取
         var page = location.search.match(/page=(\d+)/);
            return page ? page[1] : 1;//如果没有页数显示时,默认是第一页
          }(),
          jump: function(e, first){ //触发分页后的回调
            if(!first){ //一定要加此判断,否则初始时会无限刷新
              location.href=setParam("page",e.curr);
            }
          }
      });
  });
  function setParam(param,value){
    var query = location.search.substring(1);
    var p = new RegExp("(^|)" + param + "=([^&]*)(|$)");
    if(p.test(query)){
      //query = query.replace(p,"$1="+value);
      var firstParam=query.split(param)[0];
      var secondParam=query.split(param)[1];
      if(secondParam.indexOf("&")>-1){
        var lastPraam=secondParam.split("&")[1];
        return '?'+firstParam+'&'+param+'='+value+'&'+lastPraam;
      }else{
        if(firstParam){
          return '?'+firstParam+''+param+'='+value;
        }else{
          return '?'+param+'='+value;
        }
      }
    }else{
      if(query == ''){
        return '?'+param+'='+value;
      }else{
        return '?'+query+'&'+param+'='+value;
      }
    }
  }
</script>
</body>
</html>

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
php 购物车的例子
May 04 PHP
模板引擎正则表达式调试小技巧
Jul 20 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
Dec 05 PHP
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
Nov 05 PHP
通过php删除xml文档内容的方法
Jan 23 PHP
PHP获取一段文本显示点阵宽度和高度的方法
Mar 12 PHP
php去掉文件前几行的方法
Jul 29 PHP
thinkPHP模板中for循环与switch语句用法示例
Nov 30 PHP
php显示页码分页类的封装
Jun 08 PHP
Laravel5.* 打印出执行的sql语句的方法
Jul 24 PHP
PHP如何开启Opcache功能提升程序处理效率
Apr 27 PHP
浅谈如何提高PHP代码的质量
May 28 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
May 28 #PHP
PHP测试框架PHPUnit组织测试操作示例
May 28 #PHP
php empty 函数判断结果为空但实际值却为非空的原因解析
May 28 #PHP
PHP排序二叉树基本功能实现方法示例
May 26 #PHP
Thinkphp5+uploadify实现的文件上传功能示例
May 26 #PHP
PHP ADODB实现事务处理功能示例
May 25 #PHP
PHP ADODB实现分页功能简单示例
May 25 #PHP
You might like
WINXP下apache+php4+mysql
2006/11/25 PHP
PHP 代码规范小结
2012/03/08 PHP
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
PHP实现微信对账单处理
2018/10/01 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
JavaScript Date对象使用总结
2009/05/14 Javascript
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
Vue.js tab实现选项卡切换
2017/05/16 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
2017/06/25 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
PyTorch中permute的用法详解
2019/12/30 Python
Python学习之time模块的基本使用
2021/01/17 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
使用css3制作登录表单的步骤
2014/04/07 HTML / CSS
NULL是什么,它是怎么定义的
2015/05/09 面试题
广州盈通面试题
2015/12/05 面试题
办公室前台岗位职责
2014/01/04 职场文书
《和我们一样享受春天》教学反思
2014/02/07 职场文书
2014年度个人工作总结
2014/11/07 职场文书
二胎满月酒致辞
2015/07/29 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server
mysql查找连续出现n次以上的数字
2022/05/11 MySQL