Tout droit sur la route de recherche.
Donc, encore une fois, nous voulons être en mesure d'avoir autour de la barre oblique de recherche ou nous allons simplement faire la page d'accueil slash et nous aurons un formulaire, nous remplissons le formulaire de soumettre à cette route qui fera ensuite une demande d'être API sauf que la demande Aura une variable ici en provenance du formulaire et puis tout le reste va fonctionner de la même nous serons en mesure de laisser ce parcours seul.
Donc, ajoutons que dans apt get slash juste comme ça et nous allons commencer par rendre un formulaire que nous allons appeler la recherche.
Donc, à présent, faisons en sorte que la recherche de barre oblique de vues.
E.J ..
Oui et j'ai eu une typo Tudge vues slash recherche.
E.J ..
Oui.
Jetez un oeil à un H1.
Rechercher un film.
Et comme je l'ai dit, nous le gardons très barebones ici.
Aucun style.
Assurez-vous que nous voyons cela lorsque nous exécutons le serveur.
Je vais à l'itinéraire je vois chercher un film.
Excellent.
Donc, nous allons construire un formulaire de formulaire et nous allons ajouter dans un seul type de saisie équivaut à espace de texte équivaut à terme de recherche et nous allons ajouter dans un autre type de saisie de soumettre comme ça.
Alors, où ira ce formulaire.
Eh bien, nous voulons qu'il soumette à notre enveloppe résultats et les résultats tout au long alors prendre soin de traiter l'appel API et ensuite rendre un modèle.
Donc cela va juste être des résultats de slash d'action et la méthode est juste obtient de sorte que presque tout cela si nous prenons un coup d'oeil rafraîchir la page, nous avons une forme vraiment horrible, je peux ajouter quelque chose ici, mais rien n'est fait avec cela.
Donc, même si je cherche Harry Potter et appuyez sur envoyer, j'ai vu obtenir Iowa, mais il soumet le formulaire correctement.
Il est frappant cette route slash résultats et qui est d'obtenir dans les films de l'Iowa et de rendre le modèle de résultats.
Nous devons maintenant prendre les données de ce formulaire et le brancher à l'appel de l'API.
Donc, la première chose que nous devons faire est d'ajouter dans notre attribut de nom afin que nous puissions appeler ce que nous voulons.
Imaginons que ce soit faux.
Non, en fait, c'est un peu déroutant.
Alors, au lieu de nom de recherche.
Rappelez-vous donc quand cette demande est faite lorsque nous soumettons le formulaire, il va ressembler à cela.
Je vais vous montrer dans une seconde.
Redémarrez le serveur.
Donc nos données tout ce que nous mettons ici va être stocké et de recherche.
Donc, si nous revenons à rafraîchir et d'essayer quelque chose comme What's un autre état que nous pouvons faire.
Faisons Wyoming.
Submit peut voir ici, nous avons recherche égale Wyoming.
Notre paire clé dans la chaîne de requête.
C'est donc tout ce que nous devons faire pour le formulaire.
Ensuite, à l'intérieur de notre application dans cette route, nous devons accéder aux données de cette chaîne de requête et l'insérer ici.
Alors commençons simple.
Comment obtenir des données de la chaîne de requête.
Eh bien, c'est une requête dot point de requête le nom de la clé ou de la partie de l'information qui est la recherche qui est ce que nous l'avons nommé le sauver à une variable.
Imprimons-le juste pour commencer.
J'aime toujours commencer agréable et simple.
Je reviens ici.
Faites-le Montana maintenant et vous pouvez voir que nous obtenons Montana imprimé là.
Donc, maintenant, il s'agit simplement d'économiser cela à une variable.
Donc, nous allons appeler cela, nous allons simplement appeler queery est égale épave qui a interrogé la recherche.
Alors ce que nous pourrions faire, c'est juste faire plus de requêtes là-bas et qui va simplement ajouter notre requête de recherche là-bas un moyen plus facile ou un moyen plus propre à mon avis est au moins de faire aurl variable et concaténer comme ceci afin que nous avons une demande plus courte Que nous faisons ici nous demandons juste que vous êtes dehors.
Donc, nous obtenons la requête rector interrogé sur la recherche de sorte que l'utilisateur a tapé dans le formulaire ou de saisir que le Montana dans ce cas l'enregistrement de cette variable, puis la reconstruction vous savez que vous êtes tous qui va ressembler HTP colon slash OAM déviez ici .
Le point d'interrogation sot point s est égal à tout ce que l'utilisateur a tapé dans ce formulaire.
Et puis nous utilisons ce que vous êtes.
Et c'est tout.
Donc, nous allons lui donner un coup aller à notre formulaire et la recherche de la Floride et ce que vous savez que nous obtenons 10 résultats de la Floride.
Essayez encore cette fois, faisons un autre état.
Alabama.
Impressionnant.
Alors la prochaine chose que nous pourrions faire est juste ajouté quelques améliorations mineures.
Tout est une amélioration, je suppose, mais la principale chose que je pense, pas l'interface utilisateur, mais je pense juste à vous montrer en utilisant plus de données.
Donc, nous n'utilisons pas année, nous n'avons pas besoin de type nous allons juste utiliser l'année.
Alors faisons juste le titre de film Dasch l'année qui devrait être assez simple et nous allons juste comme Look ressembler à une année de cinéma comme ça nous sauvera comme vous pouvez le voir ici nous obtenons l'année.
Et nous allons également ajouter en gras gras le titre du film ou en italique de l'année soit un.
Faisons un peu plus propre ici.
Je pense que techniquement, nous devrions ajouter dans UL et tout cela.
D'ACCORD.
Et nous faisons le titre et nous allons faire le titre nous sommes trop forts et nous pouvons également indent ce pour rendre un peu plus facile de voir ce qui se passe.
D'accord.
Alors allons jeter un coup d'oeil.
Voilà.
Nous obtenons notre courageux Sweet Home Alabama folle maintenant et puis l'année qui n'est pas audacieux.
D'accord.
Donc, une dernière chose vraiment mineur.
Mais ajoutons un bouton de retour.
Donc, une étiquette que vous voulez ref pour être égale à la barre oblique tout simplement faire de nouveau la recherche.
J'aime ça.
Et maintenant, nous pouvons rechercher à nouveau.
D'ACCORD.
Un de plus.
Ce qui est dit comme un autre état, nous pourrions utiliser.
Oh, essayons New York.
Donc, nous avons un espace et quand nous le soumettons remarqué que automatiquement a un signe plus a ajouté leur nouveau plus.
York et c'est ce qui est fait de la.
Ou c'est ce que la demande est faite avec.
Voilà pour l'instant.
Donc, juste pour réitérer les clés à emporter juste une route régulière.
Nous ne faisons que coller la demande à l'intérieur.
Lorsque cette demande est faite, nous faisons un modèle.
L'autre chose qui est importante est sur les parties inférieures parce que lorsque vous tournez cette chaîne dans un objet javascript que nous pouvons utiliser et puis la dernière chose que nous avons créé une dynamique.
Donc, ce n'est pas toujours la Californie ou l'Iowa ou autre chose.
Nous ajoutons maintenant les requêtes de l'utilisateur provenant de la chaîne de requête du formulaire.