1
00:00:00,480 --> 00:00:09,070
Welkom terug in deze les gaan we verder met het kamp app en we gaan om toe te voegen in de functie of de mogelijkheid voor een gebruiker om een ​​nieuwe camping in te dienen.

2
00:00:09,270 --> 00:00:10,990
Dus er zijn een paar dingen die we moeten doen.

3
00:00:11,010 --> 00:00:16,130
De eerste is het opzetten van de post route die we eigenlijk de nieuwe camping toegevoegd aan de array te maken.

4
00:00:16,290 --> 00:00:29,760
Dan moeten we toe te voegen in het lichaam parser en zorg ervoor dat het correct is ingevoerd en geconfigureerd en dan hebben we twee andere stappen hier om die betrekking hebben op het creëren van de vorm en het creëren van de route voor de vorm waar een gebruiker kan gaan om daadwerkelijk te sturen die POST-aanvraag.

5
00:00:29,760 --> 00:00:30,840
Dus we krijgen dat.

6
00:00:30,840 --> 00:00:32,720
We gaan beginnen met het opzetten van de post route.

7
00:00:32,760 --> 00:00:53,380
Dus ik ben nog steeds in V-1 en ik ga openstellen eigenlijk ja een advertentie in onze post-ontwerp en ik zal dat ook te doen aan de onderkant en ik ga springen op post en in plaats van iets te doen zoals slash nieuwe camping of voeg camping ik ben eigenlijk van plan om slash campings doen.

8
00:00:53,670 --> 00:01:09,800
Dus dat is precies hetzelfde u RL Zoals we hebben voor onze Get route, maar er zijn totaal verschillende routes omdat men een GED en een is een post en ik ben niet alleen om dit te doen om te laten zien dat we in feite kan hetzelfde bureau hebben met een andere aanvraagmethode en er eigenlijk verschillende routes.

9
00:01:09,810 --> 00:01:10,920
Ja, dat is deel van uit.

10
00:01:10,920 --> 00:01:14,310
Dit is eigenlijk allemaal deel uit van een overeenkomst voor de manier waarop we noemen zijn routes.

11
00:01:14,360 --> 00:01:16,260
We hebben veel vrijheid in de manier waarop wij noemen zijn uit.

12
00:01:16,380 --> 00:01:21,200
Maar er is eigenlijk een conventie genaamd de rest en we gaan terug naar deze te komen in de toekomst video's.

13
00:01:21,330 --> 00:01:33,120
Maar alles wat ik wil zeggen op dit moment is dat om onze routes te volgen deze conventie genaamd rust toen we hebben een pagina die alle campings die je l moet slash campings toont.

14
00:01:33,120 --> 00:01:40,990
Wanneer we een pagina of een route waar we een nieuwe camping kan maken moet het exact dezelfde u slash camping zijn.

15
00:01:41,340 --> 00:01:42,780
Maar het moet een post verzoek.

16
00:01:42,780 --> 00:01:47,370
Dus dat is een verdrag dat het een indeling die we gaan volgen als we dit doet voor een vriend.

17
00:01:47,410 --> 00:01:56,170
We zouden Slash vrienden hebben als het te krijgen allemaal de vrienden te tonen en slash vrienden als een post is waar we een post verzoek om een ​​nieuwe vriend te maken te sturen.

18
00:01:56,580 --> 00:01:58,470
Dus we nog veel meer oefenen met dat.

19
00:01:58,470 --> 00:02:01,040
Dit is slechts het heel erg eerste kennismaking met het.

20
00:02:01,110 --> 00:02:07,120
Maar er zijn eigenlijk zeven verschillende routes die rustgevend zijn dat deze rust conventie die we later zullen zien volgen.

21
00:02:07,470 --> 00:02:29,140
Dus de binnenkant van hier wat we willen doen is twee dingen die we willen om gegevens te krijgen van de vorm en toe te voegen aan een camping array en dan willen we ook de toegang tot de campings pagina terug naar deze route omleiden.

22
00:02:30,630 --> 00:02:40,630
Dus hebben we de ACT UP paal zetten en we kunnen altijd gewoon een rode stip stuur hier je raakte de paal route en dan kunnen we het testen met de postbode.

23
00:02:40,770 --> 00:02:52,220
Dus ik zal gewoon kopiëren van de euro hier gaan terug tot postbode en de route die we testen is slash campings als een post niet te krijgen als we het als een GET-verzoek.

24
00:02:52,460 --> 00:02:59,300
Het maakt eigenlijk niet uit omdat onze servers niet begonnen met het H Tim L en de SS die we hier zien is de foutpagina.

25
00:02:59,430 --> 00:03:02,460
Deze fout pagina die 9 wolk geeft ons.

26
00:03:02,460 --> 00:03:04,800
Dus moeten we de server te starten.

27
00:03:05,530 --> 00:03:11,440
Als we nu teruggaan en maak dezelfde GET-verzoek zullen we de lijst met de beelden en de H degenen te zien.

28
00:03:11,820 --> 00:03:17,130
En als we een post verzoek doen we moeten gewoon een kleine boodschap die zegt dat je de post-draft raken.

29
00:03:17,360 --> 00:03:25,140
OK dus dat is alles wat we doen met postbode bewijst voor ons dat het werkt als een post route en wat we gaan doen is het installeren van het lichaam parser.

30
00:03:25,260 --> 00:03:43,910
Dus we moeten doen NPM installeren lichaam dash parser dash dash te slaan en dan zullen we het te importeren hier met onze lichaamsdelen zijn gelijken vereisen lichaam Desch parser en op te slaan.

31
00:03:43,910 --> 00:03:46,190
En dan moeten we vertellen express te Poddy parser te gebruiken.

32
00:03:46,260 --> 00:03:59,680
Dus we dat het gebruik Oddy parser doen en dan moeten we ook de stip euro doen ongestreken en vervolgens doorgeven in een object en alles wat we moeten doen is het toevoegen verlengd Colan waar.

33
00:03:59,980 --> 00:04:07,290
Vergeet niet dat dit is een lijn die gewoon de hele tijd je kunt gewoon wennen aan ofwel het onthouden of het alleen maar te kopiëren en te plakken en zal redden.

34
00:04:07,290 --> 00:04:15,370
En nu hebben we lichaamsdelen zijn opgezet en wij kunnen vertellen of het werkt gewoon door te lopen na ons en als we niet een fout we goed om te gaan.

35
00:04:15,390 --> 00:04:17,490
Laten we nu focussen op het formulier.

36
00:04:17,520 --> 00:04:27,080
Dus voordat wat ik had laten zien jullie is de vrienden app waar we het formulier op dezelfde pagina als de lijst met vrienden hadden, maar dat is niet de aanpak die we hier gaan nemen.

37
00:04:27,090 --> 00:04:31,530
Eerder zullen we een compleet aparte pagina en de route die eigenlijk de vorm zal laten zien hebben.

38
00:04:31,770 --> 00:04:34,610
Het zal de vorm zijn om een ​​nieuwe camping te maken.

39
00:04:34,680 --> 00:04:44,070
En dan is de vorm die een post verzoek camping slash als een post stuurt en dan zijn we terug doorgestuurd naar campings in te dienen u.

40
00:04:44,070 --> 00:04:53,430
Dus we gaan naar een aparte pagina, dus zorg te doen dat we een aparte route nodig hebben en we kunnen gewoon doen, dat op de bodem hier of daar tussenin maakt eigenlijk niet uit te krijgen.

41
00:04:53,670 --> 00:04:57,900
En dit zal worden gesneden campings slash nieuw.

42
00:04:58,260 --> 00:05:02,860
En ook dit kan iets dat we willen dat het, maar dit is het rustgevende overeenkomst.

43
00:05:02,880 --> 00:05:06,010
Dus dit is de derde van de gebruikelijke namen.

44
00:05:06,060 --> 00:05:36,720
De eerste was slash camping als een get moet blijken u alle campings campings slash als een post is de route waarin u een nieuwe camping kan maken en vervolgens slash camping slash nieuwe moet het formulier dat de gegevens op deze post route zo zal sturen tonen laten we dit uit vlees en alles wat het moet doen is het maken van een vorm die we niet hoeven te passeren in een data of iets dus we zullen gewoon een rez maken en de vorm zal gewoon bellen nieuw aan.

45
00:05:36,970 --> 00:05:38,460
Ja, net als dat.

46
00:05:39,090 --> 00:05:40,340
En een kluisje.

47
00:05:40,360 --> 00:05:44,290
Nu terug over hier in onze standpunten directory we gaan die sjabloon te maken.

48
00:05:44,410 --> 00:05:47,760
Dus raak uitzicht slash nieuw.

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

50
00:05:48,730 --> 00:05:54,530
En dan zullen we dat sjabloon te openen en de binnenkant van de sjabloon toe te voegen in.

51
00:05:54,540 --> 00:06:18,380
En een ieder die zegt: Maak een nieuwe camping en dan zullen we voegen in een vorm tag in deze vorm tag we actie moeten hebben en we moeten methode te hebben en te onthouden methode moet paal en actie moet worden slash campings die de route hier.

52
00:06:18,550 --> 00:06:20,820
Apt up na de slash campings.

53
00:06:20,860 --> 00:06:24,850
Dus dit is waar we de vorm gegevens krijgt en toe te voegen aan de kampeerterreinen array.

54
00:06:25,090 --> 00:06:27,540
En binnen die we nodig hebben twee verschillende ingangen.

55
00:06:27,640 --> 00:06:34,570
Dus de eerste is het type omdat tekst en placeholder gewoon zal zijn naam.

56
00:06:35,290 --> 00:06:39,600
En de tweede zal placeholder doen is het beeld dat u rl.

57
00:06:39,710 --> 00:06:59,320
En laten we gewoon doen als dat en we houden het zo Typee gaan naar tekst en dan moeten we onze knop aan de onderkant en hier om te zeggen in te dienen en op te slaan en dan moeten we ook de naam attribuut op beide zo naam en dit zal gelijk zijn aan slechts de naam.

58
00:06:59,320 --> 00:07:09,580
En hier moeten we de naam is gelijk aan de afbeelding en gebruiken we deze naam attribuut in plaats van onze route om de gegevens te grijpen na het verzoek Abati.

59
00:07:09,620 --> 00:07:10,370
Voordat we dat doen.

60
00:07:10,390 --> 00:07:12,760
Laten we ervoor zorgen dat dit formulier wordt weergegeven correct.

61
00:07:12,850 --> 00:07:25,870
Dus we gaan naar de server te starten en om deze route die we nodig hebben om te gaan snijden campings slash nieuw en we krijgen ons formulier uitstekend te bezoeken.

62
00:07:25,880 --> 00:07:28,160
We hebben het niet krijgen van een van die bootstrap styling.

63
00:07:28,390 --> 00:07:33,090
Niet dat het lijkt alsof veel, maar we zijn niet krijgen, omdat we niet hebben onze lay-outs inbegrepen.

64
00:07:33,160 --> 00:07:36,990
We hebben niet de kop- en voettekst, zodat we kunnen ook.

65
00:07:37,420 --> 00:07:50,130
Dus laten we ook aan toevoegen dat in onder Parshall's slash Hetter en kopieer deze lijn hier beneden en omvatten Parshall's slash voettekst.

66
00:07:51,040 --> 00:07:54,360
Start de server terug te gaan.

67
00:07:54,380 --> 00:07:59,910
Nu krijgen we de prachtige bootstrap en we hebben de header-bestand en dan is onze footer hier beneden ook.

68
00:08:00,460 --> 00:08:13,430
En we kunnen dit te testen om te zien of het gaat om de juiste route of gewoon te typen iets in hier en slaan in te dienen en we krijgen je de post route, wat betekent dat onze code wordt het formulier indienen van een bericht verzoek aan campings slash raken.

69
00:08:13,570 --> 00:08:15,290
En we krijgen dit roodstaart verrekend.

70
00:08:15,580 --> 00:08:20,590
Maar in plaats van het verzenden van deze we eigenlijk willen de logica toe te voegen aan dit werk te maken.

71
00:08:20,750 --> 00:08:31,550
En vergeet niet om de gegevens te krijgen van de vorm die we gebruiken verzoek van lichaam en dan hebben we verzoeken tot bodycam naam en lichaamsbeeld te vragen en ik zal die aan een variabele op te slaan.

72
00:08:31,570 --> 00:08:36,060
image var tot dusver naam en.

73
00:08:36,350 --> 00:08:41,830
En wat we willen doen is druk op een nieuwe camping in ons aanbod hier.

74
00:08:42,040 --> 00:08:47,590
En opdat de werken we dit uit te verplaatsen, zodat het niet de binnenkant van de apt.

75
00:08:47,600 --> 00:08:52,240
Krijgen we zullen gewoon zet het op de top en dat is niet waar het gaat om te verblijven.

76
00:08:52,250 --> 00:08:54,690
Vergeet niet dat we verhuizen naar een database zeer binnenkort.

77
00:08:55,000 --> 00:08:59,790
Maar voor nu zijn we zetten het op de top, zodat we de toegang tot het binnen van dit bericht route te hebben.

78
00:09:00,080 --> 00:09:01,460
In de callback functie.

79
00:09:01,880 --> 00:09:05,130
Dus we gaan naar een nieuwe camping te duwen in de camping array.

80
00:09:05,430 --> 00:09:08,950
Dus camping opgezet push en we moeten duwen in een object.

81
00:09:09,080 --> 00:09:11,310
Dus ik ga die nieuw object maken met een variabele.

82
00:09:11,360 --> 00:09:15,570
Dus ik ga noemen var nieuwe camping.

83
00:09:15,590 --> 00:09:33,580
Het is een doel en we hebben de naam is gelijk aan de naam en het beeld is gelijk aan het gewoon zo dat we overeenkomen met dit formaat hier of we hebben het de naam en vervolgens het laatste wat we moeten doen is push nieuwe camping zomaar op te slaan.

84
00:09:33,740 --> 00:09:36,890
En dan laten we redirect terug naar de camping pagina.

85
00:09:37,060 --> 00:09:37,960
Zodat wordt.

86
00:09:38,000 --> 00:09:47,270
RAZ omleiden naar campings slash en ja we moeten campings slash.

87
00:09:47,380 --> 00:09:51,310
Maar als we een redirect doen de standaard is om te buigen als een GET-verzoek.

88
00:09:51,380 --> 00:10:01,140
Dus we zullen besparen en laten we test het uit ga terug refresh laten we toe te voegen in een nieuwe camping.

89
00:10:01,210 --> 00:10:08,820
We zullen gewoon noemen dit één daisy bergen en we hebben een beeld dat u bent Ik kom net deze ene hier te kopiëren.

90
00:10:09,080 --> 00:10:10,520
Ga terug.

91
00:10:10,850 --> 00:10:12,640
Hit in te dienen.

92
00:10:13,270 --> 00:10:17,060
En om te zeggen of het werkte we nodig hebben om naar beneden te scrollen en daar gaan we.

93
00:10:17,090 --> 00:10:18,700
Mooie Daisy berg.

94
00:10:18,700 --> 00:10:20,240
Pretty prachtig zicht.

95
00:10:20,230 --> 00:10:22,200
Laten we terug gaan en bekijk een paar dingen.

96
00:10:22,210 --> 00:10:23,620
Er is veel dat we deden.

97
00:10:23,620 --> 00:10:26,170
Het eerste wat ik wil brengen zijn de routes die we maakten.

98
00:10:26,170 --> 00:10:35,480
Dus hebben we nu eigenlijk drastisch camping die ons toont alle campings hebben we tot na de slash camping hetzelfde bureau.

99
00:10:35,600 --> 00:10:40,670
En dat is waar we eigenlijk de logica van het maken van een nieuwe camping en vervolgens omgeleid slash camping te doen.

100
00:10:40,900 --> 00:10:44,520
En dan hebben we Amtrak krijgen gesneden campings slash nieuw.

101
00:10:44,650 --> 00:10:46,330
En dat laat het formulier.

102
00:10:46,690 --> 00:11:03,930
Dus onthoud campings slash nieuwe shows de vorm die een post verzoek aan campings die dan op zijn beurt verwijst door ons terug naar campings slash als het krijgen slash die vervolgens ons zal laten zien alle campings met behulp van de camping template in te dienen.

103
00:11:04,740 --> 00:11:07,490
Het is een beetje een ingewikkeld stroom zeker.

104
00:11:07,540 --> 00:11:11,360
Er is veel van het verplaatsen van stukken, maar dit is een recept dat we zullen na een hoop.

105
00:11:11,410 --> 00:11:13,910
Dus we hebben een formulier opsturen naar verzoeken ergens te posten.

106
00:11:14,050 --> 00:11:16,990
En dan in die post route nemen we de vorm van gegevens.

107
00:11:17,020 --> 00:11:20,530
Wij doen er iets mee en dan buigen we weer ergens anders.

108
00:11:20,530 --> 00:11:24,570
Dus het is echt typisch voor een post route naar je naar een andere route.

109
00:11:25,070 --> 00:11:28,140
Het laatste wat we moeten doen is het openstellen van de campings template.

110
00:11:28,610 --> 00:11:51,250
Dus we C9 gebruik slash camping te doen en we zullen gewoon toe te voegen een eenvoudige koppeling up top we zullen het een anker tag te beginnen met een Tref gelijk slash campings slash nieuwe en die innerlijke tekst wordt het toevoegen van nieuwe camping net als dat te maken en we zullen redden.

111
00:11:51,350 --> 00:12:02,390
En dan kunnen we de server opnieuw op te starten en laten we teruggaan hier om de landing page of naar de pagina campings excuseer me en we hebben het toevoegen van nieuwe camping.

112
00:12:02,530 --> 00:12:07,040
Klik erop en we bij de pagina campings en dan kunnen we onze nieuwe camping toe te voegen.

113
00:12:07,270 --> 00:12:12,080
We moeten ook een terug-knop toe te voegen, zodat we terug kunnen gaan naar alle campings bekijken.

114
00:12:12,380 --> 00:12:17,980
Dus op de nieuwe sjabloon aan de onderkant we zullen gewoon onder andere hier onze eigen anchor tag.

115
00:12:18,120 --> 00:12:26,770
Een ontwerp moet gelijk zijn aan campings slash en dit zal alleen maar zeggen terug of ga terug de server opnieuw op te starten.

116
00:12:26,770 --> 00:12:32,320
Een laatste keer haar verse op een nieuwe camping terug te gaan.

117
00:12:32,530 --> 00:12:35,900
OK dus nu hebben we de set-up correct in de volgende video link.

118
00:12:35,920 --> 00:12:37,970
We gaan richten op een aantal fundamentele styling.