如何制作有效的搜索表单 PHP/HTML？答案

【问题标题】：How to make a working search form PHP/HTML?如何制作有效的搜索表单 PHP/HTML？
【发布时间】：2019-01-18 19:31:42
【问题描述】：

所以基本上我正在为大学做一个项目，我的项目中唯一缺少的是一个有效的搜索表单，但我不知道该怎么做。我的所有产品都已创建并播种到数据库中。

我的路线：

Route::get('/', [
    'uses' => 'ProductsController@getIndex',
    'as'=> 'product.index'
 ] //tenho de meter um . porque nao é uma diretoria global, index ta dentro 
duma pasta shop
 );

我的桌子：

  Schema::create('products', function (Blueprint $table) {
        $table->increments('id');
        $table->timestamps();
        $table->string("imagePath");
        $table->string("title");
        $table->text("description");
        $table->integer("price");
    });

我的表单结构：

   <form action="" method="post" class="navbar-form navbar-left " role = "search">
            <div class="form-group">
                <input type="text"  class="form-control" placeholder="Search">
            </div>
            <button type="submit" class="btn btn-default">Search</button>
        </form>

我的产品管理员：

   public function getIndex(){
    $products = Products::all();
    return view('shop.index', ['products' => $products]);
}

我看过很多关于如何做的教程，但我似乎无法让它过滤我拥有的那些，例如，如果我在商店里有 3 只靴子和 5 只鞋子，如果我写“boot”在搜索中，我只希望出现 3 个靴子

【问题讨论】：

你有没有创建搜索路径
是的，我做到了，Route::post('/', [ 'uses' => 'ProductsController@searchProducts', 'as'=>'product.search' ]);

标签： php html laravel search

【解决方案1】：

你的 HTML 应该是

<form action="{{ route('product.search') }}" method="post" class="navbar-form navbar-left " role = "search">
    @csrf
    <div class="form-group">
        <input type="text"  class="form-control" name="search" placeholder="Search">
    </div>
    <button type="submit" class="btn btn-default">Search</button>
</form>

在您的searchProduct 函数中

对于可以在标题中搜索的类似查询，如果存在关键字，它将返回与您正在搜索的标题相同的所有产品

public function searchProducts(Request $request){
    $products = Product::where('title', 'like', '%'.$request->search.'%')->get();
    return view('shop.index', ['products' => $products]);
}

对于完全相同的标题结果

public function searchProducts(Request $request){
    $products = Product::where('title',$request->search)->get();
    return view('shop.index', ['products' => $products]);
}

【讨论】：

它没有给我任何错误，但它显示了 shop.index 页面，其中包含我在搜索框中放置的任何过滤器。我的所有产品仍然显示
您的所有产品标题字段中是否有靴子
它没有用，因为我的表单中有 2 个名称（name="search" 和 name="keyword"）

【解决方案2】：

有很多不同的方法可以处理诸如搜索之类的事情......从简单到非常复杂，但一种基本方法是在标题和描述字段中搜索关键字，例如“boot”。

您需要添加一些内容... 首先，添加一个新的路由来处理搜索请求：

Route::post('/results', [
  'uses' => 'ProductsController@searchProducts', 
  'as'=>'product.search'
]);

接下来，为您的 html 输入添加一个名称，例如“关键字”以及 CSRF 令牌字段的刀片快捷方式：

<form action="/results" method="post" class="navbar-form navbar-left " role = "search">
  @csrf
  <div class="form-group">
    <input type="text"  class="form-control" placeholder="Search" name="keyword">
  </div>
  <button type="submit" class="btn btn-default">Search</button>
</form>

然后在控制器中添加一个函数来处理查询：

public function searchProducts(Request $request){
  $results = Product::where('title', 'like', '%'.$request->search.'%')
    ->orWhere('description', 'like', '%'.$request->search.'%')
    ->orderBy('title', 'desc')
    ->get();

  return view('search_results', ['results'=>$results, 'keyword'=>$request->keyword]);
}

最后，创建一个名为 search_results.blade.php 的新文件并将其放置在您的视图目录中。这将用于向用户显示搜索结果。

<h2>Search Results for {{$keyword}}</h4>
<table>
    <thead>
        <tr>
            <th>Product</th>
            <th>Description</th>
            <th>Price</td>
        </tr>
    </thead>
    <tbody>
        @forelse($results as $result)
            <tr>
                <td>{{$result->title}}</td>
                <td>{{$result->description}}</td>
                <td>{{$result->price}}</td>
            </tr>
        @empty
            <tr>
                <td colspan="3">
                    No Products Found
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

有了这个基础，您就可以尽情发挥并添加过滤选项、排序、排名等等。希望对您有所帮助！

【讨论】：

首先，感谢您的帮助。其次，我收到错误“419：抱歉，您的会话已过期。请刷新并重试。”有什么想法吗？
啊，对不起...... Laravel 已经构建了防止跨站点请求伪造（CSRF）的功能。每当您提交表单时，它都会检查是否在请求中添加了特殊令牌......所以您需要包含它。最简单的方法是在表单中的某处简单地添加@csrf。基本上，这只是一个刀片快捷方式，它使用令牌添加隐藏的表单输入。不需要进行其他更改。
但它的 {{csrf_token}} 或 {{csrf_field}} ？我将它添加到 ? 旁边
Laravel 为您提供了几种方法来执行此操作，但在刀片模板（视图）中，您可以使用快捷方式 @csrf。从技术上讲，您可以将其放置在表单标签中的任何位置，但我通常将其添加到顶部。我更新了答案以包含令牌。 {{csrf_field()}} 也可以工作...相同的输出，不同的语法。
仅供参考：csrf_token() 只会为您提供令牌值。 csrf_field() 将为您提供填写了令牌的完整表单字段。

【解决方案3】：

你可以这样做

html

       <form action="/search" method='post' class="navbar-form navbar-left " role = "search">
                <div class="form-group">
                    <input type="text"  class="form-control" placeholder="Search" name="search">
                </div>
                <button type="submit" class="btn btn-default">Search</button>
            </form>


    PHP

    public function search(Request $request)
    {
        $products = Product::where('title', 'LIKE', '%'.request->search.'%')->get();

        return view('search', ['products' => $products]);
    }

仅将您想要返回的视图更改并创建到 routes/web.php。

【讨论】：