1
00:00:00,480 --> 00:00:09,070
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.

2
00:00:09,270 --> 00:00:10,990
Donc, il ya quelques choses que nous devons faire.

3
00:00:11,010 --> 00:00:16,130
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.

4
00:00:16,290 --> 00:00:29,760
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.

5
00:00:29,760 --> 00:00:30,840
Nous allons donc en arriver là.

6
00:00:30,840 --> 00:00:32,720
Nous allons commencer par la mise en place de la voie post.

7
00:00:32,760 --> 00:00:53,380
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.

8
00:00:53,670 --> 00:01:09,800
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.

9
00:01:09,810 --> 00:01:10,920
Oui, ça fait partie.

10
00:01:10,920 --> 00:01:14,310
C'est en fait tout le cadre d'une convention pour la façon dont nous nommons les itinéraires.

11
00:01:14,360 --> 00:01:16,260
Nous avons beaucoup de liberté dans la façon dont nous nommons sont dehors.

12
00:01:16,380 --> 00:01:21,200
Mais il ya en fait une convention appelée le reste et nous allons revenir à cela dans les futures vidéos.

13
00:01:21,330 --> 00:01:33,120
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.

14
00:01:33,120 --> 00:01:40,990
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.

15
00:01:41,340 --> 00:01:42,780
Mais il devrait être une demande post.

16
00:01:42,780 --> 00:01:47,370
Donc, c'est une convention, c'est un format que nous allons suivre si nous faisons cela pour un ami.

17
00:01:47,410 --> 00:01:56,170
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.

18
00:01:56,580 --> 00:01:58,470
Nous aurons donc beaucoup plus de pratique à cet égard.

19
00:01:58,470 --> 00:02:01,040
C'est juste la très première introduction à elle.

20
00:02:01,110 --> 00:02:07,120
Mais il ya en fait sept routes différentes qui sont reposantes qui suivent cette convention de repos que nous allons voir plus tard.

21
00:02:07,470 --> 00:02:29,140
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.

22
00:02:30,630 --> 00:02:40,630
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.

23
00:02:40,770 --> 00:02:52,220
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.

24
00:02:52,460 --> 00:02:59,300
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.

25
00:02:59,430 --> 00:03:02,460
Cette page d'erreur que Cloud 9 nous donne.

26
00:03:02,460 --> 00:03:04,800
Nous devons donc démarrer le serveur.

27
00:03:05,530 --> 00:03:11,440
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.

28
00:03:11,820 --> 00:03:17,130
Et si nous faisons une demande de poste, nous devrions juste obtenir un petit message qui dit que vous avez frappé le post-draft.

29
00:03:17,360 --> 00:03:25,140
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.

30
00:03:25,260 --> 00:03:43,910
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.

31
00:03:43,910 --> 00:03:46,190
Et puis nous devons dire express pour utiliser l'analyseur poddy.

32
00:03:46,260 --> 00:03:59,680
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.

33
00:03:59,980 --> 00:04:07,290
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.

34
00:04:07,290 --> 00:04:15,370
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.

35
00:04:15,390 --> 00:04:17,490
Maintenant, nous allons nous concentrer sur le formulaire.

36
00:04:17,520 --> 00:04:27,080
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.

37
00:04:27,090 --> 00:04:31,530
Nous aurons plutôt une page et une route séparées qui afficheront le formulaire.

38
00:04:31,770 --> 00:04:34,610
Ce sera la forme pour faire un nouveau terrain de camping.

39
00:04:34,680 --> 00:04:44,070
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.

40
00:04:44,070 --> 00:04:53,430
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.

41
00:04:53,670 --> 00:04:57,900
Et ce sera réduit campgrounds slash nouveau.

42
00:04:58,260 --> 00:05:02,860
Et encore une fois ce pourrait être tout ce que nous voulons, mais c'est la convention reposante.

43
00:05:02,880 --> 00:05:06,010
C'est donc le troisième de ces noms classiques.

44
00:05:06,060 --> 00:05:36,720
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.

45
00:05:36,970 --> 00:05:38,460
Oui comme ça.

46
00:05:39,090 --> 00:05:40,340
Et sûr.

47
00:05:40,360 --> 00:05:44,290
Maintenant, de retour ici dans notre répertoire de vues, nous allons faire ce modèle.

48
00:05:44,410 --> 00:05:47,760
Donc, les vues tactile slash nouveau.

49
00:05:47,880 --> 00:05:48,440
Oui.

50
00:05:48,730 --> 00:05:54,530
Et puis nous allons ouvrir ce modèle et à l'intérieur du modèle ajouter.

51
00:05:54,540 --> 00:06:18,380
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.

52
00:06:18,550 --> 00:06:20,820
Apt sur les terrains de camp post slash.

53
00:06:20,860 --> 00:06:24,850
Donc, c'est là que nous allons obtenir les données du formulaire et ajouter à la rangée de terrains de camping.

54
00:06:25,090 --> 00:06:27,540
Et à l'intérieur nous avons besoin de deux entrées différentes.

55
00:06:27,640 --> 00:06:34,570
Donc, la première est le type parce que le texte et l'espace réservé sera juste nom.

56
00:06:35,290 --> 00:06:39,600
Et le second fera placeholder est image vous rl.

57
00:06:39,710 --> 00:06:59,320
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.

58
00:06:59,320 --> 00:07:09,580
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.

59
00:07:09,620 --> 00:07:10,370
Avant de faire ça.

60
00:07:10,390 --> 00:07:12,760
Assurez-vous que ce formulaire s'affiche correctement.

61
00:07:12,850 --> 00:07:25,870
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.

62
00:07:25,880 --> 00:07:28,160
Nous n'obtenons aucun de ce style bootstrap.

63
00:07:28,390 --> 00:07:33,090
Non pas que cela ressemble beaucoup, mais nous ne l'obtenons pas parce que nous n'avons pas nos mises en page inclus.

64
00:07:33,160 --> 00:07:36,990
Nous n'avons pas l'en-tête et le pied de page pour que nous puissions aussi.

65
00:07:37,420 --> 00:07:50,130
Donc ajoutons que dans inclure la barre oblique de Parshall, puis copiez cette ligne ici et incluez le pied de slash de Parshall.

66
00:07:51,040 --> 00:07:54,360
Redémarrez le serveur revenir.

67
00:07:54,380 --> 00:07:59,910
Maintenant, nous obtenons le bootstrap magnifique et nous avons le fichier d'en-tête et ensuite notre pied de page ici aussi.

68
00:08:00,460 --> 00:08:13,430
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.

69
00:08:13,570 --> 00:08:15,290
Et nous avons trouvé ce redstart réglé.

70
00:08:15,580 --> 00:08:20,590
Mais plutôt que d'envoyer ce que nous voulons réellement ajouter la logique dans pour faire ce travail.

71
00:08:20,750 --> 00:08:31,550
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.

72
00:08:31,570 --> 00:08:36,060
Jusqu'à présent, le nom et l'image var.

73
00:08:36,350 --> 00:08:41,830
Et puis ce que nous voulons faire est de pousser un nouveau terrain de camping dans notre tableau ici.

74
00:08:42,040 --> 00:08:47,590
Et pour que cela fonctionne nous devons déplacer ceci dehors de sorte que ce ne soit pas à l'intérieur de l'apt.

75
00:08:47,600 --> 00:08:52,240
Nous allons simplement mettre en haut et ce n'est pas là où il va rester.

76
00:08:52,250 --> 00:08:54,690
Rappelez-vous que nous nous dirigeons vers une base de données très bientôt.

77
00:08:55,000 --> 00:08:59,790
Mais pour l'instant nous le mettons en haut afin que nous ayons accès à lui à l'intérieur de cette voie post.

78
00:09:00,080 --> 00:09:01,460
Dans la fonction de rappel.

79
00:09:01,880 --> 00:09:05,130
Donc, nous allons pousser un nouveau terrain de camping dans la rangée de terrains de camping.

80
00:09:05,430 --> 00:09:08,950
Donc camping mis en place push et nous avons besoin de pousser dans un objet.

81
00:09:09,080 --> 00:09:11,310
Donc je vais faire ce nouvel objet avec une variable.

82
00:09:11,360 --> 00:09:15,570
Donc, je vais appeler ça un nouveau terrain de camping.

83
00:09:15,590 --> 00:09:33,580
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.

84
00:09:33,740 --> 00:09:36,890
Et puis redirigeons-nous vers la page du camping.

85
00:09:37,060 --> 00:09:37,960
Donc, ce sera.

86
00:09:38,000 --> 00:09:47,270
RAZ rediriger à slash terrains de camping et oui, nous avons à slash terrains de camping.

87
00:09:47,380 --> 00:09:51,310
Mais lorsque nous faisons une redirection, la valeur par défaut est de rediriger en tant que demande get.

88
00:09:51,380 --> 00:10:01,140
Donc, nous allons économiser et nous allons le tester revenir rafraîchir, nous allons ajouter dans un nouveau terrain de camping.

89
00:10:01,210 --> 00:10:08,820
Nous appellerons juste cette montagne de marguerite et nous avons besoin d'une image que vous êtes Je vais juste copier celui-ci ici.

90
00:10:09,080 --> 00:10:10,520
Retourner.

91
00:10:10,850 --> 00:10:12,640
Appuyez sur Envoyer.

92
00:10:13,270 --> 00:10:17,060
Et pour dire si cela a fonctionné, nous avons besoin de faire défiler vers le bas et nous y allons.

93
00:10:17,090 --> 00:10:18,700
Belle montagne de marguerite.

94
00:10:18,700 --> 00:10:20,240
Jolie vue imprenable.

95
00:10:20,230 --> 00:10:22,200
Revenons en arrière et passons en revue certaines choses.

96
00:10:22,210 --> 00:10:23,620
Il y a beaucoup de choses que nous avons faites.

97
00:10:23,620 --> 00:10:26,170
La première chose que je veux faire ressortir sont les routes que nous avons faites.

98
00:10:26,170 --> 00:10:35,480
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.

99
00:10:35,600 --> 00:10:40,670
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.

100
00:10:40,900 --> 00:10:44,520
Et puis nous avons Amtrak obtenir slash terrain de camping slash nouveau.

101
00:10:44,650 --> 00:10:46,330
Et cela montre la forme.

102
00:10:46,690 --> 00:11:03,930
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.

103
00:11:04,740 --> 00:11:07,490
C'est un peu compliqué d'un flux certainement.

104
00:11:07,540 --> 00:11:11,360
Il ya beaucoup de pièces en mouvement, mais c'est une recette que nous suivrons beaucoup.

105
00:11:11,410 --> 00:11:13,910
Nous avons donc un formulaire d'envoi pour poster des demandes quelque part.

106
00:11:14,050 --> 00:11:16,990
Et puis, dans cette voie post nous prenons les données de formulaire.

107
00:11:17,020 --> 00:11:20,530
Nous faisons quelque chose avec elle, puis nous redirigons en arrière ailleurs.

108
00:11:20,530 --> 00:11:24,570
Donc, c'est vraiment typique pour une route post pour vous rediriger vers un autre itinéraire.

109
00:11:25,070 --> 00:11:28,140
La toute dernière chose que nous devrions faire est d'ouvrir le terrain de camping.

110
00:11:28,610 --> 00:11:51,250
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.

111
00:11:51,350 --> 00:12:02,390
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.

112
00:12:02,530 --> 00:12:07,040
Cliquez dessus et nous arrivons à la page des terrains de camping et ensuite nous pouvons ajouter notre nouveau terrain de camping.

113
00:12:07,270 --> 00:12:12,080
Nous devrions également ajouter un bouton de retour afin que nous puissions revenir en arrière pour voir tous les terrains de camping.

114
00:12:12,380 --> 00:12:17,980
Donc, sur le nouveau modèle en bas, nous allons simplement inclure notre propre marque d'ancrage ici.

115
00:12:18,120 --> 00:12:26,770
Un projet devrait être égal à slash terrains de camping et ce sera juste dire en arrière ou revenir redémarrer le serveur.

116
00:12:26,770 --> 00:12:32,320
Une dernière fois sa fraîcheur dans un nouveau terrain de camping revenir.

117
00:12:32,530 --> 00:12:35,900
OK, maintenant nous avons le lien configuré correctement dans la prochaine vidéo.

118
00:12:35,920 --> 00:12:37,970
Nous allons nous concentrer sur un style de base.