Cet article vous présentera comment créer une fonction de recherche en temps réel en utilisant uniquement Créez des capacités de recherche en temps réel avec Créez des capacités de recherche en temps réel avec Laravel Livewire sans JS Livewire sans JS Livewire sans utiliser une seule ligne de code JS. J'espère que cela vous sera utile !
Résultat final - Recherche et pagination entièrement interactives, aucun Javascript requis
Pour ceux d'entre vous qui suivent Laracon 2019, vous avez peut-être vu l'incroyable nouveau package de Caleb Porzio appelé Livewire.. Comme décrit sur son site Web :
Livewire est un framework full-stack pour Créez des capacités de recherche en temps réel avec Créez des capacités de recherche en temps réel avec Laravel Livewire sans JS Livewire sans JS qui rend la création d'interfaces dynamiques aussi simple (littéralement) que l'écriture de PHP classique.
J'ai commencé à utiliser Créez des capacités de recherche en temps réel avec Créez des capacités de recherche en temps réel avec Laravel Livewire sans JS Livewire sans JS il y a deux ans et l'un de mes plus grands défis était de créer des pages interactives. Créez des capacités de recherche en temps réel avec Créez des capacités de recherche en temps réel avec Laravel Livewire sans JS Livewire sans JS m'a permis de me lancer facilement dans le développement Web, mais j'ai trouvé que le passage à l'utilisation de Vue.js ou de React était trop déroutant et entraînait toujours une autre couche de complexité. Lorsque Caleb a montré son compteur simple, j'ai immédiatement pensé que Livewire serait idéal pour la recherche. J'ai expliqué ci-dessous comment utiliser Livewire pour rechercher de manière interactive des enregistrements Eloquent via la pagination.
composer require calebporzio/livewire
Incluez ceci avant la balise de fermeture du corps de toutes les pages que vous souhaitez rechercher :
@livewireAssets
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!