Maison > cadre php > Laravel > Créez des capacités de recherche en temps réel avec Laravel Livewire sans JS

Créez des capacités de recherche en temps réel avec Laravel Livewire sans JS

青灯夜游
Libérer: 2022-10-09 18:59:55
avant
1809 Les gens l'ont consulté

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 !

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

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.

Définissez Livewire (Document)

composer require calebporzio/livewire
Copier après la connexion

Incluez ceci avant la balise de fermeture du corps de toutes les pages que vous souhaitez rechercher :

@livewireAssets 
Copier après la connexion

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!

Étiquettes associées:
source:learnku.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal