thinkPHP3.2.3 combines Laypage to implement paging function-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

thinkPHP3.2.3 combines Laypage to implement paging function

Jun 07, 2018 pm 04:37 PM

Pagination

这篇文章主要介绍了thinkPHP3.2.3结合Laypage实现的分页功能,结合实例形式分析了thinkPHP3.2.3结合Laypage实现分页的model控制器与view视图相关操作技巧,需要的朋友可以参考下

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

控制器

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

Copy after login

视图层

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;title&gt;Think Demo&lt;/title&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;__PUBLIC__/jquery-1.11.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;__PUBLIC__/jquery-1.11.1/jquery.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;__PUBLIC__/layer/layer.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;__PUBLIC__/laypage/laypage.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;
 &lt;select name=&quot;&quot; id=&quot;slc1&quot; onchange=&quot;return choose()&quot;&gt;
  &lt;option value=&quot;-6&quot; &lt;if condition=&quot;$choose eq -6 &quot;&gt; selected &lt;/if&gt; &gt;全部&lt;/option&gt;
  &lt;option value=&quot;0&quot; &lt;if condition=&quot;$choose eq 0 &quot;&gt; selected &lt;/if&gt; &gt;简单&lt;/option&gt;
  &lt;option value=&quot;1&quot; &lt;if condition=&quot;$choose eq 1 &quot;&gt; selected &lt;/if&gt; &gt;一般&lt;/option&gt;
 &lt;/select&gt;
  &lt;input type=&quot;text&quot; value=&quot;&lt;if condition=&quot;$type neq &#39;&#39; &quot;&gt; {$type} &lt;/if&gt;&quot; id=&quot;type&quot;&gt;&lt;button id=&quot;sou&quot;&gt;搜索&lt;/button&gt;
&lt;/p&gt;
&lt;br&gt;
  &lt;table border=&quot;1&quot; width=&quot;500&quot; height=&quot;150&quot; &gt;
        &lt;tr&gt;
          &lt;th&gt;ID&lt;/th&gt;
          &lt;th&gt;语言&lt;/th&gt;
          &lt;th&gt;难易程度&lt;/th&gt;
          &lt;th&gt;操作&lt;/th&gt;
        &lt;/tr&gt;
        &lt;volist name=&quot;infos&quot; id=&quot;vo&quot;&gt;
        &lt;tr&gt;
          &lt;th&gt;{$vo.id}&lt;/th&gt;
          &lt;th&gt;{$vo.data}&lt;/th&gt;
          &lt;th&gt;
            &lt;if condition=&quot;$vo.easy_hard eq &#39;0&#39;&quot;&gt;简单
            &lt;else /&gt;一般
            &lt;/if&gt;
          &lt;/th&gt;
          &lt;th&gt;
            &lt;a href=&quot;javascript:;&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; onclick=&quot;return del({$vo.id});&quot;&gt;删除&lt;/a&gt;
            &lt;a href=&quot;javascript:;&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; onclick=&quot;return edit({$vo.id});&quot;&gt;修改&lt;/a&gt;
          &lt;/th&gt;
        &lt;/tr&gt;
        &lt;/volist&gt;
  &lt;/table&gt;
  &lt;p style=&quot;margin-top:15px; text-align:center;&quot; id=&quot;page11&quot;&gt;&lt;/p&gt;
  &lt;button onclick=&quot;return add_()&quot;&gt; 添加 &lt;/button&gt; &lt;br /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
  function choose()
  {
    var type=$(&quot;#type&quot;).val();
    var checkValue=$(&quot;#slc1&quot;).val();
    window.location.href=&quot;?typeid=&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; +type+&quot;&amp;choose=&quot;+checkValue;
  }
  $(&quot;#sou&quot;).bind(&quot;click&quot;,function(event){
    var type=$(&quot;#type&quot;).val();//获取假设的搜索条件值
    var checkValue=$(&quot;#slc1&quot;).val();
    window.location.href=&quot;?typeid=&quot; rel=&quot;external nofollow&quot; rel=&quot;external nofollow&quot; +type+&#39;&amp;choose=&#39;+checkValue;
  });
  $(function(){
      laypage({
        cont: &#39;page11&#39;,
        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(&quot;page&quot;,e.curr);
            }
          }
      });
  });
  function setParam(param,value){
    var query = location.search.substring(1);
    var p = new RegExp(&quot;(^|)&quot; + param + &quot;=([^&amp;]*)(|$)&quot;);
    if(p.test(query)){
      //query = query.replace(p,&quot;$1=&quot;+value);
      var firstParam=query.split(param)[0];
      var secondParam=query.split(param)[1];
      if(secondParam.indexOf(&quot;&amp;&quot;)&gt;-1){
        var lastPraam=secondParam.split(&quot;&amp;&quot;)[1];
        return &#39;?&#39;+firstParam+&#39;&amp;&#39;+param+&#39;=&#39;+value+&#39;&amp;&#39;+lastPraam;
      }else{
        if(firstParam){
          return &#39;?&#39;+firstParam+&#39;&#39;+param+&#39;=&#39;+value;
        }else{
          return &#39;?&#39;+param+&#39;=&#39;+value;
        }
      }
    }else{
      if(query == &#39;&#39;){
        return &#39;?&#39;+param+&#39;=&#39;+value;
      }else{
        return &#39;?&#39;+query+&#39;&amp;&#39;+param+&#39;=&#39;+value;
      }
    }
  }
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Copy after login

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！