首页 > 代码库 > Laravel5.1 与 Laypage 结合进行分页

Laravel5.1 与 Laypage 结合进行分页

2024-09-12 07:44:08   216人阅读

路由

Route::match(array(‘get‘,‘post‘),‘/orm‘,‘StuController@orm‘);

控制器

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\User;   //user表的模型
use App\Phone;  //phone表的模型

class StuController extends Controller
{
/*
*@brief 搜索 分页 
*/
  private $current_page;  //私有属性 当前页 
  private $page_size = 5; //私有属性 每页条数

  public function __construct(Request $request) {
    $this->current_page = $request->input(‘current_page‘, 1);
  }

  public function orm(Request $request)
  {
     $search_text = $request->input(‘search_text‘,‘‘);
     $pay_type = intval($request->input(‘pay_type‘,6));
     if($search_text == ‘‘)
     {
      $count = User::join(‘phone‘,‘phone.user_id‘,‘=‘,‘user.user_id‘,‘left‘)->count();
      $page_count = ceil($count/$this->page_size);
      // dd($page_count);
      $data = http://www.mamicode.com/User::join(‘phone‘,‘phone.user_id‘,‘=‘,‘user.user_id‘,‘left‘)->get();>

视图层

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电话联系人</title>
 <script type="text/javascript" src="http://www.mamicode.com/{{asset(‘/jquery.min.js‘)}}"></script>
 <script type="text/javascript" src="http://www.mamicode.com/{{asset(‘/laypage/laypage.js‘)}}"></script>
 <script type="text/javascript" src="http://www.mamicode.com/{{asset(‘/layer/layer.js‘)}}"></script>

</head>
<body>
<input type="text" name="search_text" id="search_text" placeholder="请输入姓名搜索" @if($search_text != ‘‘) value="http://www.mamicode.com/{{$search_text}} @endif"><button name="search_btn" id="search_btn" type="submit">搜索</button>
<span>
	<select name="pay_type" id="pay_type" onchange="pay()">
		<option value="http://www.mamicode.com/6" @if($pay_type==6)selected="selected" @endif>全部</option>
		<option value="http://www.mamicode.com/0" @if($pay_type==0)selected="selected" @endif>在线支付</option>
		<option value="http://www.mamicode.com/1" @if($pay_type==1)selected="selected" @endif>快递支付</option>
	</select>
</span>
<div style="height:15px;"></div>
	<table>
		<thead>
			<tr>
				<th width="40">选择</th>
				<th width="40">序号</th>
				<th width="40">姓名</th>
				<th width="60">手机</th>
				<th width="80">支付方式</th>
				<th width="80">发货状态</th>
			</tr>
		</thead>

		@foreach($data as $key=>$d)
		<tbody>
			<tr>
				<th width="40"><input type="checkbox" name="like[]"></th>
				<th width="40">{{$key+1}}</th>
				<th width="40">{{$d->username}}</th>
				<th width="60">{{$d->phone}}</th>
				<th width="120">
					@if($d->pay_type==0)
					在线支付
					@endif
					@if($d->pay_type==1)
					快递到付
					@endif
				</th>
				<th width="60">
					@if($d->is_send==0)
					未发
					@endif
					@if($d->is_send==1)
					已发
					@endif
				</th>
			</tr>
		</tbody>
		@endforeach

	</table>
	<div class="row cl" style="margin-top: 20px;float:left;" >
			<label class="form-label col-1 text-l" id="record">共 {{$page_count}} 页</label>
			<div class="formControls col-11  text-r" id="page" style="float:left;">
			</div>
	</div>

<script type="text/javascript">
	// alert($);
	var search_btn = $(‘#search_btn‘);
	var search_text = $(‘#search_text‘);

	var pay_type = ‘‘;

	$(function(){
	if (parseInt("{{$page_count}}") > 0) {
		pay_type = $(‘#pay_type option:selected‘).val();
		laypage({
			cont: ‘page‘,
			pages: ‘{{$page_count}}‘, //可以叫服务端把总页数放在某一个隐藏域，再获取。假设我们获取到的是18
			curr: function() { //通过url获取当前页，也可以同上（pages）方式获取
				var page = "{{$current_page}}";
				return page;
			}(),
			jump: function(e, first) { //触发分页后的回调
				if (!first) { //一定要加此判断，否则初始时会无限刷新
					location.href = http://www.mamicode.com/GetUrlRelativePath() + ‘?search_text=‘ + search_text.val().trim() + ‘&pay_type=‘ + pay_type + ‘¤t_page=‘ + e.curr;"//");  //以//为标识  分割为两个数组  [http:,haha.com/orm]

		var start = arrUrl[1].indexOf("/");  // 下标为1 的即为去除http头的 域名部分   indexOf(‘‘) 某个字符首次出现的位置  从0开始计数 / 在第8
		var relUrl = arrUrl[1].substring(start); //substring(n) 去除0-(n-1) 的字符串  

		if(relUrl.indexOf("?") != -1)
		{
			relUrl = relUrl.split("?")[0];  //去除参数
		}
		return relUrl;
	}  //得出地址  

</script>

</body>
</html>

　　效果图

技术分享

Laravel5.1 与 Laypage 结合进行分页


联系
我们