検索機能を実装したい

Question

前提・実現したいこと

現在laravelを使って開発し、検索機能を実装しているのですが、機能せず、ページがそのまま帰ってきてしまいます。

該当のソースコード

<?php

namespace App\Http\Controllers;

use App\Post;
use Auth;
use Validator;
use Illuminate\Http\Request;

class PostsController extends Controller
{
    //コンストラクタ （このクラスが呼ばれると最初にこの処理をする）
    public function __construct()
    {
        // ログインしていなかったらログインページに遷移する（この処理を消すとログインしなくてもページを表示する）
        $this->middleware('auth');
    }
    
    public function index()
    {
        $posts = Post::limit(10)
            ->orderBy('created_at', 'desc')
            ->get();
            
         // テンプレート「post/index.blade.php」を表示します。
        return view('post/index', ['posts' => $posts]);
    }
  
  public function new()
    {
         // テンプレート「post/new.blade.php」を表示
        return view('post/new');
        
    }
    
    public function store(Request $request)
    {
        //バリデーション（入力値チェック）
        $validator = Validator::make($request->all() , ['caption' => 'required|max:255', 'place' => 'required|max:255','photo' => 'required']);

        //バリデーションの結果がエラーの場合
        if ($validator->fails())
        {
            return redirect()->back()->withErrors($validator->errors())->withInput();
        }

        // Postモデル作成
        $post = new Post;
        $post->caption = $request->caption;
        $post->place = $request->place;
        $post->user_id = Auth::user()->id;

        $post->save();
        
        $request->photo->storeAs('public/post_images', $post->id . '.jpg');
        
        // 「/」 ルートにリダイレクト
        return redirect('/');
    }
    
    public function destroy($post_id)
    {
        $post = Post::find($post_id);
        $post->delete();
        return redirect('/');
    }
    
    public function research (Request $request)
    {
        // リクエストパラメタにkeywordが入っていたら検索機能を動かす
        if($request->has('keyword')) {
            // SQLのlike句でitemsテーブルを検索する
            $posts = Post::where('caption', 'place', '%'.$request->get('keyword').'%')->limit(10);
        }
        else{
            $posts = Post::limit(10);
        }
        return view('post/index', ['posts' => $posts]);
    }
}

@section('navbar')
    <nav class="navbar navbar-expand-lg navbar-light">
      <div class="container">
        <a class="navbar__brand navbar__mainLogo" href="/"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        
        <!--検索画面を追加,デバイス用にレイアウト修正-->
        <form method="GET" action="/" class="ml-5">
          <input type="text" name="keyword">
          <input type="submit" value="検索">
        </form>
        
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ml-md-auto align-items-center">
            <li>
              <a class="btn btn-primary" href="/posts/new">投稿</a>
            </li>
            <li>
              <a class="nav-link commonNavIcon profile-icon" href="/users/{{ Auth::user()->id }}"></a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
@endsection

試したこと

検索フォームからは、キーワードが送信されていたので、PostsControllerphpのresearchメソッドに問題があると考えています。

・キーワードを変数にまとめる。
・データの取得方法を変えたりしたのですが、機能しませんでした。

初歩的な問題ですが回答いただければ幸いです。

##追記

viewで指定した、ページは以下のコードになっています
もし、心当たりがありましたら、ご指摘いただければ幸いです。

@extends('layouts.app')
@include('navbar')
@include('footer')

@section('content')
@foreach ($posts as $post) 
<div class="col-md-8 col-md-2 mx-auto">
<div class="card-wrap">

<div class="card">
<div class="card-header align-items-center d-flex">
<a class="no-text-decoration" href="/users/{{ $post->user->id }}">
@if ($post->user->profile_photo)
<img class="post-profile-icon rounded" src="{{ asset('storage/user_images/' . $post->user->profile_photo) }}"/>
@else
<img class="post-profile-icon rounded" src="{{ asset('/images/blank_profile.png') }}"/>
@endif
</a>
<a class="black-color no-text-decoration" title="{{ $post->user->name }}" href="/users/{{ $post->user->id }}">
<strong>{{ $post->user->name }}</strong>
</a>
@if ($post->user->id == Auth::user()->id)
<a class="ml-auto mx-0 my-auto" rel="nofollow" href="/postsdelete/{{ $post->id }}">
<div class="delete-post-icon">
</div>
</a>
@endif


<!--ヘッダーに対して、いいねのアイコンと、保存ボタンを追加する-->

　</div>
<div class="card-body d-flex">
<div class="card-body-left">
<a href="/users/{{ $post->user->id }}"> <!--遷移先を詳細画面にする-->
<img src="/storage/post_images/{{ $post->id }}.jpg" class="card-img-top" />
</a>
</div>
<div class="card-body-right ml-5 mt-2">
<div class="card-text d-block">
<p><strong>施設名・住所</strong></p>
<span>{{ $post->place }}</span>
　</div>
<div class="card-title d-block mt-5">
<p><strong>説明</strong></p>
<span>{{ $post->caption }}</span>
</div>
</div>
</div>
</div>

</div>
</div>
@endforeach
@endsection

Comments

[Lulucom]

コードをコメントに掲載されると整形されませんので、質問本文に追記しましょう。

また、掲載された各コードの正確なファイル名を記載しましょう。ディレクトリも含め、大文字/小文字の区別や「.」の有無も正確にです。それらが違っていてエラーになっている可能性もあるからです。

> 機能せず、ページがそのまま帰ってきてしまいます
> 検索できずにいます
これらの表現は曖昧で状況を掴みづらいと思います。起きている現象を具体的に記載しましょう。例えば、画面が真っ白になるとか、エラーが起きているならエラーメッセージなどです。
Laravelのバージョンもお願いします。
（質問の本文へ追記ください）

Answer 1

以下のようにするとどうでしょうか。

    public function research (Request $request)
    {
        // リクエストパラメタにkeywordが入っていたら検索機能を動かす
        if($request->has('keyword')) {
            // SQLのlike句でpostsテーブルを検索する
            $posts = Post::where('caption', 'like', '%'.$request->query('keyword').'%')
                ->orWhere('place', 'like', '%'.$request->query('keyword').'%')
                ->limit(10)->get();
        }
        else{
            $posts = Post::limit(10)->get();
        }
        return view('post.index', ['posts' => $posts]);
    }

参考:

• WHERE節
• 入力の取得
• view()

Comments

[Atsushi_5858]

初めに、ご返信いただきありがとうございます。

ご指摘いただいたように、テーブルの検索文を変更したのですが、検索できずにいます。おそらく、viewの表示の方法が間違えていると思い、調査しています。

viewで指定した、ページは以下のコードになっています
もし、心当たりがありましたら、ご指摘いただければ幸いです。
```
@extends('layouts.app')
@include('navbar')
@include('footer')

@section('content')
@foreach ($posts as $post)
<div class="col-md-8 col-md-2 mx-auto">
<div class="card-wrap">

<div class="card">
<div class="card-header align-items-center d-flex">
<a class="no-text-decoration" href="/users/{{ $post->user->id }}">
@if ($post->user->profile_photo)
<img class="post-profile-icon rounded" src="{{ asset('storage/user_images/' . $post->user->profile_photo) }}"/>
@else
<img class="post-profile-icon rounded" src="{{ asset('/images/blank_profile.png') }}"/>
@endif
</a>
<a class="black-color no-text-decoration" title="{{ $post->user->name }}" href="/users/{{ $post->user->id }}">
<strong>{{ $post->user->name }}</strong>
</a>
@if ($post->user->id == Auth::user()->id)
<a class="ml-auto mx-0 my-auto" rel="nofollow" href="/postsdelete/{{ $post->id }}">
<div class="delete-post-icon">
</div>
</a>
@endif

<!--ヘッダーに対して、いいねのアイコンと、保存ボタンを追加する-->

　</div>
<div class="card-body d-flex">
<div class="card-body-left">
<a href="/users/{{ $post->user->id }}"> <!--遷移先を詳細画面にする-->
<img src="/storage/post_images/{{ $post->id }}.jpg" class="card-img-top" />
</a>
</div>
<div class="card-body-right ml-5 mt-2">
<div class="card-text d-block">
<p><strong>施設名・住所</strong></p>
<span>{{ $post->place }}</span>
　</div>
<div class="card-title d-block mt-5">
<p><strong>説明</strong></p>
<span>{{ $post->caption }}</span>
</div>
</div>
</div>
</div>

</div>
</div>
@endforeach
@endsection

```

[Lulucom]

コントローラで、表示するビューを指定するときに
return view('post/index', ...
としているため「ビューが見つからない」というエラーになっているのではないでしょうか？
return view('post.index', ...
とするとどうでしょうか。

[Atsushi_5858]

ご返信いただき、ありがとうございます。
また、質問方法が抽象的で申し訳ございませんでした。ご指摘いただき大変勉強になりました。質問文に関してですが、早速、修正させていただきました。ファイル名に関しては、プロジェクトを終了してしまったため、今回追記はしていませんが、次回は理解しやすい質問文を心がけます。
尚、本題の検索機能ですが、無事機能しました。アドバイスいただきありがとうございました。