Manque de vitalité Js: création d’une application d’une seule page comme auparavant
Vérifie si la requête est inertielle et si HTML ou json doit être utilisé. C’est génial.
Pourquoi utiliser l’inertie? JS? Pour expliquer pourquoi vous devriez envisager d’utiliser l’inertie, il vous aide d’abord à comprendre l’état actuel de l’activité lorsque vous créez une application Web. Prenons l’exemple de spinupwp (laraver), que nous construisons en utilisant le type d’architecture \
Ce schéma comporte de nombreuses parties qui doivent être sauvegardées séparément et peuvent même être placées à différents endroits dans la structure du dossier d’application. Il ne s’agit même pas d’une véritable Spa, car nous devons encore télécharger la page complète séparément pour plusieurs pages de l’application. Cela augmente la charge cognitive et la charge de maintenance de l’application.
Comment utiliser l’inertie. JS? L’inertie est en fait indépendante du cadre, ce qui signifie qu’elle peut fonctionner avec presque n’importe quel cadre côté serveur (comme laraver, rails, etc.) Et les cadres clients (vue, React, Quick, etc.) En utilisant l’adaptateur. Dans ce petit exemple, je vais expliquer comment définir l’inertie en utilisant laraver et vue. Pour configurer l’inertie du côté serveur, installez d’abord l’adaptateur inertiel laraver en utilisant Composer: composer nécessite inertiel js \/ inertiel laraver ensuite, nous devons nous assurer que nous avons un fichier d’application. Les feuilles. PHP est la disposition de notre application. Ce modèle devrait être
Comprend toutes les ressources, ainsi que les instructions inertielles.
@ Manque de vitalité Enfin, créez le premier Contrôleur et répondez. Nous devons utiliser le nom du composant frontal (vue) pour retourner inertie:: render () au lieu de retourner la vue () comme nous l’avons fait pour rendre le modèle de lame dans laraver.
Utiliser illumb \ http \ request; Utiliser l’inertie; Class bookscontroller Extended Controller {public function Books (Request $Request) {$Books = $request – > user () – > Books () – > orderby (‘created _ at’, ‘DESC’) – > paginate (10); return inertie:: render (‘Books’,’ Books = > $Books,]); Pour configurer l’inertie du client, nous devons d’abord installer le paquet d’inertie et l’adaptateur de vue d’inertie: NPM install @ inertiajs \/ inertia @ inertiajs \/ inertiavue ensuite, nous devons configurer la vue pour utiliser l’inertie dans le fichier d’application. Js: importer {inertiaapp} de \
- {book.title}}
Exporter par défaut {attributs: {livres: objets}} Bien joué! Un spa mature créé avec laraver et vue n’a même pas besoin de considérer le routage du client et l’API. Comme vous pouvez le voir, l’inertie rend la construction d’un spa moderne aussi simple que la création d’anciennes applications Web créées par des serveurs passés. À mon avis, il tient sa promesse de vous permettre de créer une application client d’une page entièrement présentée sans avoir à être aussi complexe que l’ASP moderne.
J’ai juste rayé la surface de la matière inerte.