1 00:00:00,200 --> 00:00:01,160 D'accord, nous reviendrons. 2 00:00:01,230 --> 00:00:04,020 Nous allons donc commencer à éditer des terrains de camping. 3 00:00:04,200 --> 00:00:13,460 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. 4 00:00:13,470 --> 00:00:38,900 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. 5 00:00:38,910 --> 00:00:40,340 Et nous devrions voir ces changements. 6 00:00:40,500 --> 00:00:42,220 Et n'importe qui peut le faire pour commencer. 7 00:00:42,300 --> 00:00:44,410 Aucune autorisation aucune autorisation. 8 00:00:44,430 --> 00:00:46,740 Nous allons parler de ce que cela signifie dans quelques vidéos. 9 00:00:46,770 --> 00:00:49,360 Une fois que nous couvrons les terrains de camping leader ainsi. 10 00:00:49,380 --> 00:00:49,620 Génial. 11 00:00:49,620 --> 00:00:51,030 Alors, commençons. 12 00:00:51,060 --> 00:00:54,800 La première chose que nous devons faire est d'ajouter dans la méthode de substitution. 13 00:00:54,810 --> 00:01:04,890 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. 14 00:01:04,890 --> 00:01:08,860 Permettez-moi d'ajouter ceci comme un autre fichier dans la même fenêtre. 15 00:01:09,270 --> 00:01:19,630 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. 16 00:01:19,740 --> 00:01:29,020 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. 17 00:01:29,160 --> 00:01:30,760 Et je l'ai mentionné dans la dernière vidéo. 18 00:01:30,810 --> 00:01:33,930 Mais juste pour vous rappeler que je travaille dans V 10. 19 00:01:34,140 --> 00:01:35,540 C'est donc une nouvelle version. 20 00:01:35,910 --> 00:01:36,370 D'ACCORD. 21 00:01:36,540 --> 00:01:40,800 Méthode plus que je tire tiret enregistrer assurez-vous que cela fonctionne. 22 00:01:40,860 --> 00:01:44,800 Alors que cela se passe fermé ce bas et s'ouvrira. 23 00:01:44,800 --> 00:01:58,750 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. 24 00:01:59,880 --> 00:02:03,440 Et un autre pour camping de mise à jour. 25 00:02:04,260 --> 00:02:17,870 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. 26 00:02:18,300 --> 00:02:23,580 OK donc à l'intérieur de l'actrice, nous allons maintenant le configurer pour utiliser la méthode overhead. 27 00:02:23,730 --> 00:02:26,630 Nous devons d'abord l'exiger. 28 00:02:26,640 --> 00:02:30,300 Donc, ce sera la méthode de substitution. 29 00:02:30,300 --> 00:02:35,690 Nous pouvons l'appeler tout ce que nous voulons bien sûr mais cela importe la méthode Dasch override. 30 00:02:36,660 --> 00:02:48,590 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. 31 00:02:48,960 --> 00:02:51,260 C'est la chose conventionnelle que vous verrez tout le temps. 32 00:02:51,270 --> 00:02:54,900 Je pense que c'est réellement ce qu'ils recommandent sur la méthode pour remplacer la documentation. 33 00:02:55,140 --> 00:02:56,400 Donc, souligner la méthode. 34 00:02:56,400 --> 00:02:57,250 Génial. 35 00:02:57,330 --> 00:03:02,900 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. 36 00:03:03,300 --> 00:03:06,500 Commençons donc par notre terrain de camping J.S. Itinéraires. 37 00:03:06,900 --> 00:03:12,890 L'itinéraire est une demande d'obtention et plutôt que l'application nous travaillons réellement sur le routeur. 38 00:03:12,990 --> 00:03:17,760 Vous pouvez voir si routeur obtenir barre oblique. 39 00:03:17,760 --> 00:03:27,520 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. 40 00:03:27,960 --> 00:03:31,830 Nous ajoutons toutes les routes de camping après les terrains de camping. 41 00:03:31,890 --> 00:03:32,940 Nous n'avons donc pas besoin de cela. 42 00:03:33,030 --> 00:03:41,770 Donc nous avons juste besoin slash ID slash à elle et puis nos demandes et notre réponse et le rappel. 43 00:03:42,000 --> 00:03:48,820 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. 44 00:03:49,610 --> 00:03:51,520 OK, mais commencer les choses. 45 00:03:51,720 --> 00:03:54,100 Assurez-vous que nous n'avons aucun problème. 46 00:03:55,230 --> 00:03:59,960 Nous allons rafraîchir et ensuite simplement ajouter sur slash à elle. 47 00:04:00,180 --> 00:04:00,740 Génial. 48 00:04:00,810 --> 00:04:02,740 Nous le voyons au camping droit. 49 00:04:02,880 --> 00:04:04,370 C'est tout ce dont nous avions besoin. 50 00:04:04,380 --> 00:04:07,230 Maintenant, revenons en arrière et rendons un formulaire. 51 00:04:07,230 --> 00:04:15,510 Donc rez rendre il doit être camping qui est notre répertoire vues ici. 52 00:04:15,510 --> 00:04:19,080 Slash à ce qui n'existe pas encore. 53 00:04:19,440 --> 00:04:21,600 Alors, faisons ce fichier maintenant. 54 00:04:21,600 --> 00:04:26,440 Donc, nous voulons faire un coup de fusible slash campgrounds slash à elle. 55 00:04:26,460 --> 00:04:26,730 E.J .. 56 00:04:26,730 --> 00:04:27,480 Oui. 57 00:04:27,810 --> 00:04:32,090 Et puis C9 ce fichier à nouveau. 58 00:04:32,130 --> 00:04:45,570 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. 59 00:04:45,580 --> 00:04:51,920 Tim Je vais recommencer le serveur à rafraîchir et à recevoir votre modèle. 60 00:04:52,110 --> 00:04:52,860 Génial. 61 00:04:52,920 --> 00:05:14,530 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. 62 00:05:14,530 --> 00:05:18,100 C'est une différence et le type de demandes que nous faisons. 63 00:05:18,490 --> 00:05:25,200 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. 64 00:05:25,270 --> 00:05:31,500 Slash et Id comme quelque chose comme ça slash à elle, mais nous devons obtenir cette ID. 65 00:05:31,660 --> 00:05:35,550 Et en ce moment, nous n'avons pas ce camping particulier que nous éditons. 66 00:05:35,770 --> 00:05:43,280 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. 67 00:05:43,300 --> 00:05:48,860 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. 68 00:05:48,920 --> 00:05:52,050 Vous voyez que nous recevons des plaintes de Cloud 9. 69 00:05:52,120 --> 00:06:12,310 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. 70 00:06:12,820 --> 00:06:14,340 Faisons un peu de repos. 71 00:06:14,830 --> 00:06:19,040 Rediriger et nous allons simplement revenir à slash terrains de camping. 72 00:06:19,300 --> 00:06:27,540 Sinon, nous allons rendre la forme d'édition et de passer dans le camping trouvé sous le camping nom. 73 00:06:28,000 --> 00:06:28,810 Génial. 74 00:06:28,810 --> 00:06:34,990 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. 75 00:06:35,020 --> 00:06:40,870 Donc, c'est campgrounds slash terrain de camping souligné ID Ejay Oui. 76 00:06:40,990 --> 00:06:48,250 Donc, c'est la valeur du terrain de camping pour identifier le terrain de camping que nous passons à ce slash modèle à elle. 77 00:06:48,850 --> 00:07:03,510 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. 78 00:07:03,940 --> 00:07:05,490 C'est donc un changement que nous ferons. 79 00:07:05,500 --> 00:07:07,240 Nous allons également mettre à jour ce que nous disons ici. 80 00:07:07,360 --> 00:07:15,180 Alors je vais le faire, puis le nom du terrain de camping nom du camping et voir ce que nous obtenons. 81 00:07:15,190 --> 00:07:25,090 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. 82 00:07:25,210 --> 00:07:34,000 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. 83 00:07:34,740 --> 00:07:43,050 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. 84 00:07:43,240 --> 00:07:51,530 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é. 85 00:07:51,880 --> 00:08:03,130 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. 86 00:08:03,190 --> 00:08:05,740 Donc camping cette image. 87 00:08:06,520 --> 00:08:14,130 Et puis finalement camping cette description je m'assure que j'ai orthographié ce droit. 88 00:08:14,410 --> 00:08:22,210 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. 89 00:08:22,210 --> 00:08:33,010 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. 90 00:08:33,310 --> 00:08:34,700 C'est ce que nous faisons maintenant. 91 00:08:34,930 --> 00:08:37,570 Maintenant, nous devons travailler sur quand je présente effectivement ce. 92 00:08:37,570 --> 00:08:39,070 Alors changeons ça. 93 00:08:39,340 --> 00:08:44,180 Nous voyons donc des changements ajouter quelques symboles supplémentaires et cliquez sur soumettre. 94 00:08:44,290 --> 00:08:47,490 Et bien sûr, j'ai ce problème où nous n'avons pas l'itinéraire de mise à jour. 95 00:08:47,800 --> 00:08:49,410 Alors, faisons-le ensuite. 96 00:08:49,960 --> 00:08:59,550 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. 97 00:09:00,570 --> 00:09:06,550 Et si vous oubliez ce qu'il est mise à jour, c'est une demande de slash sur les terrains de camping slash. 98 00:09:06,550 --> 00:09:12,130 Id juste comme la page d'exposition excepté pour mettre la demande pas une demande d'obtention. 99 00:09:12,610 --> 00:09:16,850 Donc slash colon ID et c'est tout. 100 00:09:17,540 --> 00:09:20,760 Demande en réponse, puis nous enregistrer. 101 00:09:20,960 --> 00:09:42,000 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. 102 00:09:42,040 --> 00:09:46,330 Nous allons commencer par trouver une mise à jour que nous pourrions faire séparément. 103 00:09:46,360 --> 00:09:51,000 Vous pouvez faire une recherche par id et ensuite faire une mise à jour par la suite. 104 00:09:51,270 --> 00:09:58,510 Mais rappelez-vous mongoose a cette belle combinaison qui est camping. 105 00:09:58,770 --> 00:10:05,160 Trouver par id et mettre à jour et il prend en quelques arguments. 106 00:10:05,160 --> 00:10:13,880 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. 107 00:10:14,430 --> 00:10:23,520 Ensuite est les données que nous voulons mettre à jour et si nous regardons notre forme nos données est nom image et description. 108 00:10:23,520 --> 00:10:41,060 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. 109 00:10:41,280 --> 00:10:42,810 Mais c'est un peu une douleur. 110 00:10:43,110 --> 00:10:44,620 Et je vous l'ai déjà montré. 111 00:10:44,750 --> 00:10:52,350 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. 112 00:10:52,530 --> 00:10:53,580 Mais je vais faire du camping. 113 00:10:53,730 --> 00:10:59,460 Je vais simplement copier cela ici et là, à la fin de la parenthèse. 114 00:10:59,630 --> 00:11:01,820 Maintenant, si le groupe de ces trois choses ensemble. 115 00:11:01,880 --> 00:11:10,170 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. 116 00:11:10,170 --> 00:11:16,750 Donc, tout ce que je dois faire maintenant est de passer en demande de terrain de camping comme ça. 117 00:11:16,880 --> 00:11:25,030 Et puis mon rappel avec erreur et puis nous l'appellerons terrain de camping mis à jour. 118 00:11:26,750 --> 00:11:30,780 Pour l'instant s'il y a une erreur, nous ferons notre standard. 119 00:11:30,840 --> 00:11:35,400 Pas très utilisable, mais un correctif facile pour l'instant est juste de rediriger vers les campings. 120 00:11:35,430 --> 00:11:42,150 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. 121 00:11:42,420 --> 00:11:48,220 Mais nous n'aurons pas vraiment de cause pour une erreur juste à moins que notre base de données soit éteint ou quelque chose. 122 00:11:48,600 --> 00:11:57,940 Et puis, si cela fonctionne ce que nous allons faire, redstart rediriger vers la page d'affichage qui doit être sosh terrains de camping. 123 00:11:58,170 --> 00:12:17,400 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. 124 00:12:17,390 --> 00:12:26,710 Maintenant, voyons ce qui se passe si je redémarre le serveur revenir à l'actualiser forme rafraîchir. 125 00:12:27,050 --> 00:12:38,210 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. 126 00:12:38,220 --> 00:12:41,000 C'est le formulaire qui se présente au mauvais endroit. 127 00:12:41,070 --> 00:12:45,200 Notez notre demande est slash terrain de camping barre oblique à elle. 128 00:12:45,330 --> 00:12:47,010 Nous ne voulons pas que le slash à elle. 129 00:12:47,190 --> 00:12:55,070 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. 130 00:12:55,920 --> 00:12:58,210 Nous devons donc nous en débarrasser. 131 00:12:58,620 --> 00:13:09,470 Maintenant, si nous essayons de nouveau rafraîchir ajouter des données et de le soumettre fonctionne. 132 00:13:09,630 --> 00:13:16,890 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. 133 00:13:16,880 --> 00:13:20,810 La dernière chose qui va faire dans cette vidéo est d'ajouter dans un bouton qui dit modifier. 134 00:13:20,970 --> 00:13:27,290 Donc, je peux cliquer sur ce bouton et aller à cette page d'édition sans avoir à taper de modifier slash manuellement. 135 00:13:27,660 --> 00:13:28,410 C'est simple. 136 00:13:28,410 --> 00:13:33,220 C'est juste un lien qui doit aller à cette route et nous allons le faire sur la page de spectacle. 137 00:13:33,360 --> 00:13:39,000 Donc, le spectacle de camping va le faire juste sous tout le reste pour commencer. 138 00:13:39,210 --> 00:13:50,200 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. 139 00:13:50,550 --> 00:14:23,540 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. 140 00:14:23,550 --> 00:14:32,660 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. 141 00:14:32,660 --> 00:14:34,340 Alors jetez un oeil maintenant. 142 00:14:35,140 --> 00:14:37,680 Je reviens, je rafraîchis. 143 00:14:37,980 --> 00:14:43,050 Nous avons un bouton d'édition qui est en fait un lien que je clique et j'arrive au formulaire d'édition. 144 00:14:43,230 --> 00:14:47,710 So let's take this back to normal submit. 145 00:14:47,850 --> 00:14:48,180 Génial. 146 00:14:48,240 --> 00:14:49,080 Donc ça marche. 147 00:14:49,130 --> 00:14:51,410 Revenons et mettons à jour un autre. 148 00:14:51,480 --> 00:14:53,300 Nous reviendrons donc sur les terrains de camping. 149 00:14:53,430 --> 00:14:55,420 Assurez-vous que cela fonctionne bien. 150 00:14:55,440 --> 00:14:57,960 Mise à jour de granit ou humide ruisseau. 151 00:14:58,450 --> 00:15:04,590 Comment cela a-t-il changé l'image pour être cette image ici. 152 00:15:05,110 --> 00:15:10,420 Payez ensemble dans soumettre et additionner il est parfait dans la prochaine vidéo.