TP3.23 与Laypage 结合进行分页

demo地址：http://tp.ytlwin.top

控制器

<?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:;" onclick="return del({$vo.id});">删除</a>

						<a href="javascript:;" 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="+type+"&choose="+checkValue;

	} 

	$("#sou").bind("click",function(event){

	    var type=$("#type").val();//获取假设的搜索条件值

	    var checkValue=$("#slc1").val();

	    window.location.href="?typeid="+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>

TP3.23 与Laypage 结合进行分页的更多相关文章

tp3.23 nginx lnmp填坑
thinkphp3.23在apache上可以轻松实现4个路由模式但是在nginx上就出现问题我们的环境是用lnmp包实现(地址:https://lnmp.org/) 安装完成后,ta的lnmp的n ...
Laravel5.1 与 Laypage 结合进行分页
demo地址:http://lara.ytlwin.top/orm 路由 Route::match(array('get','post'),'/orm','StuController@orm'); 控 ...
【TP3.2+Oracle】数据进行分页
1.写在前面:mysql的分页通过limit 关键字进行处理, oracle却没有limit,而是用ROWNUM 字段来进行分页 2.参考示例,TP3.2 代码,其实原理看懂了其他框架和原生都可以 ...
laypage分页控件使用方法
laypage是一款非常简单易用的分页控件,由于最近项目中使用到了,简单记录一下使用方法 1.引入laypage所需的js和css文件 <link href="js/laypage/1 ...
Flask学习之旅--分页功能：分别使用 flask--pagination 和分页插件 layPage
一.前言现在开发一个网站,分页是一个很常见的功能了,尤其是当数据达到一定量的时候,如果都显示在页面上,会造成页面过长而影响用户体验,除此之外,还可能出现加载过慢等问题.因此,分页就很有必要了. 分页 ...
基于layPage分页插件浅析两种分页方式
最近在开发过程中经常用到分页,今天挤出些时间来捋一捋自己的经验在web开发中,一般显示数据列表页时,我们会用到分页控件来显示数据.采用分页一般基于两种不同的需求,一种是数据量不算很大,但是在页面展示 ...
oracle sql 分页
Oracle实现分页时,需要引入一个rownum的函数,rownum可以给记录一个类似于id的字段. 以下收整理了常用的几种sql分页算法,数据库以Oracle中emp为例.查询结果如下: SQL&g ...
laypage 物理分页与逻辑分页实例
前言以下介绍摘自 layui官网laypage layPage 致力于提供极致的分页逻辑,既可轻松胜任异步分页,也可作为页面刷新式分页.自 layui 2.0 开始,无论是从核心代码还是API设计, ...
基于ThinkPHP3.23的简单ajax登陆案例
本文将给小伙伴们做一个基于ThinkPHP3.2.的简单ajax登陆demo.闲话不多说.直接进入正文吧. 可能有些小伙伴认为TP自带的跳转页面挺好,但是站在网站安全的角度来说,我们不应该让会员看到任 ...

随机推荐

24.API爬天气预报数据
1.免费注册API 地址: https://console.heweather.com/ 必须要用IE浏览器打开,注册邮箱激活,打开控制台,如图: 认证key是访问api的钥匙 2.阅读api说明开发 ...
插件：zTree
JQuery zTree core v3.5.23 http://zTree.me/ Date: 2016-04-01 zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 T ...
Linux下安装FTP服务（Ubuntu）
在Ubuntu 14.04 上安装 FTP 服务第一步>>更新库 linuxidc@linuxidc:~$ sudo apt-get update 第二步>>采用如下命令安装 ...
First changce exceptoin
C++,改一点代码,F9,报一串地址错. First changce exceptoin是啥原因退出也rad重进也不行,只能clean工程,完整编译才可以.感觉是没有把最新修改编译链接. 有 ...
win7系统svn创建版本库
1. 在svn所在的服务器上, 找到它的目录, 右击创建项目名称文件夹, 然后右击该文件夹创建版本库 2. 创建版本库之后, 会出现几个文件夹, 打开conf文件夹, 修改里面的配置文件 3. 在自 ...
FireDac 组件说明一
TFDManager 连接定义和Connect连接管理 TFDConnection 数据库连接组件,支持三种连接方式:1.持久定义(有一个唯一名称和一个配置文件,可以由FDManager管理) 例: ...
JavaScript：几种常用循环
##循环数组的方法 1.for循环 for(let i = 0;i < ary.length;i++){ console.log(ary[i]); } 2.forEach ary.forEach ...
jwt-auth错误小结
我用的是:"tymon/jwt-auth": "1.0.0-rc.1" 根据官方网站http://jwt-auth.readthedocs.io安装,并且ven ...
nginx的websock问题解决
生产环境中有一个项目需要使用到websock,但是项目上线后发现websock连接后马上断开,但是在测试环境没有问题,后来就想到配置文件和nginx版本问题核对后发现,nginx和配置文件都是相同的 ...
Android DevArt1：假设当前Activity为A,如果这时用户打开一个新的Activity B,那么B的onResume和A的onPause哪个先执行呢？
问题描述:假设当前Activity为A,如果这时用户打开一个新的Activity B,那么B的onResume和A的onPause哪个先执行呢? GitHub Demo 废话少说,上代码,Activi ...

TP3.23 与Laypage 结合进行分页

TP3.23 与Laypage 结合进行分页的更多相关文章

随机推荐

热门专题