Welkom terug.
Dus deze video is een voortzetting van de laatste video waar we een conceptueel overzicht van deze hond demo app en we spraken over de TO verzoek routes te krijgen.
Dus nogmaals aan dezelfde verwachting toe te passen herhalen.
U hoeft niet tot 99 procent van deze code begrijpen als je gewoon dingen kunnen behandelen als conceptuele blokken en u kunt begrijpen dat deze code hier is verantwoordelijk voor de honden krijgen route en een of andere manier stuurt u terug een pagina met een stelletje honden heeft op het.
Dat is alles wat u moet weten voor nu.
Hetzelfde geldt voor de nieuwe concepten.
We gaan leren in deze video.
De focus is niet de syntax het op concepten.
Dus er is een derde route hier naar beneden dat ik niet te vermelden in de eerste video en het is iets anders in dat het een post route.
Dus deze code hier zal alleen worden uitgevoerd als een gebruiker een POST-aanvraag slash creëren hond maakt.
En alleen maar om je geheugen te joggen kan een gebruiker een POST-aanvraag niet te maken door te typen iets in de u of Albar.
Negenennegentig punt negen negen negen procent van de tijd dat ze zullen maken van een POST-aanvraag is door middel van een formulier.
Dus we gaan om te zien dat in actie in slechts een klein beetje.
Maar ik kan ook aantonen het maken van een POST-aanvraag door de postbode.
Dus na de verzoeken tot slash creëren hond.
En wat het zal doen, is het zal de naam te nemen aan het ras dat we sturen in het verzoek dat is wat er gebeurt hier naam is vragen up naam lichaam ras verzoek up lichaam outbreed.
Dus een of andere manier in het verzoek is er een naam en een ras in dit ding heet het lichaam en we gebruiken dat om een ​​nieuwe hond te maken.
En dan zijn we ombuigen van de gebruiker terug naar slush honden als een get verzoek dat vervolgens al deze code die je alle honden vinden en maken de pagina honden zal lopen.
Dus veel dingen gebeuren.
Laten we beginnen bij het begin door het sturen van een eenvoudig bericht verzoek om slash creëren hond.
Dus laten we naar postbode en ik zal dit veranderen naar de post en dan moeten we de route te wijzigen om te worden localhost 3000 slash creëren hond en we moeten ervoor zorgen dat de server nog steeds OK is gaan wanneer het is.
En dan kunnen we beginnen door gewoon te raken sturen waar we niet van plan om een ​​naam en een lees- sturen en we zullen zien wat er gebeurt.
Dus als je kijkt naar wat wij kregen het is hetzelfde honden pagina waar heeft Rustie waarom het Daisy Sitka.
En dan is er ook een lege hond met geen naam en geen ras.
En als ik naar mijn browser hier en ik verfrissen ik maak een andere get verzoek aan honden die de code die alle honden uit de database ophaalt en doet een beetje levend voor een ieder zal leiden slash.
U kunt zien in feite hebben we wel een lege hond in de database en dat is omdat we geen gegevens heeft verzonden.
We hebben niet een naam en een ras om onze nieuwe hond te maken met een te sturen.
Zo waren ze leeg en onze code maakte een lege hond en opgeslagen in de database.
Dus om de gegevens met de postbode we dan kunnen gaan om het lichaam en dan kunnen we typ je gewoon een aantal dingen toe te voegen aan het lichaam te sturen.
Dus we willen een naam om Charlie te zijn en te lezen en de waarde voor Breede zal lab net als dat.
Dat is alles wat we moeten doen door de postbode aan een post verzoek naam en ras heeft binnenkant van zijn lichaam te maken.
En ik zal send raken.
Nu zult u het antwoord krijgen we te zien.
Het is allemaal de honden ook dit keer helemaal aan het eind.
We hebben Charlie als lab.
En als ik refresh dan hier te maken een ander verzoek ik alle honden.
Charlie is toegevoegd.
Laten we samenvatten dat alles in 30 seconden hier.
Zo maak ik een verzoek van een bericht verzoek om de hond te creëren gewoon een ander type van de aanvraag.
En in het verzoek van het lichaam dat is hier ben ik het toevoegen van de naam en het ras Charlie en lab.
En dan druk ik stuur en vervolgens in mijn code op de server luistert naar een post verzoek hond slash.
En het creëert een hond met het verzoek iemand niet een naam geven en vragen iemand om outbreed waarin die twee dingen die we gestuurd met postbode zijn.
En dan na het creëert de hond het ons omleidingen aan honden slash dus niet stuur ons een pagina of elke leeftijd voor hem.
Het loopt eigenlijk de code in slash honden hier, die vervolgens vindt alle honden, waaronder de gloednieuwe degene die we zojuist hebt gemaakt.
Charlie of in het vorige geval was het een lege hond met geen naam en geen ras.
Het haalt allemaal en dan maakt het sjabloon dat de hond die we zagen.
En voor een ieder het maakt ons weinig bondgenoot.
Dus veel dingen gebeuren.
Het is te luisteren voor een POST-aanvraag.
Het toevoegen van een nieuwe hond aan een database en het omleiden van ons honden slash.
Laten we nu eens praten over hoe we kunnen dit doen met een formulier.
Vergeet niet dat we kunnen een POST-aanvraag niet te maken door op te voeren in de bar, maar kunnen we te maken met behulp van een formulier.
Dus ik ga een vorm alleen maar om mijn honden toe te voegen.
Ja.
Helemaal onderaan.
Gewoon naar een vorm tag te maken en er zijn twee delen naar een vorm die nu meer zin hebben we gesproken over hen toen ik formulieren oorspronkelijk te voeren, maar je had niet veel context te begrijpen wat ze bedoelden zal maken.
Dus die twee attributen zijn actie en methode.
Dus ik zal beginnen met Method.
We maken een post verzoek en je ziet dit vaak in hoofdletters ook.
Het maakt niet uit.
En dan is de actie is waar we het maken van een post verzoek dat is gewoon slash creëren hond.
Dus wanneer dit formulier wordt ingediend, zal het een bericht verzoek om de hond te creëren en dat is wat we hier verwacht te sturen.
Aanvraag creëren hond zal deze code uitvoert.
Vervolgens moeten we onze ingangen toe te voegen.
Dus we gaan naar twee ingangen hebben.
Type komt overeen met tekst aan beide van hen, net als dat en niet op zijn plaats houder voor deze ene die zegt enkel de naam.
En dan is de volgende zal zijn voor het ras.
En het laatste wat we zullen doen is een input type worden opgeroepen in te dienen die ons knop zal zijn en als we de pagina vernieuwen we nu een vorm, maar er is een probleem.
Als ik dit invullen.
Dus hier voegen we een andere hond Skittles die een poedel kan zijn als ik raakte voorleggen zal een post te versturen naar slash creëren hond.
Maar pas als ik dat doe, dat we uiteindelijk met een lege hond.
En dat komt omdat ook al heb ik twee ingangen heb ik niet de browser wat de naam van die ingangen zijn verteld.
En dit moet men noemde naam, die is een beetje verwarrend naam omdat de naam en dit moet men ras en dat doet een tijdelijke aanduiding zijn.
Dus nu wat we hebben gedaan is door het toevoegen van de naam attribuut hebben we de browser verteld wanneer de gebruiker wordt voorgelegd dit formulier stuur dan een bericht verzoek om de hond te maken met twee stukken van de gegevens.
Naam moet gelijk zijn aan wat in de input en ras is gelijk aan wat in dit gereageerd.
We zullen besteden ton van de tijd aan het schrijven formulieren en het omgaan met de verschillende attributen.
Dus laat je niet al te verstrikt in die.
Maar wat is nu belangrijk is dat we data toevoegen aan het lichaam.
En als ik verfrissen en voeg in Skittles die een poedel en nu had ik te dienen kun je zien dat het stuurde een bericht aanvraag en je kunt zien dat hier post naar slash creëren hond.
En wat gebeurde er toen is in plaats van dat te maken hond hier het een hond gemaakt met de gegevens van het formulier de naam en het ras.
En dan na het heeft gemaakt dat de hond en redde de database maakt eigenlijk niet uit hoe dat werkt.
Maar het werkt gewoon.
Dan buigen we honden slash dat is waarom er eigenlijk een tweede klein ding hier uitgeprint dat zegt get verzoek werd gedaan om honden hoewel ik eigenlijk niet druk op enter slash.
Wat is er gebeurd is toen ik een verzoek aan slash maken hond als een post aan het eind van dat het eigenlijk maakt een nieuw verzoek voor mij om honden slash.
En dan is dat vindt alle honden en dan maakt het de honden template die wij zien hier en dan krijgen we het formulier aan de onderkant en de hond ligt.
En dat is de reden waarom zien we hier.
Dus als je echt aandacht te besteden aan dit icoon hier je eigenlijk zien dus op een andere hond met de naam houden Snicker met de snoep thema en snickers kan een lab ook.
Toen ik raakte in te dienen.
Bekijk deze op de voet.
Het gaat echt snel zijn.
Maar het veranderde voor slechts een handomdraai.
En dat is belangrijk, omdat het laat zien dat wanneer ik een verzoek het eigenlijk kost me weg van deze pagina en toen we worden weer doorgestuurd hier gewoon super snel, zodat we niet alleen een verblijf op deze pagina de hele tijd het eigenlijk kost ons weg voor een moment en dan omgeleid ons terug en toont ons deze inhoud en dat is wat hier gebeurt.
Wanneer u een verzoek om slash maken hond dan omgeleid ons naar honden slash.
En dan binnen honden het maakt ons sjabloon van de hond die is hoe we dit alles in de browser.
OK.
Dus we bedekt veel daar.
Laat ik alleen wijzen op de belangrijke onderdelen.
Een daarvan is dat de binnenkant van onze server code kunnen we onderscheid maken tussen een GET-verzoek en een post verzoek kunnen we andere code te doen, afhankelijk van wat er gebeurde toen en herinner me een te krijgen is om informatie op te halen en een post is toe te voegen of informatie te verstrekken en dat is wat we gebruiken voor.
Slash maken hond als een post is hoe je een nieuwe hond kan creëren.
En er zijn twee dingen die moeten worden in het verzoek lichaam van de naam en het ras.
En als ze er niet is zal het een lege hond te maken.
Maar welk type hond maakt het vervolgens omgeleid ons naar honden die vervolgens al deze code wordt uitgevoerd slash.
En de andere belangrijke ding is dat wanneer we dit in te dienen dat er een onmiddellijk vernieuwen.
Het is echt heel snel, maar het is nog steeds een refresh waar we het maken van een aanvraag ergens anders.
Net alsof ik deed dit en ik druk op Enter we het daadwerkelijk maken van een ander verzoek.
Hetzelfde idee hier.
Toen ik raakte in te dienen.
Blijf kijken hier een verzoek elke keer.
Dus dat is alles wat ik wil om te praten over rond deze introductie twee servers en twee routes en HTP.
We zijn klaar voor nu.
Dus de volgende up gaan we focussen op het krijgen van onze ontwikkelomgeving opzetten en installeren van alle tools die je nodig hebt, zodat we kunnen beginnen met het schrijven van code als deze.