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 16 PHP
php设计模式 Chain Of Responsibility (职责链模式)
Jun 26 PHP
PHP获取当前页面完整URL的实现代码
Jun 10 PHP
PHP SPL使用方法和他的威力
Nov 12 PHP
preg_match_all使用心得分享
Jan 31 PHP
Drupal读取Excel并导入数据库实例
Mar 02 PHP
PHP5.3安装Zend Guard Loader图文教程
Sep 29 PHP
php使用ob_start()实现图片存入变量的方法
Nov 14 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
Apr 02 PHP
php数组分页实现方法
Apr 30 PHP
Laravel框架实现的记录SQL日志功能示例
Jun 19 PHP
Laravel 实现关系模型取出需要的字段
Oct 10 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
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
JavaScript 设计模式 富有表现力的Javascript(一)
2010/05/26 Javascript
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
JS函数验证总结(方便js客户端输入验证)
2010/10/29 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
JavaScript数组随机排列实现随机洗牌功能
2015/03/19 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
node上的redis调用优化示例详解
2018/10/30 Javascript
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
js+html实现点名系统功能
2019/11/05 Javascript
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
python中执行shell命令的几个方法小结
2014/09/18 Python
进一步探究Python中的正则表达式
2015/04/28 Python
python妙用之编码的转换详解
2017/04/21 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python是否适合网页编程详解
2019/10/04 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
大学军训感言1000字
2014/02/25 职场文书
端午节活动总结报告
2015/02/11 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
详解Laravel制作API接口
2021/05/31 PHP
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang