JS 없이 Laravel Livewire로 실시간 검색 기능 구축

이 글에서는 JS 코드 한 줄도 사용하지 않고 JS 없이 JS 없이 Laravel Livewire로 실시간 검색 기능 구축 Livewire로 실시간 검색 기능 구축 Livewire만을 이용하여 실시간 검색 기능을 구축하는 방법을 소개하겠습니다.

최종 결과 - 완전한 대화형 검색 및 페이지 매기기, 자바스크립트 필요 없음

Laracon 2019를 팔로우하는 분들은 Caleb Porzio의 놀라운 Livewire 패키지를 보셨을 것입니다. 그의 웹사이트에 설명된 대로:

Livewire는 동적 프런트엔드를 일반 PHP를 작성하는 것만큼 쉽게 (문자 그대로) 구축할 수 있게 해주는 JS 없이 JS 없이 Laravel Livewire로 실시간 검색 기능 구축 Livewire로 실시간 검색 기능 구축용 풀 스택 프레임워크입니다.

저는 2년 전부터 JS 없이 JS 없이 Laravel Livewire로 실시간 검색 기능 구축 Livewire로 실시간 검색 기능 구축을 사용하기 시작했는데 가장 큰 어려움 중 하나는 대화형 페이지를 구축하는 것이었습니다. JS 없이 JS 없이 Laravel Livewire로 실시간 검색 기능 구축 Livewire로 실시간 검색 기능 구축을 사용하면 웹 개발에 쉽게 뛰어들 수 있지만 Vue.js나 React를 사용하는 것은 너무 혼란스럽고 항상 또 다른 복잡성 계층을 초래한다는 것을 알았습니다. Caleb이 간단한 카운터를 선보였을 때 나는 즉시 Livewire가 검색에 이상적이라고 생각했습니다. 아래에서는 페이지 매김을 통해 Eloquent 레코드를 대화식으로 검색하기 위해 Livewire를 사용하는 방법을 설명했습니다.

Livewire 설정(Document)

composer require calebporzio/livewire

검색하려는 모든 페이지의 닫는 본문 태그 앞에 다음을 포함하세요.

@livewireAssets 

위 내용은 JS 없이 Laravel Livewire로 실시간 검색 기능 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!