Как отправить параметры получения в виде симпатичного URL в форму поиска в Laravel? - PullRequest
Новая
       46

Как отправить параметры получения в виде симпатичного URL в форму поиска в Laravel?

1 голос
/ 25 июня 2019

У меня есть форма поиска для перечисления свойств / объявлений по определенным критериям (город, цена, квадратура, тип недвижимости).Я пытаюсь получить красивый URL-адрес, например, 

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, но это не сработало, также я попытался создать метод для действия с формой, затем прочитал строки запроса и перенаправил их на один с красивым 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>

1 Ответ

4 голосов
/ 25 июня 2019

Этого можно добиться, используя параметры маршрута Laravel :

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...
}
...