laravel 8 및 laravel 7에서 검색 기능을 아래쪽으로 구현하는 방법

오늘은 간단한 힌트를 드리겠습니다. crud 앱에서 검색 기능을 구현하는 방법입니다. 이렇게 하면 수백 또는 수천 개의 목록에서 검색 결과에서 특정 항목 또는 비슷한 이름을 가진 항목을 얻을 수 있습니다. 데이터베이스에서 데이터의.
이전 앱에서 색인 방법을 수정하겠습니다. 코드만 필요한 경우 GitHub repo에서 가져올 수 있습니다.

더 많은 업데이트를 받으려면 나를 팔로우하려면 내 버튼을 클릭하세요.

1단계: 프로젝트 컨트롤러에서 인덱스 방법 수정

요청 $request를 인덱스 방법에 대한 매개 변수로 추가

쿼리를 편집하여 모든 프로젝트를 가져옵니다.

"where"절의 첫 번째 매개변수에서 이름이 null이 아닌 프로젝트만 쿼리할 것입니다.

두 번째 매개변수에서 요청이 가져오는 프로젝트를 쿼리할 것입니다. 여기서는 요청이 프로젝트 이름과 유사합니다.

검색 결과가 표시되는 순서를 선택할 수 있습니다. 저는 id의 내림차순에 따라 내 순서를 지정합니다.

2단계: index.blade.php에서 컨트롤러에 요청을 보낼 양식을 추가합니다.

다음을 추가했습니다.

입력 태그(사용자가 검색할 텍스트를 입력하는 위치).

제출 버튼(텍스트가 추가된 후 검색 기능이 트리거됨).

검색 결과를 새로 고치는 또 다른 버튼입니다.

   <div>
        <div class="mx-auto pull-right">
            <div class="">
                <form action="{{ route('projects.index') }}" method="GET" role="search">

                    <div class="input-group">
                        <span class="input-group-btn mr-5 mt-1">
                            <button class="btn btn-info" type="submit" title="Search projects">
                                <span class="fas fa-search"></span>
                            </button>
                        </span>
                        <input type="text" class="form-control mr-2" name="term" placeholder="Search projects" id="term">
                        <a href="{{ route('projects.index') }}" class=" mt-1">
                            <span class="input-group-btn">
                                <button class="btn btn-danger" type="button" title="Refresh page">
                                    <span class="fas fa-sync-alt"></span>
                                </button>
                            </span>
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>

그게 전부입니다. 이것이 아래 결과입니다.
데이터베이스의 모든 프로젝트

이름에 laravel이 있는 프로젝트만

이름에 마나가 있는 프로젝트만

이름에 1이 있는 프로젝트만


평소와 같이 저를 팔로우하거나 아래에 댓글, 제안, 반응을 남기거나 이메일을 보내실 수 있습니다.
내 다른 게시물과 연락처를 보려면 을 클릭하십시오.