D'accord, nous reviendrons.
Nous allons donc commencer à éditer des terrains de camping.
Donc, c'est un peu d'examen du reste à l'unité où nous avons fait ce blog avec l'interface sémantique, mais nous allons ajouter quelques nouveaux concepts sur le dessus aussi.
En particulier quand nous arrivons à des commentaires pour commencer, même si nous travaillons sur l'édition de terrains de camping afin que lorsque je vais à la page d'affichage camping première fois pour démarrer le serveur, je devrais être en mesure de voir un bouton qui dit modifier je peux cliquer sur ce bouton Me prend à un formulaire je le remplis que les formulaires se soumettent à la route de camping de mise à jour et puis qui me redirigera de nouveau à la page d'exposition.
Et nous devrions voir ces changements.
Et n'importe qui peut le faire pour commencer.
Aucune autorisation aucune autorisation.
Nous allons parler de ce que cela signifie dans quelques vidéos.
Une fois que nous couvrons les terrains de camping leader ainsi.
Génial.
Alors, commençons.
La première chose que nous devons faire est d'ajouter dans la méthode de substitution.
Et je vais tirer le diagramme de routage reposant que j'ai fait juste pour que nous puissions nous rappeler les itinéraires dont nous avons besoin.
Permettez-moi d'ajouter ceci comme un autre fichier dans la même fenêtre.
N'oubliez pas que c'est slash terrain de camping slash ID slash à elle et mise à jour est sashed camping slash ID comme une demande de mise.
Donc, nous avons besoin de la méthode de substitution pour cette demande de mise afin que nous puissions commencer là NPM installent méthode Dasch override.
Et je l'ai mentionné dans la dernière vidéo.
Mais juste pour vous rappeler que je travaille dans V 10.
C'est donc une nouvelle version.
D'ACCORD.
Méthode plus que je tire tiret enregistrer assurez-vous que cela fonctionne.
Alors que cela se passe fermé ce bas et s'ouvrira.
En fait oui et ouvrira également des enveloppes de camping J s et nous allons ajouter une place dans après spectacle pour à la rangée de camping.
Et un autre pour camping de mise à jour.
Et si vous oubliez pourquoi nous avons besoin des deux, vous pouvez revoir la vidéo de cette route tranquille de cette unité, nous sommes passés dans beaucoup de détails, mais encore une fois, nous avons besoin d'un formulaire et le formulaire doit soumettre quelque part qui est mise à jour.
OK donc à l'intérieur de l'actrice, nous allons maintenant le configurer pour utiliser la méthode overhead.
Nous devons d'abord l'exiger.
Donc, ce sera la méthode de substitution.
Nous pouvons l'appeler tout ce que nous voulons bien sûr mais cela importe la méthode Dasch override.
Et puis nous avons à faire un usage apt utiliser la méthode de substitution et puis nous devons lui dire ce qu'il faut rechercher et nous voulons underscore méthode.
C'est la chose conventionnelle que vous verrez tout le temps.
Je pense que c'est réellement ce qu'ils recommandent sur la méthode pour remplacer la documentation.
Donc, souligner la méthode.
Génial.
Maintenant, nous allons réellement faire un pas en arrière et travailler sur l'Edit Raben afin que nous puissions obtenir le formulaire à montrer.
Commençons donc par notre terrain de camping J.S. Itinéraires.
L'itinéraire est une demande d'obtention et plutôt que l'application nous travaillons réellement sur le routeur.
Vous pouvez voir si routeur obtenir barre oblique.
Et nous n'avons pas besoin de dire campgrounds slash ID slash à elle, parce que souvenez-vous des interruptions Oui, nous demandons l'itinéraire est ici.
Nous ajoutons toutes les routes de camping après les terrains de camping.
Nous n'avons donc pas besoin de cela.
Donc nous avons juste besoin slash ID slash à elle et puis nos demandes et notre réponse et le rappel.
Et comme toujours, c'est pour nous arrêter et sur la route du terrain de camping et juste nous assurer que nous voyons cela.
OK, mais commencer les choses.
Assurez-vous que nous n'avons aucun problème.
Nous allons rafraîchir et ensuite simplement ajouter sur slash à elle.
Génial.
Nous le voyons au camping droit.
C'est tout ce dont nous avions besoin.
Maintenant, revenons en arrière et rendons un formulaire.
Donc rez rendre il doit être camping qui est notre répertoire vues ici.
Slash à ce qui n'existe pas encore.
Alors, faisons ce fichier maintenant.
Donc, nous voulons faire un coup de fusible slash campgrounds slash à elle.
E.J ..
Oui.
Et puis C9 ce fichier à nouveau.
L'accomplissement d'onglet est votre ami là et nous allons commencer simple avec juste éditer le formulaire et puis ajoutons dans une autre ligne juste le formulaire de paragraphe va ici juste pour que nous sachions pour sûr nous obtenons le bon âge.
Tim Je vais recommencer le serveur à rafraîchir et à recevoir votre modèle.
Génial.
Donc, maintenant, nous allons ajouter un formulaire ici et plutôt que de créer notre propre formulaire à partir de zéro, je vais prendre le nouveau formulaire pour le camping juste ici et copier ce plus parce que c'est vraiment semblable à ce dont nous avons besoin si vraiment le seul Différence entre nouveau et modifier est où le formulaire va.
C'est une différence et le type de demandes que nous faisons.
Commençons donc par spécifier l'action et nous pouvons faire ce que nous devons faire pour l'instant car il doit s'agir de terrains de camping.
Slash et Id comme quelque chose comme ça slash à elle, mais nous devons obtenir cette ID.
Et en ce moment, nous n'avons pas ce camping particulier que nous éditons.
Donc, à l'intérieur de cette route d'édition, non seulement nous rendons un modèle, mais nous devons passer dans un terrain de camping que nous éditons.
Nous n'avons pas encore trouvé ce terrain de camping, mais je vais lui donner un nom variable trouvé terrain de camping qui n'existe pas.
Vous voyez que nous recevons des plaintes de Cloud 9.
Maintenant, nous avons besoin de faire un campement trouver par id et puis l'ID est ici la demande harams ID et ensuite notre erreur de rappel et autrement nous l'appellerons terrain de camping trouvé juste comme ça s'il ya une erreur.
Faisons un peu de repos.
Rediriger et nous allons simplement revenir à slash terrains de camping.
Sinon, nous allons rendre la forme d'édition et de passer dans le camping trouvé sous le camping nom.
Génial.
Maintenant, au lieu de notre modèle, nous allons utiliser le terrain de camping pour configurer le lien pour l'itinéraire de mise à jour.
Donc, c'est campgrounds slash terrain de camping souligné ID Ejay Oui.
Donc, c'est la valeur du terrain de camping pour identifier le terrain de camping que nous passons à ce slash modèle à elle.
Et puis l'autre chose délicate est que n'oubliez pas cela doit être une demande de mise que nous faisons et de faire que nous avons effectivement à envoyer un point d'interrogation souligner la méthode est égal à mettre et puis nous laissons la méthode comme poste.
C'est donc un changement que nous ferons.
Nous allons également mettre à jour ce que nous disons ici.
Alors je vais le faire, puis le nom du terrain de camping nom du camping et voir ce que nous obtenons.
Donc, si nous allons redémarrer rafraîchir la page, nous obtenons modifier le désert haut qui est nommé sur le terrain de camping et nous sommes proches.
Nous avons un formulaire qui va soumettre si je si je clique sur soumettre si nous n'avons pas les itinéraires mis en place il est donc me dire ne peut pas mettre des terrains de camping slash.
Mais pour commencer, nous allons remplir les données ici de sorte que lorsque je modifie un terrain de camping, je vois les données que je modifie et ou dois taper tout à partir de zéro.
Donc, c'est simple si vous vous souvenez de retour à la première vidéo sur elle et mise à jour avec le site de blog plutôt que de lui donner un espace réservé.
Nous allons lui donner une valeur et la valeur juste besoin d'être terrain de camping et quel que soit la propriété est un nom de terrain de camping et je vais copier cela pour l'image que vous jeter.
Donc camping cette image.
Et puis finalement camping cette description je m'assure que j'ai orthographié ce droit.
Rappelez-vous donc ce que nous faisons est de chercher un terrain de camping dans l'itinéraire basé hors de l'ID puis rendre ce modèle.
Et si je rafraîchis, vous verrez que nous prenons les données que nous avons trouvées de notre trouvaille par l'identification passant ce campground au modèle et affichant alors l'information en tant que valeurs d'entrées.
C'est ce que nous faisons maintenant.
Maintenant, nous devons travailler sur quand je présente effectivement ce.
Alors changeons ça.
Nous voyons donc des changements ajouter quelques symboles supplémentaires et cliquez sur soumettre.
Et bien sûr, j'ai ce problème où nous n'avons pas l'itinéraire de mise à jour.
Alors, faisons-le ensuite.
Nous pouvons fermer de notre nouveau je vais garder à ouvert pour un peu, mais nous avons besoin d'ajouter dans notre itinéraire de mise à jour qui va juste être un point de routage mis.
Et si vous oubliez ce qu'il est mise à jour, c'est une demande de slash sur les terrains de camping slash.
Id juste comme la page d'exposition excepté pour mettre la demande pas une demande d'obtention.
Donc slash colon ID et c'est tout.
Demande en réponse, puis nous enregistrer.
Et à l'intérieur d'ici ce que nous devons nous rappeler est que nous devons trouver et mettre à jour le terrain de camping correct et puis rediriger quelque part généralement la page d'exposition est ce qui a le sens une fois que vous mettez à jour un article que vous ne voulez pas juste revenir à la liste entière Des terrains de camping, mais vous voulez voir vos changements réellement sur la page d'exposition.
Nous allons commencer par trouver une mise à jour que nous pourrions faire séparément.
Vous pouvez faire une recherche par id et ensuite faire une mise à jour par la suite.
Mais rappelez-vous mongoose a cette belle combinaison qui est camping.
Trouver par id et mettre à jour et il prend en quelques arguments.
Le premier est ce que nous trouvons ce que l'identification recherchent qui est juste la demande vers le haut de l'identifiant de harams d'ici.
Ensuite est les données que nous voulons mettre à jour et si nous regardons notre forme nos données est nom image et description.
Donc, ce que nous pourrions faire est de construire un nouvel objet ici qui ressemble à des données var égales et alors nous dirais que le nom est des demandes que le corps que l'image du nom est image de la demande de corps.
Mais c'est un peu une douleur.
Et je vous l'ai déjà montré.
Ce que nous pouvons faire est de les envelopper tous ensemble à l'intérieur du terrain de camping ou tout ce que vous voulez l'appeler.
Mais je vais faire du camping.
Je vais simplement copier cela ici et là, à la fin de la parenthèse.
Maintenant, si le groupe de ces trois choses ensemble.
Donc, si ma demande d'accès jusqu'à bodycam campground je maintenant obtenir l'image de nom et de la description tous imbriqués à l'intérieur d'un seul objet.
Donc, tout ce que je dois faire maintenant est de passer en demande de terrain de camping comme ça.
Et puis mon rappel avec erreur et puis nous l'appellerons terrain de camping mis à jour.
Pour l'instant s'il y a une erreur, nous ferons notre standard.
Pas très utilisable, mais un correctif facile pour l'instant est juste de rediriger vers les campings.
Une fois que nous mettrons en œuvre des messages flash, nous serons en mesure de préciser quel est le problème et nous pouvons rediriger ailleurs que cela rend un peu plus de sens.
Mais nous n'aurons pas vraiment de cause pour une erreur juste à moins que notre base de données soit éteint ou quelque chose.
Et puis, si cela fonctionne ce que nous allons faire, redstart rediriger vers la page d'affichage qui doit être sosh terrains de camping.
Et l'idée ici que nous devons ajouter dans le signe plus et nous avons quelques façons d'obtenir que l'ID que nous pourrions faire mise à jour terrain de camping dot souligner ID ou nous pouvons faire des requêtes paramètres de points ID, c'est ce que nous avons ici dans cette enveloppe et sera enregistrer.
Maintenant, voyons ce qui se passe si je redémarre le serveur revenir à l'actualiser forme rafraîchir.
Ajouter quelques données remarquables ici soumettre et nous avons un petit problème qui est notre route n'est toujours pas tout à fait fonctionner et c'est en fait que notre route fonctionne bien.
C'est le formulaire qui se présente au mauvais endroit.
Notez notre demande est slash terrain de camping barre oblique à elle.
Nous ne voulons pas que le slash à elle.
C'est censé être la forme a slash à elle, mais où la soumission de formulaire est censé être ID de slash terrain de camping comme une demande.
Nous devons donc nous en débarrasser.
Maintenant, si nous essayons de nouveau rafraîchir ajouter des données et de le soumettre fonctionne.
Il a mis à jour le terrain de camping, il l'a trouvé en premier et mis à jour, puis m'a redirigé retour à la page d'affichage et je vois mes changements.
La dernière chose qui va faire dans cette vidéo est d'ajouter dans un bouton qui dit modifier.
Donc, je peux cliquer sur ce bouton et aller à cette page d'édition sans avoir à taper de modifier slash manuellement.
C'est simple.
C'est juste un lien qui doit aller à cette route et nous allons le faire sur la page de spectacle.
Donc, le spectacle de camping va le faire juste sous tout le reste pour commencer.
Donc à l'intérieur de la légende de l'image réactive pour ne pas dans la section commentaire, mais à l'intérieur de la colonne milieu neuf à l'intérieur de la vignette.
Après sont soumis par tout ce ajouter dans un bouton qui sera une balise d'ancrage ref doit être slash campgrounds slash et puis l'ID avec camping Aegeus dot underscore ID et puis nous avons besoin slash à elle et puis nous allons juste avoir un texte être Ajouté, mais nous avons aussi besoin d'une classe pour le rendre un peu plus agréable avec bootstrap et nous allons juste faire PTEN ETN.
Et je pense qu'une couleur qui pourrait faire sens pourrait être l'avertissement plutôt que le danger réserve le danger pour ce bouton de suppression.
Alors jetez un oeil maintenant.
Je reviens, je rafraîchis.
Nous avons un bouton d'édition qui est en fait un lien que je clique et j'arrive au formulaire d'édition.
So let's take this back to normal submit.
Génial.
Donc ça marche.
Revenons et mettons à jour un autre.
Nous reviendrons donc sur les terrains de camping.
Assurez-vous que cela fonctionne bien.
Mise à jour de granit ou humide ruisseau.
Comment cela a-t-il changé l'image pour être cette image ici.
Payez ensemble dans soumettre et additionner il est parfait dans la prochaine vidéo.