本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
本文向大家介绍Yii框架结合sphinx,Ajax实现搜索分页功能示例,包括了Yii框架结合sphinx,Ajax实现搜索分页功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Yii框架结合sphinx,Ajax实现搜索分页功能的方法。分享给大家供大家参考,具体如下: 效果图: 控制器: 视图层: 更多关于Yii相关内容感兴趣的读者可查看本站专题:《Yii框架入门及常用技巧总结》、《
本文向大家介绍jquery实现的分页显示功能示例,包括了jquery实现的分页显示功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery实现的分页显示功能。分享给大家供大家参考,具体如下: 我们在显示文章列表的时候,通常需要分页显示。 一种方式是通过SQL查询的limit进行分页,即只查询该页面的数据。 另外一种方式是查询出所有的数据,传递给前段,然后用jquery控制只显示
本文向大家介绍thinkphp实现分页显示功能,包括了thinkphp实现分页显示功能的使用技巧和注意事项,需要的朋友参考一下 先上效果图,突然发现和B站上一样 IndexController.class.php代码如下 index.html代码如下 css代码如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍yii2实现分页,带搜索的分页功能示例,包括了yii2实现分页,带搜索的分页功能示例的使用技巧和注意事项,需要的朋友参考一下 一、模型配置 事例会用到三个models。文章类别表和文章表用gii生成下即可,最后一个是搜索验证模型。其中,只讲下一个联表和搜索验证。其他不用操作。 1.文章表关联 2.搜索模型 common/models/search/创建ArticleSearch.ph
本文向大家介绍详解angularjs结合pagination插件实现分页功能,包括了详解angularjs结合pagination插件实现分页功能的使用技巧和注意事项,需要的朋友参考一下 angularjs与pagination插件可以完美实现前端的分页,筛选,搜索等功能,前提当然需要有后台开发配合,今天我们只说前端实现: 1、引入pagination插件,在angularjs引入之前先加载pag
本文向大家介绍Vue Cli与BootStrap结合实现表格分页功能,包括了Vue Cli与BootStrap结合实现表格分页功能的使用技巧和注意事项,需要的朋友参考一下 1、首先需要在vue-cli项目中配置bootstrap,jquery 2、 然后新建vue文件,如index.vue,index.vue内容如下: 3、配置路由即可运行实现。 总结 以上所述是小编给大家介绍的Vue Cli与B