Nous saluons le retour.
Donc, cette vidéo est une suite de la dernière vidéo où nous avons fait un aperçu conceptuel de cette application de démon chien et nous avons parlé des itinéraires de demande TO GET.
Encore une fois, pour réitérer la même attente pour appliquer.
Vous n'avez pas besoin de comprendre 99 pour cent de ce code si vous pouvez simplement traiter les choses comme des blocs conceptuels et vous pouvez comprendre que ce code ici est responsable de la route chiens obtenir et il en quelque sorte vous renvoie une page qui a un tas de chiens sur il.
C'est tout ce que vous devez savoir pour l'instant.
Il en va de même pour les nouveaux concepts.
Nous allons apprendre dans cette vidéo.
L'accent n'est pas syntaxique c'est sur les concepts.
Il y a donc un troisième itinéraire ici que je n'ai pas mentionné dans la première vidéo et il est légèrement différent en ce sens qu'il s'agit d'un itinéraire post.
Donc, ce code ici ne sera exécuté que lorsqu'un utilisateur effectue une requête POST pour slash create dog.
Et juste pour rafraîchir votre mémoire un utilisateur ne peut pas faire une requête POST en tapant quelque chose dans le vous ou Albar.
Neuf neuf neuf neuf neuf pour cent du temps qu'ils vont faire une requête POST est à travers un formulaire.
Donc, nous allons voir cela en action dans un petit peu.
Mais je peux aussi démontrer faire une demande POST par le facteur.
Donc post demandes de barre oblique créer un chien.
Et ce qu'il fera, c'est qu'il faudra le nom dans la race que nous envoyons dans la demande qui est ce qui se passe ici le nom est la demande jusqu'à la requête de la race de nom du corps jusqu'à corps outbreed.
Donc, dans la demande il ya un nom et une race dans cette chose appelée le corps et nous utilisons cela pour faire un nouveau chien.
Et puis nous redirigons l'utilisateur vers les chiens de boue comme une demande d'obtenir qui va ensuite exécuter tout ce code que vous trouverez tous les chiens et rendre la page des chiens.
Donc beaucoup de choses se passent.
Commençons par le tout début en envoyant une simple demande de post pour creer un chien.
Donc, allons au facteur et je vais changer cela sur le poste et puis nous avons besoin de changer l'itinéraire pour être localhost 3000 slash créer un chien et nous devons nous assurer que le serveur est toujours OK quand il est.
Et puis nous pouvons commencer en frappant envoyer où nous n'allons pas envoyer un nom et une lecture et nous allons voir ce qui se passe.
Donc, si vous regardez ce que nous avons récupéré, c'est la même page chiens où a Rustie pourquoi il Daisy Sitka.
Et puis il ya aussi un chien vide sans nom et sans race.
Et si je vais à mon navigateur ici et je rafraîchis je fais une autre demande de slash de chiens qui déclenchera le code qui récupère tous les chiens de la base de données et rend un peu en direct pour chacun d'eux.
Vous pouvez voir en fait que nous avons un chien vide dans la base de données et c'est parce que nous n'avons pas envoyé de données.
Nous n'avons pas envoyé un nom et une race pour faire notre nouveau chien avec.
Donc, ils étaient vides et notre code vient de faire un chien vide et enregistré dans la base de données.
Donc, pour envoyer les données avec le facteur, nous pouvons aller au corps et puis nous pouvons simplement taper quelques choses à ajouter au corps.
Donc nous voulons un nom pour être Charlie et lire et la valeur de Breede sera laboratoire juste comme ça.
C'est tout ce que nous devons faire par le biais du facteur pour faire une demande de post qui a le nom et la race à l'intérieur de son corps.
Et je vais envoyer.
Maintenant, vous verrez la réponse que nous recevons.
C'est tous les chiens à nouveau cette fois à la fin.
Nous avons Charlie comme laboratoire.
Et si je me rafraîchir ici faire une autre demande, je reçois tous les chiens.
Charlie a été ajouté.
Reprenons tout cela en 30 secondes ici.
Donc je fais une demande une demande de poste pour créer un chien juste un autre type de demande.
Et dans la demande du corps qui est ici, je suis en ajoutant le nom et la race de Charlie et de laboratoire.
Et puis j'ai frappé envoyer et puis dans mon code sur le serveur est à l'écoute pour une demande de poste à slash chien.
Et il crée un chien avec la demande que quelqu'un ne nomme pas et demande à quelqu'un d'outbreed qui sont ces deux choses que nous avons envoyé avec le facteur.
Et puis après qu'il crée le chien, il nous redirige vers les chiens de chasse afin qu'il ne nous envoie pas une page ou de tout âge pour lui.
Il fonctionne en fait le code dans les chiens slash ici qui trouve alors tous les chiens, y compris la nouvelle marque que nous venons de créer.
Charlie ou dans le cas précédent c'était un chien vide sans nom ni race.
Il récupère tous et ensuite il rend le modèle de ce chien que nous avons vu.
Et pour chacun, il nous fait peu d'alliés.
Donc beaucoup de choses se passent.
Il écoute une demande POST.
C'est ajouter un nouveau chien à une base de données et il nous redirige vers les chiens de chasse.
Maintenant, nous allons parler de la façon dont nous pourrions faire cela avec un formulaire.
N'oubliez pas que nous ne pouvons pas faire une requête POST en tapant dans la barre, mais nous pouvons en faire une en utilisant un formulaire.
Donc, je vais ajouter un formulaire juste à mes chiens.
Oui.
Tout au fond.
Juste aller faire une étiquette de formulaire et il ya deux parties à une forme qui aura maintenant plus de sens nous en avons parlé quand je présente des formes à l'origine, mais vous n'avez pas beaucoup de contexte pour comprendre ce qu'ils voulaient dire.
Ces deux attributs sont donc l'action et la méthode.
Donc, je vais commencer par la méthode.
Nous faisons une demande post et vous le voyez souvent dans tous les casquettes aussi.
Peu importe.
Et puis l'action est où nous faisons une demande de poste qui est juste barre oblique créer un chien.
Donc, chaque fois que ce formulaire est soumis, il enverra une demande de poste pour créer un chien qui est ce que nous attendons ici.
POST request create dog exécutera ce code.
Ensuite, nous devons ajouter nos intrants.
Nous allons donc avoir deux commentaires.
Type est égal au texte sur les deux comme ça et le détenteur de place pour celui-ci qui dit simplement nom.
Et puis le prochain sera pour la race.
Et la dernière chose que nous allons faire est d'avoir un type d'entrée appelé submit qui sera notre bouton et si nous rafraîchissons la page, nous avons maintenant un formulaire, mais il ya un problème.
Si je le remplis.
Donc, nous ajoutons un autre chien ici Skittles qui peut être un caniche quand je frappe envoyer, il enverra une demande de post pour slash créer un chien.
Mais regardez quand je fais que nous nous retrouvons avec un chien vide.
Et c'est parce que même si j'ai deux entrées je n'ai pas dit au navigateur ce que le nom de ces entrées sont.
Et celui-ci doit être appelé nom qui est un nom peu confus parce que le nom et celui-ci doit être la race et fait donc un placeholder.
Donc maintenant ce que nous avons fait est en ajoutant cet attribut de nom que nous avons dit au navigateur lorsque l'utilisateur a soumis ce formulaire envoyer une demande de poste pour créer un chien avec deux morceaux de données.
Nom doit être égal à ce qui est dans cette entrée et la race est égale à ce qui est dans cette entrée ainsi.
Nous allons dépenser des tonnes de temps à écrire des formulaires et de traiter avec les différents attributs.
Donc ne soyez pas trop pris dans ce.
Mais ce qui est important maintenant, c'est que nous ajoutons des données au corps.
Et si je rafraîchis et ajoutez dans Skittles qui est un caniche et maintenant j'avais soumis, vous pouvez voir qu'il a envoyé une demande de poste et vous pouvez le voir ici post pour slash créer un chien.
Et puis ce qui s'est passé est au lieu de créer ce chien ici, il a créé un chien avec les données de la forme le nom et la race.
Et puis après qu'il a créé ce chien et enregistré la base de données ne compte pas vraiment comment cela fonctionne.
Mais ça marche.
Puis nous redirigons vers les chiens slash qui est pourquoi il ya effectivement une deuxième chose peu imprimé ici qui dit une demande d'obtenir a été faite de chiens de chasse même si je n'ai pas réellement frappé entrer.
Ce qui s'est passé, c'est quand j'ai fait une demande de slash créer un chien comme un post à la fin de celui-ci, il fait réellement une autre demande pour moi de chiens de chiens.
Et puis qui trouve tous les chiens et puis il rend le modèle de chiens que nous voyons ici et puis nous obtenons la forme au fond et tout le chien se trouve.
Et c'est pourquoi nous voyons cela ici.
Donc, si vous payez vraiment l'attention à cette icône ici, vous verrez effectivement tellement à un autre chien nommé Snicker de garder avec le thème des bonbons et snickers peut être un laboratoire ainsi.
Quand je clique sur soumettre.
Regardez cela très attentivement.
Ça va être très rapide.
Mais il a changé pour juste un instant.
Et c'est important parce que cela montre que quand je fais une demande, ça me retire vraiment de cette page et nous sommes redirigés ici juste très vite, donc nous ne resterons pas sur cette page tout le temps qu'il nous emmène Pour un instant, puis nous redirige et nous montre ce contenu et c'est ce qui se passe ici.
Lorsque vous faites une demande de barre oblique créer un chien, il nous redirige vers les chiens de chasse.
Et puis à l'intérieur des chiens, il nous rend le modèle du chien qui est la façon dont nous voyons tout cela dans le navigateur.
D'ACCORD.
Nous avons donc beaucoup couvert.
Permettez-moi seulement de souligner les parties importantes.
L'un est que l'intérieur de notre code serveur, nous pouvons distinguer entre une demande d'obtenir et une demande de poste et nous pouvons faire du code différent en fonction de ce qui s'est passé quand et n'oubliez pas un get est de récupérer des informations et un post est d'ajouter ou de soumettre des informations qui est quoi Nous utilisons pour.
Slash créer un chien comme un post est la façon dont vous pouvez créer un nouveau chien.
Et il ya deux choses qui doivent être dans le corps de la demande le nom et la race.
Et s'ils ne sont pas là, il fera un chien vide.
Mais quel que soit le type de chien il le fait alors nous redirige vers les chiens de chasse qui exécute alors tout ce code.
Et l'autre chose importante, c'est que lorsque nous présentons cela il ya un rafraîchissement instantané.
C'est vraiment très rapide, mais c'est toujours un rafraîchissement où nous faisons une demande ailleurs.
Juste comme si j'ai fait ceci et j'ai frappé Enter nous sommes réellement faire une autre demande.
Même idée ici.
Quand je clique sur soumettre.
Continuez à regarder ici fait une demande à chaque fois.
Donc c'est tout ce que je veux parler autour de cette introduction deux serveurs et deux itinéraires et HTP.
Nous avons terminé pour le moment.
Nous allons donc mettre l'accent sur la mise en place de notre environnement de développement et l'installation de tous les outils dont vous avez besoin afin que nous puissions commencer à écrire un code comme celui-ci.