1
00:00:00,150 --> 00:00:01,250
Welkom terug.

2
00:00:01,290 --> 00:00:11,850
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.

3
00:00:12,180 --> 00:00:15,110
Dus nogmaals aan dezelfde verwachting toe te passen herhalen.

4
00:00:15,360 --> 00:00:32,580
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.

5
00:00:32,700 --> 00:00:34,660
Dat is alles wat u moet weten voor nu.

6
00:00:34,680 --> 00:00:36,720
Hetzelfde geldt voor de nieuwe concepten.

7
00:00:36,720 --> 00:00:38,350
We gaan leren in deze video.

8
00:00:38,370 --> 00:00:41,100
De focus is niet de syntax het op concepten.

9
00:00:41,430 --> 00:00:49,450
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.

10
00:00:49,710 --> 00:00:57,300
Dus deze code hier zal alleen worden uitgevoerd als een gebruiker een POST-aanvraag slash creëren hond maakt.

11
00:00:58,190 --> 00:01:04,140
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.

12
00:01:04,290 --> 00:01:10,060
Negenennegentig punt negen negen negen procent van de tijd dat ze zullen maken van een POST-aanvraag is door middel van een formulier.

13
00:01:10,290 --> 00:01:12,970
Dus we gaan om te zien dat in actie in slechts een klein beetje.

14
00:01:13,170 --> 00:01:16,880
Maar ik kan ook aantonen het maken van een POST-aanvraag door de postbode.

15
00:01:17,370 --> 00:01:20,190
Dus na de verzoeken tot slash creëren hond.

16
00:01:20,370 --> 00:01:33,280
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.

17
00:01:33,300 --> 00:01:41,020
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.

18
00:01:41,370 --> 00:01:50,850
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.

19
00:01:51,120 --> 00:01:52,560
Dus veel dingen gebeuren.

20
00:01:52,830 --> 00:01:58,910
Laten we beginnen bij het begin door het sturen van een eenvoudig bericht verzoek om slash creëren hond.

21
00:01:59,250 --> 00:02:14,230
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.

22
00:02:14,730 --> 00:02:22,090
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.

23
00:02:23,550 --> 00:02:31,010
Dus als je kijkt naar wat wij kregen het is hetzelfde honden pagina waar heeft Rustie waarom het Daisy Sitka.

24
00:02:31,200 --> 00:02:35,250
En dan is er ook een lege hond met geen naam en geen ras.

25
00:02:35,310 --> 00:02:46,800
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.

26
00:02:46,950 --> 00:02:53,120
U kunt zien in feite hebben we wel een lege hond in de database en dat is omdat we geen gegevens heeft verzonden.

27
00:02:53,130 --> 00:02:56,630
We hebben niet een naam en een ras om onze nieuwe hond te maken met een te sturen.

28
00:02:56,670 --> 00:03:01,300
Zo waren ze leeg en onze code maakte een lege hond en opgeslagen in de database.

29
00:03:01,500 --> 00:03:09,870
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.

30
00:03:10,080 --> 00:03:19,900
Dus we willen een naam om Charlie te zijn en te lezen en de waarde voor Breede zal lab net als dat.

31
00:03:19,920 --> 00:03:26,430
Dat is alles wat we moeten doen door de postbode aan een post verzoek naam en ras heeft binnenkant van zijn lichaam te maken.

32
00:03:26,760 --> 00:03:28,210
En ik zal send raken.

33
00:03:28,770 --> 00:03:30,630
Nu zult u het antwoord krijgen we te zien.

34
00:03:30,660 --> 00:03:34,150
Het is allemaal de honden ook dit keer helemaal aan het eind.

35
00:03:34,170 --> 00:03:36,090
We hebben Charlie als lab.

36
00:03:36,270 --> 00:03:41,400
En als ik refresh dan hier te maken een ander verzoek ik alle honden.

37
00:03:41,700 --> 00:03:43,100
Charlie is toegevoegd.

38
00:03:43,530 --> 00:03:46,090
Laten we samenvatten dat alles in 30 seconden hier.

39
00:03:46,290 --> 00:03:51,310
Zo maak ik een verzoek van een bericht verzoek om de hond te creëren gewoon een ander type van de aanvraag.

40
00:03:51,540 --> 00:03:57,450
En in het verzoek van het lichaam dat is hier ben ik het toevoegen van de naam en het ras Charlie en lab.

41
00:03:57,840 --> 00:04:05,040
En dan druk ik stuur en vervolgens in mijn code op de server luistert naar een post verzoek hond slash.

42
00:04:05,510 --> 00:04:13,730
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.

43
00:04:14,220 --> 00:04:22,310
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.

44
00:04:22,470 --> 00:04:31,260
Het loopt eigenlijk de code in slash honden hier, die vervolgens vindt alle honden, waaronder de gloednieuwe degene die we zojuist hebt gemaakt.

45
00:04:31,380 --> 00:04:35,870
Charlie of in het vorige geval was het een lege hond met geen naam en geen ras.

46
00:04:36,000 --> 00:04:40,500
Het haalt allemaal en dan maakt het sjabloon dat de hond die we zagen.

47
00:04:40,680 --> 00:04:43,740
En voor een ieder het maakt ons weinig bondgenoot.

48
00:04:44,640 --> 00:04:46,330
Dus veel dingen gebeuren.

49
00:04:46,440 --> 00:04:48,060
Het is te luisteren voor een POST-aanvraag.

50
00:04:48,270 --> 00:04:52,650
Het toevoegen van een nieuwe hond aan een database en het omleiden van ons honden slash.

51
00:04:52,650 --> 00:04:56,170
Laten we nu eens praten over hoe we kunnen dit doen met een formulier.

52
00:04:56,220 --> 00:05:01,920
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.

53
00:05:02,010 --> 00:05:05,630
Dus ik ga een vorm alleen maar om mijn honden toe te voegen.

54
00:05:05,770 --> 00:05:06,240
Ja.

55
00:05:06,290 --> 00:05:07,330
Helemaal onderaan.

56
00:05:07,410 --> 00:05:19,730
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.

57
00:05:19,750 --> 00:05:24,170
Dus die twee attributen zijn actie en methode.

58
00:05:24,520 --> 00:05:26,150
Dus ik zal beginnen met Method.

59
00:05:26,230 --> 00:05:30,780
We maken een post verzoek en je ziet dit vaak in hoofdletters ook.

60
00:05:30,790 --> 00:05:31,750
Het maakt niet uit.

61
00:05:31,990 --> 00:05:38,870
En dan is de actie is waar we het maken van een post verzoek dat is gewoon slash creëren hond.

62
00:05:39,120 --> 00:05:46,130
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.

63
00:05:46,150 --> 00:05:50,080
Aanvraag creëren hond zal deze code uitvoert.

64
00:05:50,290 --> 00:05:52,210
Vervolgens moeten we onze ingangen toe te voegen.

65
00:05:52,270 --> 00:05:54,020
Dus we gaan naar twee ingangen hebben.

66
00:05:54,190 --> 00:06:02,360
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.

67
00:06:02,500 --> 00:06:05,270
En dan is de volgende zal zijn voor het ras.

68
00:06:05,860 --> 00:06:20,520
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.

69
00:06:20,590 --> 00:06:21,620
Als ik dit invullen.

70
00:06:21,730 --> 00:06:32,870
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.

71
00:06:33,190 --> 00:06:37,450
Maar pas als ik dat doe, dat we uiteindelijk met een lege hond.

72
00:06:37,810 --> 00:06:44,940
En dat komt omdat ook al heb ik twee ingangen heb ik niet de browser wat de naam van die ingangen zijn verteld.

73
00:06:45,400 --> 00:06:56,870
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.

74
00:06:56,880 --> 00:07:08,600
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.

75
00:07:08,920 --> 00:07:15,430
Naam moet gelijk zijn aan wat in de input en ras is gelijk aan wat in dit gereageerd.

76
00:07:15,490 --> 00:07:19,040
We zullen besteden ton van de tijd aan het schrijven formulieren en het omgaan met de verschillende attributen.

77
00:07:19,240 --> 00:07:20,760
Dus laat je niet al te verstrikt in die.

78
00:07:20,920 --> 00:07:24,810
Maar wat is nu belangrijk is dat we data toevoegen aan het lichaam.

79
00:07:24,820 --> 00:07:39,260
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.

80
00:07:39,880 --> 00:07:48,370
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.

81
00:07:48,820 --> 00:07:54,060
En dan na het heeft gemaakt dat de hond en redde de database maakt eigenlijk niet uit hoe dat werkt.

82
00:07:54,070 --> 00:07:56,460
Maar het werkt gewoon.

83
00:07:56,470 --> 00:08:08,370
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.

84
00:08:08,380 --> 00:08:17,190
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.

85
00:08:17,440 --> 00:08:26,750
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.

86
00:08:26,830 --> 00:08:28,830
En dat is de reden waarom zien we hier.

87
00:08:28,890 --> 00:08:42,530
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.

88
00:08:42,750 --> 00:08:44,230
Toen ik raakte in te dienen.

89
00:08:44,230 --> 00:08:46,180
Bekijk deze op de voet.

90
00:08:46,170 --> 00:08:47,390
Het gaat echt snel zijn.

91
00:08:47,800 --> 00:08:49,900
Maar het veranderde voor slechts een handomdraai.

92
00:08:50,200 --> 00:09:08,980
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.

93
00:09:08,980 --> 00:09:14,000
Wanneer u een verzoek om slash maken hond dan omgeleid ons naar honden slash.

94
00:09:14,160 --> 00:09:20,350
En dan binnen honden het maakt ons sjabloon van de hond die is hoe we dit alles in de browser.

95
00:09:20,670 --> 00:09:20,930
OK.

96
00:09:20,950 --> 00:09:22,350
Dus we bedekt veel daar.

97
00:09:22,360 --> 00:09:24,850
Laat ik alleen wijzen op de belangrijke onderdelen.

98
00:09:24,850 --> 00:09:42,250
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.

99
00:09:42,390 --> 00:09:46,010
Slash maken hond als een post is hoe je een nieuwe hond kan creëren.

100
00:09:46,240 --> 00:09:50,860
En er zijn twee dingen die moeten worden in het verzoek lichaam van de naam en het ras.

101
00:09:50,980 --> 00:09:53,710
En als ze er niet is zal het een lege hond te maken.

102
00:09:54,000 --> 00:10:00,100
Maar welk type hond maakt het vervolgens omgeleid ons naar honden die vervolgens al deze code wordt uitgevoerd slash.

103
00:10:00,550 --> 00:10:05,680
En de andere belangrijke ding is dat wanneer we dit in te dienen dat er een onmiddellijk vernieuwen.

104
00:10:05,670 --> 00:10:10,890
Het is echt heel snel, maar het is nog steeds een refresh waar we het maken van een aanvraag ergens anders.

105
00:10:11,020 --> 00:10:15,250
Net alsof ik deed dit en ik druk op Enter we het daadwerkelijk maken van een ander verzoek.

106
00:10:15,280 --> 00:10:16,500
Hetzelfde idee hier.

107
00:10:16,680 --> 00:10:17,880
Toen ik raakte in te dienen.

108
00:10:18,100 --> 00:10:21,060
Blijf kijken hier een verzoek elke keer.

109
00:10:21,310 --> 00:10:28,440
Dus dat is alles wat ik wil om te praten over rond deze introductie twee servers en twee routes en HTP.

110
00:10:28,620 --> 00:10:29,890
We zijn klaar voor nu.

111
00:10:29,880 --> 00:10:38,230
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.