Welkom terug.
In deze video gaan we om u door de stappen van het creëren van een eenvoudige applicatie zeer eenvoudig en het doel is hier om je te laten zien hoe POST-aanvragen werken en uit te drukken hoe creëren we routes die luisteren voor post verzoeken dan hoe we kunnen testen ze met postbode en dan zien hoe we een formulier op een andere express template kan schrijven en hebben die vorm maakt een POST-verzoek aan onze uitdrukkelijke app.
Dus zoals ik al zei gaan we een eenvoudige toepassing samen en ik ga vanaf nul te beginnen en te installeren en omvatten Express.
En dan zullen we de slag te gaan op de feitelijke toepassing logica.
Dus ik ga nu beginnen en gewoon een nieuwe map die ik Aanvraag demo-cd zullen noemen in dat en we zullen NPM draaien in en we zullen gewoon druk op enter een paar keer te veranderen entry point.
OK.
Daar gaan we.
Wij hebben ons pakket dat Jason laten we nu installeren uitdrukkelijke dash dash save.
En NPM terwijl we hier laten installeren E.J. s zo goed en behalve dat.
OK.
Laten we nu onze app te creëren.
Ja.
En dan zullen we openen die op en aan onze fundamentele geuit code die we nodig hebben.
Dus we gaan importeren met vragen en maak vervolgens een app variabele waar we uit te voeren.
Express en terwijl we hier zullen we ook doen app doet de motor ingesteld u om Ejay Ja en ik zal behalve dat.
En dan hebben we ook doen ons apt up luisteren op de bodem in plaats van hier zal doen jullie dat te verwerken.
En we kregen.
En om ENFP IP en onze callback functie te verwerken.
En tot slot zal ik gewoon een zeer eenvoudige komen tot de log-server gestart.
OK.
Dus hebben we dat opgezet.
Laten we nu creëren onze brute route net als dat en we zullen gewoon maken een sjabloon voor nu restaurant render belde naar huis, net als dat en op te slaan.
Laten we nu maken dat sjabloon.
Dus moeten we een gebruikte directory uitzicht directory en je moet raak je bestandsweergaven slash huis.
Ja.
En open dat bestand en de binnenkant van daar zullen we een eenvoudige H-1 dat de home page zegt net als dat te doen en wij zorgen ervoor dat werkt.
Dus laten we lopen knooppunt Apalachee we gaan hier terug te vernieuwen en krijgen we home page.
OK dus hebben we de basis skelet opgezet we hebben uitdrukkelijk opgenomen hebben we Ejaz inbegrepen.
We hebben de standaard weergave-engine en we hebben onze route route.
De app die we gaan maken is in feite een lijst met vrienden of vrienden lijst die u vervolgens kunt gaan en door middel van een formulier kunt u een nieuwe vriend toe te voegen aan je lijst.
En dit zou kunnen zijn om het even wat vrienden of aan of contacten of honden gewoon iets dat we gaan om een ​​lijst van die we kunnen vervolgens een nieuw exemplaar met behulp van een formulier te maken hebben te doen.
Dus we vrienden doen en we gaan te voegen in app en krijg slash vrienden en dit zal de pagina zijn de sjabloon die een lijst van vrienden laat zien.
En in plaats van hier gaan doen een roodstaart te maken en we zullen gewoon noemen het vrienden en nu moeten we dat sjabloon te maken.
Dus we doen contact uitzicht slash vriend die Ejay ons en open dat bestand net als dat.
En de binnenkant van hier voegen we nog een H-1 precies goed vrienden lijst gaat maar hier en wij draaien onze server ervoor te zorgen dat het werkt.
Als we naar vrienden slash krijgen we vrienden lijst gaat hier.
OK.
Dus wat we gaan doen is een lijst met vrienden te tonen.
En dus moeten we die lijst te maken.
We moeten de gegevens.
Dus ik ga een serie van vrienden namen te creëren en het gaat heel eenvoudig net ver vrienden gelijk te zijn en we zullen gewoon toe te voegen in een paar namen hier als Tony en Justin Pierre en Lilly.
OK.
Dus hebben we een scala aan vrienden en dan gaan we die reeks van vrienden door te geven aan onze vrienden sjabloon waar we vervolgens doorlopen en weer elke vriend als een item in de lijst.
Dus we moeten passeren die in.
Vergeet niet dat het een object en we hebben twee dingen moeten doen.
We moeten het een naam of een eigenschap die we gebruiken om het op te zoeken in de opvatting die ik gewoon vrienden en onze data dat we passeren als ook vrienden die is verwarrend als je net begint zou noemen geven .
Maar dit is wat je vooral zult zien waar je precies dezelfde naam gebruiken, maar vergeet niet dat dit kan helemaal niets zijn.
En dit verwijst hier naar onze vriend array.
OK dus nu laten we gaan naar de template vriend studie genie en aan onze lijn en ik ga een te doen voor elk.
Dus ik zal gewoon schrijven de reguliere javascript eerste zonder de beugels zonder Ejay ons.
Dus hebben we vrienden voor elke functie en onze functie zal vriend parameter er te nemen en dan hebben we onze opening sluiten accolades net als dat.
En in plaats van hier wat we zullen doen is een bondgenoot voor een ieder die zegt dat ik heb een vriend, net als dat.
Laten we nu terug gaan en toe te voegen in de zinnen die we geen isgelijkteken nodig hebt of onthoud dit is alleen voor de logica.
We willen niet iets te laten zien op deze twee lijnen.
Dus hebben we dat gedaan en als we op te slaan en te vernieuwen moeten we een bondgenoot die zegt dat ik heb een vriend voor elke vriend die in die lijst te zien en laten we proberen dat uit te maken dat we geen fouten hebben.
Vernieuw de pagina en we krijgen 5 lijst met items die zeggen dat ik heb een vriend.
Nu gaan we weer terug en in plaats van te gaan dan alleen maar te zeggen dat ik heb een vriend laten we eigenlijk de naam van de vriend te drukken.
Dus deze keer doen we moeten het isgelijkteken want we willen de waarde die geëvalueerd om het team zelf toe te voegen hier.
We willen dat het wordt vervangen door de waarde van een vriend, die afkomstig is van hier in onze voor elk.
Ook dit kan van alles zijn.
Noem het wat we willen x.
Als hier zet X het zal werken.
Dus laat me gewoon laten zien dat vernieuwen en krijgen we onze vijf vrienden en omdat X is een verschrikkelijke naam van de variabele velen terug naar een vriend, net als dat van de server opnieuw op te starten.
Nog één keer en je kunt niets veranderingen te zien.
OK dus we hebben deze lijst met vrienden.
Nu, wat we gaan doen is praten over het opzetten van de post route.
Het doel in het einde is om een ​​formulier aan de onderkant van deze pagina en we kunnen typen in een naam in die vorm en de druk op de submit knop en het zal dan een nieuwe vriend aan onze lijst.
Dus zullen we het duwen van een nieuwe naam in de Friends array en vervolgens waardoor deze sjabloon weer die vervolgens voegt een nieuw punt en nieuw item in de lijst voor die nieuw toegevoegde vriend.
We moeten om te beginnen door het opzetten van een post-weg en vergeet niet dat we gebruik maken van een post Strout elke keer als we zijn het toevoegen van gegevens aan iets als we het verzenden van gegevens door en wij willen toevoegen aan de database of we tot de ondertekening van een gebruiker of we het creëren van een nieuw bericht of het creëren van een nieuwe post of in dit geval een nieuwe vriend een post route.
Is wat maakt het meest logisch maar het is niet de enige optie.
Voor nu gaan we om het te behandelen alsof het de enige optie is.
Dus maak je het alleen voor het ophalen van informatie en een post is voor het verzenden van nieuwe gegevens toe te voegen of om een ​​of andere manier worden gebruikt op de server kant.
En alles wat we nodig hebben om te schrijven is apt-up post en de naam van de route laten we noemen het toevoegen vriend, net als dat en het ziet er hetzelfde uit met het verzoek en reactie en wij zullen het voor nu laten zoals deze.
En binnen zullen we gewoon een rust up send We zullen niet een template res net dot sturen.
U hebt de post route zomaar bereikt.
Dus nu laten we eens kijken of we dit kunnen veroorzaken of we kunnen raken vriend toe te voegen als een post verzoek met behulp van postbode.
Dus ik ga naar deze URL te nemen en kopieer deze naar postbode en waar we willen een verzoek in te dienen.
We kunnen beginnen door gewoon te doen sosh vrienden als een GET-verzoek en u zien we terug elk team hem met de vijf vrienden.
Maar nu laten we een bericht aanvraag en we maken het naar slash vriend toevoegen.
En nu als we een post te versturen krijgen we een bericht kan niet plaatsen vriend toevoegen en dat is voor een domme reden.
We moeten de server elke keer als we een nieuwe route toe te voegen opnieuw op te starten.
En nu als we terug gaan en stuur het verzoek krijgen we weer een bericht.
U hebt de post route bereikt.
Dus we het verzenden van in post verzoek en wij doen het door de postbode in plaats van een vorm, maar het is precies dezelfde gedachte.
Het werkt op dezelfde manier.
Wij sturen een post verzoek en deze code wordt hier uitgevoerd.
OK dus de volgende ding dat we willen doen is gebruik maken van een formulier om die post te versturen.
Dus ik ga naar de vrienden studeren elke pagina en op de bodem veel van vorm en dit formulier zal voorleggen aan die route.
Dus vergeet niet er zijn twee belangrijke eigenschappen.
Er is actie en vervolgens methode.
Dus laten we beginnen met methode.
We willen een bericht te versturen en actie is het je een geheel dat slash en vriend.
En weer dat moet dit percentage hier aan te passen.
Slash vriend toevoegen als een post.
Okee.
En in plaats van hier gaan we een enkele input type hebben gelijk tekst en dan willen we ook een tijdelijke aanduiding die zegt de naam of wat we willen daar te zetten hebben.
Dat is gewoon de placeholder tekst en dan zullen we ook een knop toe te voegen aan het einde en dit zal alleen maar zeggen dat ik een nieuwe vriend en behalve dat.
En dus dit zal een formulier voor ons nu te creëren.
Als ik de server opnieuw en ik ga terug en ik Vernieuw de pagina Ik heb nu een vorm hier en als we inspecteren het heeft die twee attributen waar we actie is het ADD vriend methode is post en het heeft een enkele ingang.
En als ik iets typt in hier heb ik een nieuwe vriend vandaag de naam Bob en ze klikken.
Ik maakte een nieuwe vriend.
Je kunt zien dat we krijgen die reactie.
U hebt de post route bereikt, wat betekent dat we een post verzoek verzendt en dat we het verzendt naar de juiste plaats.
Slash vriend toevoegen, maar we zijn niet iets in die route te doen.
Afgezien van het reageren met deze boodschap en wat we eigenlijk willen doen is de gegevens van het formulier dat u wilt Bob te nemen.