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.
Dus er zijn een paar dingen die we moeten doen.
De eerste is het opzetten van de post route die we eigenlijk de nieuwe camping toegevoegd aan de array te maken.
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.
Dus we krijgen dat.
We gaan beginnen met het opzetten van de post route.
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.
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.
Ja, dat is deel van uit.
Dit is eigenlijk allemaal deel uit van een overeenkomst voor de manier waarop we noemen zijn routes.
We hebben veel vrijheid in de manier waarop wij noemen zijn uit.
Maar er is eigenlijk een conventie genaamd de rest en we gaan terug naar deze te komen in de toekomst video's.
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.
Wanneer we een pagina of een route waar we een nieuwe camping kan maken moet het exact dezelfde u slash camping zijn.
Maar het moet een post verzoek.
Dus dat is een verdrag dat het een indeling die we gaan volgen als we dit doet voor een vriend.
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.
Dus we nog veel meer oefenen met dat.
Dit is slechts het heel erg eerste kennismaking met het.
Maar er zijn eigenlijk zeven verschillende routes die rustgevend zijn dat deze rust conventie die we later zullen zien volgen.
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.
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.
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.
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.
Deze fout pagina die 9 wolk geeft ons.
Dus moeten we de server te starten.
Als we nu teruggaan en maak dezelfde GET-verzoek zullen we de lijst met de beelden en de H degenen te zien.
En als we een post verzoek doen we moeten gewoon een kleine boodschap die zegt dat je de post-draft raken.
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.
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.
En dan moeten we vertellen express te Poddy parser te gebruiken.
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.
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.
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.
Laten we nu focussen op het formulier.
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.
Eerder zullen we een compleet aparte pagina en de route die eigenlijk de vorm zal laten zien hebben.
Het zal de vorm zijn om een ​​nieuwe camping te maken.
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.
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.
En dit zal worden gesneden campings slash nieuw.
En ook dit kan iets dat we willen dat het, maar dit is het rustgevende overeenkomst.
Dus dit is de derde van de gebruikelijke namen.
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.
Ja, net als dat.
En een kluisje.
Nu terug over hier in onze standpunten directory we gaan die sjabloon te maken.
Dus raak uitzicht slash nieuw.
Ja.
En dan zullen we dat sjabloon te openen en de binnenkant van de sjabloon toe te voegen in.
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.
Apt up na de slash campings.
Dus dit is waar we de vorm gegevens krijgt en toe te voegen aan de kampeerterreinen array.
En binnen die we nodig hebben twee verschillende ingangen.
Dus de eerste is het type omdat tekst en placeholder gewoon zal zijn naam.
En de tweede zal placeholder doen is het beeld dat u rl.
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.
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.
Voordat we dat doen.
Laten we ervoor zorgen dat dit formulier wordt weergegeven correct.
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.
We hebben het niet krijgen van een van die bootstrap styling.
Niet dat het lijkt alsof veel, maar we zijn niet krijgen, omdat we niet hebben onze lay-outs inbegrepen.
We hebben niet de kop- en voettekst, zodat we kunnen ook.
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.
Start de server terug te gaan.
Nu krijgen we de prachtige bootstrap en we hebben de header-bestand en dan is onze footer hier beneden ook.
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.
En we krijgen dit roodstaart verrekend.
Maar in plaats van het verzenden van deze we eigenlijk willen de logica toe te voegen aan dit werk te maken.
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.
image var tot dusver naam en.
En wat we willen doen is druk op een nieuwe camping in ons aanbod hier.
En opdat de werken we dit uit te verplaatsen, zodat het niet de binnenkant van de apt.
Krijgen we zullen gewoon zet het op de top en dat is niet waar het gaat om te verblijven.
Vergeet niet dat we verhuizen naar een database zeer binnenkort.
Maar voor nu zijn we zetten het op de top, zodat we de toegang tot het binnen van dit bericht route te hebben.
In de callback functie.
Dus we gaan naar een nieuwe camping te duwen in de camping array.
Dus camping opgezet push en we moeten duwen in een object.
Dus ik ga die nieuw object maken met een variabele.
Dus ik ga noemen var nieuwe camping.
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.
En dan laten we redirect terug naar de camping pagina.
Zodat wordt.
RAZ omleiden naar campings slash en ja we moeten campings slash.
Maar als we een redirect doen de standaard is om te buigen als een GET-verzoek.
Dus we zullen besparen en laten we test het uit ga terug refresh laten we toe te voegen in een nieuwe camping.
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.
Ga terug.
Hit in te dienen.
En om te zeggen of het werkte we nodig hebben om naar beneden te scrollen en daar gaan we.
Mooie Daisy berg.
Pretty prachtig zicht.
Laten we terug gaan en bekijk een paar dingen.
Er is veel dat we deden.
Het eerste wat ik wil brengen zijn de routes die we maakten.
Dus hebben we nu eigenlijk drastisch camping die ons toont alle campings hebben we tot na de slash camping hetzelfde bureau.
En dat is waar we eigenlijk de logica van het maken van een nieuwe camping en vervolgens omgeleid slash camping te doen.
En dan hebben we Amtrak krijgen gesneden campings slash nieuw.
En dat laat het formulier.
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.
Het is een beetje een ingewikkeld stroom zeker.
Er is veel van het verplaatsen van stukken, maar dit is een recept dat we zullen na een hoop.
Dus we hebben een formulier opsturen naar verzoeken ergens te posten.
En dan in die post route nemen we de vorm van gegevens.
Wij doen er iets mee en dan buigen we weer ergens anders.
Dus het is echt typisch voor een post route naar je naar een andere route.
Het laatste wat we moeten doen is het openstellen van de campings template.
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.
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.
Klik erop en we bij de pagina campings en dan kunnen we onze nieuwe camping toe te voegen.
We moeten ook een terug-knop toe te voegen, zodat we terug kunnen gaan naar alle campings bekijken.
Dus op de nieuwe sjabloon aan de onderkant we zullen gewoon onder andere hier onze eigen anchor tag.
Een ontwerp moet gelijk zijn aan campings slash en dit zal alleen maar zeggen terug of ga terug de server opnieuw op te starten.
Een laatste keer haar verse op een nieuwe camping terug te gaan.
OK dus nu hebben we de set-up correct in de volgende video link.
We gaan richten op een aantal fundamentele styling.