前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Laravel实现搜索的时候分页并携带参数

Laravel实现搜索的时候分页并携带参数

作者头像
砸漏
发布2020-10-20 14:43:17
1.1K0
发布2020-10-20 14:43:17
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本恩蓝脚本

筛选分页每页的条数:

<select class="form-control" id="perPage" name="perPage" 
 @foreach ( [10,20,30,50] as $e)
  <option value="{{$e}}" {{ $e==request('perPage') ? 'selected' : '' }}  {{$e}}</option 
 @endforeach
</select 

路由:

Route::get('customer/index/{customer_type?}', 'CustomerController@index');

后端接口:

public function index($customer_type = null) {
  $search = request('search');
  $perPage = request('perPage') ? request('perPage') : 10;
  $customer_type = $customer_type ? $customer_type : request('customer_type');
  $data = Customer::select(['id', 'email', 'user_name', 'nick_name', 'phone', 'create_time'])
   - where('customer_type', '=', $customer_type)
   - where(function ($query) use ($search) {
    if ($search) {
     $query- where('user_name', 'like', '%' . $search . '%')
      - orWhere('nick_name', 'like', '%' . $search . '%')
      - orWhere('phone', 'like', '%' . $search . '%')
      - orWhere('email', 'like', '%' . $search . '%');
    }
   })
   - orderBy('create_time', 'desc')
   - paginate($perPage);
  //追加额外参数,例如搜索条件
  $appendData = $data- appends(array(
   'search' =  $search,
   'customer_type' =  $customer_type,
   'perPage' =  $perPage,
  ));
  return view('admin/customerList', compact('data'));
 }

##效果图:

前端完整代码:

@extends('admin.master')
@section('content')
<div class="wrapper wrapper-content animated fadeInRight" 
<div class="row" 
<div class="col-sm-12" 
<div class="ibox float-e-margins" 
<form class="form-inline" method="get" action="{{ url('/admin/customer/index',[request()- route('customer_type')])}}" 
<div class="form-group" style="margin-left: 20px" 
<label for="perPage" 每页显示数:</label 
<select class="form-control" id="perPage" name="perPage" 
@foreach ( [10,20,30,50] as $e)
<option value="{{$e}}" {{ $e==request('perPage') ? 'selected' : '' }}  {{$e}}</option 
@endforeach
</select 
</div 
<div class="form-group" style="margin-left: 20px" 
<label for="search" 模糊搜索:</label 
<input type="text" name="search" style="width: 400px" class="form-control" id="search" placeholder="请输入机构名或者邮箱或者电话" value="{{request('search')}}" 
</div 
<button type="submit" class="btn btn-primary" style="margin-left: 20px" 开始搜索</button 
</form 
{{-- 表格内容 --}}
<div class="ibox-content" 
<table class="table table-hover table-bordered table-condensed" 
<thead 
<tr class="success" 
<th class="text-center" 用户ID</th 
<th class="text-center" 用户电话</th 
<th class="text-center" 用户邮箱</th 
<th class="text-center" 用户名</th 
<th class="text-center" 用户昵称</th 
<th class="text-center" 注册时间</th 
<th class="text-center" 操作</th 
</tr 
</thead 
@if ($data- total() 0)
<tbody 
@foreach ($data as $element)
{{-- {{dd($element)}} --}}
<tr class="gradeU {{ ($element['status']==4)?'bg-danger':'' }}" 
<td {{$element- id}}</td 
<td class="center" {{$element- phone}}</td 
<td {{$element- email}}</td 
<td {{$element- user_name}}</td 
<td {{$element- nick_name}}</td 
<td {{$element- create_time}}</td 
<td 
<a class="btn btn-info" href="{{ url('admin/customer/getInfo',[$element- id] )}}" rel="external nofollow"  详细</a 
<a class="btn btn-success" href="{{ url('admin/customer/readCustomer',[$element- id] )}}" rel="external nofollow"  修改</a 
<a class="btn btn-danger" href="{{ url('admin/customer/softDeleteCustomer',[$element- id] )}}" rel="external nofollow"  删除</a 
</td 
</tr 
@endforeach
</tbody 
</table 
<div class="text-center" {!! $data- render() !!}</div 
@else
<tbody 
<tr  <td colspan="7" <div class="text-center" <h3 没有查到相关数据!</h3 </div </td </tr 
</tbody 
</table 
@endif
</div 
</div 
</div 
</div 
</div 
@endsection

带筛选的:

<form class="form-inline" method="get" action="{{ url('dataInfo/channel_form_data',request('id'))}}" 
<div class="form-group" style="margin-left: 20px" 
<label for="search" 状态筛选:</label 
<select name="user_status" class="form-control" 
<option 所有状态</option 
@foreach ($user_status as $key= $element)
<option value="{{$key}}" {{request('user_status')==$key?'selected':''}} {{$element}}</option 
@endforeach
</select 
<label for="search" 模糊搜索:</label 
<input type="text" name="search" style="width: 400px" class="form-control" id="search" placeholder="用户名或者邮箱" value="{{request('search')}}"  
</div 
<button type="submit" class="btn btn-primary" style="margin-left: 20px" 开始搜索</button 
<a href="{{url('dataInfo/create_channel_user_data',request('id'))}}" rel="external nofollow" class="btn btn-primary" style="float:right;" 新增渠道用户</a 
</form 

以上这篇Laravel实现搜索的时候分页并携带参数就是小编分享给大家的全部内容了,希望能给大家一个参考。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档