Bienvenue dans cette leçon, nous allons continuer avec l'application camp et nous allons ajouter dans la fonctionnalité ou la possibilité pour un utilisateur de soumettre un nouveau terrain de camping.
Donc, il ya quelques choses que nous devons faire.
Le premier est de mettre en place la route post que nous avons réellement créer le nouveau terrain de camping ajouté dans le tableau.
Ensuite, nous devons ajouter dans l'analyseur de corps et assurez-vous qu'il est importé correctement et configuré et puis nous avons deux autres étapes ici à ce souci de créer le formulaire et de créer l'itinéraire pour le formulaire où un utilisateur peut aller pour envoyer effectivement cette demande POST.
Nous allons donc en arriver là.
Nous allons commencer par la mise en place de la voie post.
Donc, je suis encore en V-1 et je vais ouvrir en fait oui une annonce dans notre post-draft et je vais juste faire cela en bas et je vais sauter en place et plutôt que de faire quelque chose Comme Slash nouveau terrain de camping ou ajouter terrain de camping, je vais réellement faire des terrains de camping slash.
Donc, c'est exactement la même que vous RL Comme nous avons pour notre itinéraire Get, mais il ya des itinéraires totalement différents parce que l'un est un GED et un est un poste et je ne suis pas juste faire cela pour vous montrer qu'en fait, nous pouvons avoir le même bureau Avec une méthode de demande différente et il ya effectivement des itinéraires différents.
Oui, ça fait partie.
C'est en fait tout le cadre d'une convention pour la façon dont nous nommons les itinéraires.
Nous avons beaucoup de liberté dans la façon dont nous nommons sont dehors.
Mais il ya en fait une convention appelée le reste et nous allons revenir à cela dans les futures vidéos.
Mais tout ce que je veux dire à ce sujet est que pour faire suivre nos itinéraires cette convention appelée repos quand nous avons une page qui montre tous les terrains de camping que vous êtes je devrais être slash terrains de camping.
Lorsque nous avons une page ou un itinéraire où nous pouvons créer un nouveau terrain de camping, il devrait être exactement le même terrain de camping slash.
Mais il devrait être une demande post.
Donc, c'est une convention, c'est un format que nous allons suivre si nous faisons cela pour un ami.
Nous aurions des amis Slash car il obtiendrait montrer tous les amis et les amis barre comme un poste est où nous envoyons une demande de poste pour faire un nouvel ami.
Nous aurons donc beaucoup plus de pratique à cet égard.
C'est juste la très première introduction à elle.
Mais il ya en fait sept routes différentes qui sont reposantes qui suivent cette convention de repos que nous allons voir plus tard.
Donc, à l'intérieur d'ici ce que nous voulons faire est deux choses que nous voulons obtenir des données de la forme et ajouter à un réseau de camping et ensuite nous voulons également rediriger l'accès à la page des terrains de camping à cette route.
Donc, nous avons le poste ACT UP mis en place et nous pouvons toujours juste faire un point rouge envoyer ici, vous avez frappé l'itinéraire de la poste et puis nous pouvons le tester avec le facteur.
Donc, je vais juste copier l'euro ici revenir au facteur et l'itinéraire que nous testons est terrain de camping slash comme un poste pas un get si nous l'avons fait comme une demande d'obtenir.
Il n'a pas vraiment d'importance parce que nos serveurs n'ont pas démarré le H Tim L et le SS que nous voyons ici est la page d'erreur.
Cette page d'erreur que Cloud 9 nous donne.
Nous devons donc démarrer le serveur.
Maintenant, si nous revenons en arrière et que nous faisons la même requête GET, nous verrons la liste avec les images et les H.
Et si nous faisons une demande de poste, nous devrions juste obtenir un petit message qui dit que vous avez frappé le post-draft.
OK, c'est tout ce que nous allons faire avec le facteur qui nous prouve qu'il fonctionne comme une route post et ce que nous allons faire ensuite est installer parser corps.
Donc, nous avons besoin de faire NPM installer body dash parser dash dash sauver et puis nous allons l'importer ici avec nos parties du corps sont égaux exiger le corps Parser Desch et enregistrer.
Et puis nous devons dire express pour utiliser l'analyseur poddy.
Donc, nous utiliserons l'analyseur Oddy et nous devons également faire le point euro non couché et ensuite passer dans un objet et tout ce que nous devons faire est d'ajouter Colan étendue vrai.
Rappelez-vous que c'est une ligne qui verra tout le temps que vous pouvez simplement vous habituer à mémoriser ou simplement copier et coller et sauvera.
Et maintenant, nous avons des parties du corps sont mis en place et nous pouvons dire si cela fonctionne juste en courant après nous et si nous ne recevons pas une erreur, nous sommes prêts à aller.
Maintenant, nous allons nous concentrer sur le formulaire.
Donc, avant ce que j'avais montré, vous êtes l'application des amis où nous avions le formulaire sur la même page que la liste d'amis, mais ce n'est pas l'approche que nous allons prendre ici.
Nous aurons plutôt une page et une route séparées qui afficheront le formulaire.
Ce sera la forme pour faire un nouveau terrain de camping.
Et puis vous soumettez le formulaire qui envoie une demande de poste à slash terrain de camping en tant que poste et puis nous sommes redirigés de retour sur les terrains de camping.
Donc, nous allons faire une page séparée afin de faire que nous avons besoin d'un itinéraire distinct et nous pouvons simplement faire cela au fond ici ou entre les deux n'a pas vraiment d'importance obtenir.
Et ce sera réduit campgrounds slash nouveau.
Et encore une fois ce pourrait être tout ce que nous voulons, mais c'est la convention reposante.
C'est donc le troisième de ces noms classiques.
Le premier était terrain de camping slash comme un get devrait vous montrer tous les terrains de camping slash camping car un poste est l'itinéraire où vous pouvez créer un nouveau terrain de camping, puis barre oblique de terrain de camping devrait montrer la nouvelle forme qui enverra les données à cette voie de poste si Mettons cela en évidence et tout ce qu'il faut faire est de rendre une forme que nous n'avons pas besoin de transmettre des données ou quoi que ce soit donc nous allons juste faire un rendu rez et le formulaire va appeler nouveau que.
Oui comme ça.
Et sûr.
Maintenant, de retour ici dans notre répertoire de vues, nous allons faire ce modèle.
Donc, les vues tactile slash nouveau.
Oui.
Et puis nous allons ouvrir ce modèle et à l'intérieur du modèle ajouter.
Et chacun qui dit Créer un nouveau terrain de camping et puis nous ajouterons dans une étiquette de formulaire dans cette étiquette de formulaire nous devons avoir l'action et nous devons avoir la méthode et se rappeler la méthode devrait être le poteau et l'action devrait être les terrains de camp slash qui est l'itinéraire ici.
Apt sur les terrains de camp post slash.
Donc, c'est là que nous allons obtenir les données du formulaire et ajouter à la rangée de terrains de camping.
Et à l'intérieur nous avons besoin de deux entrées différentes.
Donc, la première est le type parce que le texte et l'espace réservé sera juste nom.
Et le second fera placeholder est image vous rl.
Et faisons juste comme ça et nous allons le garder comme Typee aller au texte et puis nous avons besoin de notre bouton en bas et ici pour dire soumettre et enregistrer et puis nous avons également besoin de l'attribut de nom sur les deux de sorte que ce nom et ce sera Être égal à juste nom.
Et ici nous aurons le nom est égal à l'image et nous utilisons cet attribut de nom au lieu de notre route pour saisir les données de la demande Abati.
Avant de faire ça.
Assurez-vous que ce formulaire s'affiche correctement.
Donc, nous allons commencer le serveur et de visiter cette route, nous devons aller à slash terrain de camping slash nouveau et nous obtenons notre forme excellente.
Nous n'obtenons aucun de ce style bootstrap.
Non pas que cela ressemble beaucoup, mais nous ne l'obtenons pas parce que nous n'avons pas nos mises en page inclus.
Nous n'avons pas l'en-tête et le pied de page pour que nous puissions aussi.
Donc ajoutons que dans inclure la barre oblique de Parshall, puis copiez cette ligne ici et incluez le pied de slash de Parshall.
Redémarrez le serveur revenir.
Maintenant, nous obtenons le bootstrap magnifique et nous avons le fichier d'en-tête et ensuite notre pied de page ici aussi.
Et nous pouvons tester ceci dehors pour voir si elle va à la bonne voie ou simplement dactylographier n'importe quoi dedans ici et frapper soumettent et nous obtenons vous frappez le chemin de poteau qui signifie que notre code le formulaire soumet une demande de poteau à des terrains de camp de barre oblique.
Et nous avons trouvé ce redstart réglé.
Mais plutôt que d'envoyer ce que nous voulons réellement ajouter la logique dans pour faire ce travail.
Et n'oubliez pas d'obtenir les données de la forme que nous utilisons la demande de corps et puis nous avons la demande jusqu'à bodycam nom et demander de l'image du corps et je vais les enregistrer à une variable.
Jusqu'à présent, le nom et l'image var.
Et puis ce que nous voulons faire est de pousser un nouveau terrain de camping dans notre tableau ici.
Et pour que cela fonctionne nous devons déplacer ceci dehors de sorte que ce ne soit pas à l'intérieur de l'apt.
Nous allons simplement mettre en haut et ce n'est pas là où il va rester.
Rappelez-vous que nous nous dirigeons vers une base de données très bientôt.
Mais pour l'instant nous le mettons en haut afin que nous ayons accès à lui à l'intérieur de cette voie post.
Dans la fonction de rappel.
Donc, nous allons pousser un nouveau terrain de camping dans la rangée de terrains de camping.
Donc camping mis en place push et nous avons besoin de pousser dans un objet.
Donc je vais faire ce nouvel objet avec une variable.
Donc, je vais appeler ça un nouveau terrain de camping.
C'est un objet et nous avons le nom est égal au nom et l'image est égal à l'image juste pour que nous correspondions à ce format ici ou nous avons le nom et l'image et puis la dernière chose que nous devons faire est de pousser le nouveau terrain de camping juste comme ça sauver.
Et puis redirigeons-nous vers la page du camping.
Donc, ce sera.
RAZ rediriger à slash terrains de camping et oui, nous avons à slash terrains de camping.
Mais lorsque nous faisons une redirection, la valeur par défaut est de rediriger en tant que demande get.
Donc, nous allons économiser et nous allons le tester revenir rafraîchir, nous allons ajouter dans un nouveau terrain de camping.
Nous appellerons juste cette montagne de marguerite et nous avons besoin d'une image que vous êtes Je vais juste copier celui-ci ici.
Retourner.
Appuyez sur Envoyer.
Et pour dire si cela a fonctionné, nous avons besoin de faire défiler vers le bas et nous y allons.
Belle montagne de marguerite.
Jolie vue imprenable.
Revenons en arrière et passons en revue certaines choses.
Il y a beaucoup de choses que nous avons faites.
La première chose que je veux faire ressortir sont les routes que nous avons faites.
Donc, nous avons maintenant obtenir réellement terrain de camping slashed qui nous montre tous les terrains de camping que nous avons jusqu'à terrain de camping poste slash le même bureau.
Et c'est là que nous faisons réellement la logique de faire un nouveau terrain de camping, puis de réorienter terrain de camping slash.
Et puis nous avons Amtrak obtenir slash terrain de camping slash nouveau.
Et cela montre la forme.
Donc, souvenez-vous des terrains de camping slash nouveaux spectacles de la forme qui soumettent une demande de poste à slash terrains de camping qui, à son tour, nous redirige vers les terrains de camping slash car il obtenir qui nous montrera alors tous les terrains de camping en utilisant le modèle terrain de camping.
C'est un peu compliqué d'un flux certainement.
Il ya beaucoup de pièces en mouvement, mais c'est une recette que nous suivrons beaucoup.
Nous avons donc un formulaire d'envoi pour poster des demandes quelque part.
Et puis, dans cette voie post nous prenons les données de formulaire.
Nous faisons quelque chose avec elle, puis nous redirigons en arrière ailleurs.
Donc, c'est vraiment typique pour une route post pour vous rediriger vers un autre itinéraire.
La toute dernière chose que nous devrions faire est d'ouvrir le terrain de camping.
Donc, nous allons faire C9 utiliser terrain de camping slash et nous allons simplement ajouter un simple lien vers le haut nous allons faire une étiquette ancrée pour démarrer un Tref terrain de camping slash égale slash nouveau et que le texte intérieur sera ajouter un nouveau terrain de camping comme ça et Nous allons économiser.
Et puis nous pouvons redémarrer le serveur et nous allons revenir ici à la page d'atterrissage ou à la page de terrains de camping m'excuser et nous avons ajouter un nouveau terrain de camping.
Cliquez dessus et nous arrivons à la page des terrains de camping et ensuite nous pouvons ajouter notre nouveau terrain de camping.
Nous devrions également ajouter un bouton de retour afin que nous puissions revenir en arrière pour voir tous les terrains de camping.
Donc, sur le nouveau modèle en bas, nous allons simplement inclure notre propre marque d'ancrage ici.
Un projet devrait être égal à slash terrains de camping et ce sera juste dire en arrière ou revenir redémarrer le serveur.
Une dernière fois sa fraîcheur dans un nouveau terrain de camping revenir.
OK, maintenant nous avons le lien configuré correctement dans la prochaine vidéo.
Nous allons nous concentrer sur un style de base.