如何在Laravel中的搜索表单上将get参数作为漂亮的URL发送?

时间:2019-06-25 13:49:28

标签: php laravel routes pretty-urls

我有搜索表单,可以通过某些条件(城市,价格,正交,属性类型)列出属性/广告。我正在尝试获取类似这样的漂亮网址

project/search/city/London/price/1_10000/quadrature/1_150/propertyType/flat 

而不是现在这样

project/filter?_token=mCwLL58vOxGHtxEBmntPPcks7nV9n3DHXCNKt7hE&city=London&min_price=1&max_price=10000&min_quadrature=1&max_quadrature=150&propertyType=flat&submit=

这是我第一次做这样的事情,而且我在Laravel中还比较陌生。我尝试使用javascript的onsubmit函数重写URL,但是那没有用,我用google搜索并尝试创建一种用于表单操作的方法,然后读取查询字符串并使用漂亮的URL重定向到一个,但是我失败了。任何帮助是极大的赞赏。这是我的一些代码,但是显然不起作用:

web.php

Route::get('/search', 'CategoryController@index');
Route::get('/filter', 'CategoryController@filter');

CategoryController.php

<?php
namespace App\Http\Controllers;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;

class CategoryController extends Controller
{
public function index()
    {
    $data = \DB::table('properties');
    return view('categories.search', compact('data'));
    }

    public function filter(Request $request)
    {
        $data = \DB::table('properties');

        if ($request->city) {
        $data = $data->where('city', 'LIKE', "%" . $request->city . "%");
        }

        if ($request->min_price && $request->max_price ) {
            $data = $data->where('price', '>=', $request->min_price)
                     ->where('price', '<=', $request->max_price);
        }

        if ($request->min_quadrature && $request->max_quadrature ) {
            $data = $data->where('quadrature', '>=', $request->min_quadrature)
                     ->where('quadrature', '<=', $request->max_quadrature);
        }

        $data = $data->paginate(10);

        return view('categories.search', compact('data'));
    }

}

search.blade.php

<form id="form" action="/filter" method="GET">
    @csrf

      <div class="row">
        <div class="col-md-5 mb-3">
          <label>City</label>
          <input name="city" list="result" id="input" class="form-control">
          <datalist id="result"></datalist>
        </div>
      </div>

      <div class="row">
        <div class="col-md-6 mb-6">
          <label>Price</label>
          <input type="number" name="min_price" class="form-control" placeholder="Min Price">
          <input type="number" name="max_price" class="form-control" placeholder="Max Price">
        </div>
        <div class="col-md-6 mb-6">
          <label>Quadrature</label>
          <input type="number" name="min_quadrature" class="form-control" placeholder="Min quadrature">
          <input type="number" name="max_quadrature" class="form-control" placeholder="Max quadrature">
        </div>
      </div>

      <hr class="mb-4">

      <div class="row">
        <div class="col-md-5 mb-6">
          <h5>Property type</h4>
            <div class="d-block my-3 ">
              <div class="custom-control custom-radio">
                <input id="house" name="propertyType" value="house" type="radio" class="custom-control-input">
                <label class="custom-control-label" for="house">House</label>
              </div>
              <div class="custom-control custom-radio">
                <input id="flat" name="propertyType" value="flat" type="radio" class="custom-control-input">
                <label class="custom-control-label" for="flat">Flat</label>
              </div>
      </div>

    <hr class="mb-4">

    <button name="submit" class="btn btn-primary btn-lg btn-block" type="submit" onsubmit="window.location.href=this.action + '/' + encodeURIComponent(this.elements['city'].value) + encodeURIComponent(this.elements['min_price'].value) + encodeURIComponent(this.elements['max_price'].value) + encodeURIComponent(this.elements['min_quadrature'].value) + encodeURIComponent(this.elements['max_quadrature'].value) + encodeURIComponent(this.elements['propertyType'].value) + encodeURIComponent(this.elements['propertyBidAsk'].value) + encodeURIComponent(this.elements['propertyPayment'].value); return false;">Search</button>

  </form>

2 个答案:

答案 0 :(得分:4)

您可以使用Laravel的route parameters来实现:

web.php:

Route::get('/search/city/{city}/price/{price}/quadrature/{quadrature}/propertyType/{propertyType}', 'CategoryController@index');

CategoryController.php:

public function index($city, $price, $quadrature, $propertyType)
{
    // Do stuff...
}

答案 1 :(得分:0)

您可以不使用javascript ...

HTML格式:

    <form id="form" action="{{ route('filter') }}" method="GET">
     ... <!-- Your html -->
    <button name="submit" class="btn btn-primary btn-lg btn-block" type="submit" >Search</button>

路由文件:

    <?php
    // ... Your Routes
    Route::get('/filter', function(Illuminate\Http\Request $request) {
      // Redirect to named route
      return redirect()->route('search', ['city' => $request['city'], 'price' => $request['price'], 'quadrature' => $request['quadrature'], 'propertyType' => $request['propertyType']]);    
    })->name('filter');
    Route::get('/search/city/{city}/price/{price}/quadrature/{quadrature}/propertyType/{propertyType}', 'CategoryController@filter')->name('search');

控制器文件:

    <?php
    // ... Your Class namespace and libraries
    class CategoryController extends Controller
    {
      public function filter(Request $request)
      {
        dd( $request );
        // ... Your code
      }
    }