1
00:00:00,150 --> 00:00:01,250
Witamy spowrotem.

2
00:00:01,290 --> 00:00:11,850
Więc ten film jest kontynuacją ostatniego filmu, w którym zrobiliśmy koncepcyjny przegląd tej aplikacji demo pies i rozmawialiśmy o TO GET trasy życzenie.

3
00:00:12,180 --> 00:00:15,110
Więc jeszcze raz powtórzyć tę samą oczekiwanie stosowania.

4
00:00:15,360 --> 00:00:32,580
Nie ma potrzeby, aby zrozumieć 99 procent tego kodu, jeśli można tak traktować rzeczy takimi koncepcyjnych bloków i można zrozumieć, że ten kod tutaj jest odpowiedzialny za psami uzyskać trasę i jakoś odsyła stronę, która ma kilka psów na to.

5
00:00:32,700 --> 00:00:34,660
To wszystko, co trzeba wiedzieć teraz.

6
00:00:34,680 --> 00:00:36,720
To samo odnosi się do nowych pojęć.

7
00:00:36,720 --> 00:00:38,350
Jedziemy, aby dowiedzieć się w tym filmie.

8
00:00:38,370 --> 00:00:41,100
Nacisk nie jest składnia jest na koncepcji.

9
00:00:41,430 --> 00:00:49,450
Więc nie jest to Trzecia droga tutaj, że nie wspomnieć w pierwszym filmie i to nieznacznie różni się tym, że jest to droga postu.

10
00:00:49,710 --> 00:00:57,300
Więc ten kod tutaj będzie działać tylko wtedy, gdy użytkownik wysyła żądanie POST ciąć stworzyć psa.

11
00:00:58,190 --> 00:01:04,140
I po prostu pobiegać pamięć użytkownik nie może wykonać żądania POST wpisując coś w sobie lub Albara.

12
00:01:04,290 --> 00:01:10,060
Dziewięćdziesiąt dziewięć punkt dziewięć dziewięć dziewięć procent czasu, że zostaną one podejmowania żądania POST jest poprzez formularz.

13
00:01:10,290 --> 00:01:12,970
Więc mamy zamiar zobaczyć, że w akcji tylko trochę.

14
00:01:13,170 --> 00:01:16,880
Ale mogę również wykazać składając wniosek wpisu przez listonosza.

15
00:01:17,370 --> 00:01:20,190
Więc żądania POST ciąć stworzyć psa.

16
00:01:20,370 --> 00:01:33,280
A co zrobić, to zajmie nazwę w rasie, które wysyłamy na życzenie, która jest, co dzieje się tu nazwa jest zwrócić się nazwa rasy ciała żądania górę outbreed ciała.

17
00:01:33,300 --> 00:01:41,020
Więc jakoś we wniosku znajduje się nazwa i rasa w tej rzeczy zwanej ciałem i używamy że do nowego psa.

18
00:01:41,370 --> 00:01:50,850
A potem mamy przekierowanie użytkownika z powrotem nielegalnie psów jako żądanie GET, które będą następnie uruchomić cały ten kod, który znajdziesz wszystkie psy i renderować strony psów.

19
00:01:51,120 --> 00:01:52,560
Tak wiele rzeczy dzieje.

20
00:01:52,830 --> 00:01:58,910
Zacznijmy od samego początku poprzez wysłanie prostego żądania POST ciąć stworzyć psa.

21
00:01:59,250 --> 00:02:14,230
Więc chodźmy do listonosza, a ja to zmienić w ciągu do słupka, a następnie musimy zmienić trasę być localhost 3000 ukośnik stworzyć psa i musimy się upewnić, że serwer jest nadal w toku, gdy jest OK.

22
00:02:14,730 --> 00:02:22,090
I wtedy możemy zacząć po prostu uderzenie wysłać gdzie my nie zamierzamy wysłać imię i odczytu, a my zobaczymy co się stanie.

23
00:02:23,550 --> 00:02:31,010
Więc jeśli spojrzeć na to, co dostaliśmy z powrotem to strona, gdzie ma te same psy Rustie dlaczego Daisy Sitka.

24
00:02:31,200 --> 00:02:35,250
A potem jest również pusta psa bez imienia i bez rasy.

25
00:02:35,310 --> 00:02:46,800
A jeśli pójdę do mojej przeglądarce tutaj i odświeżyć robię kolejny zamówienie Pobierz ciąć psy, które wywoła kod, który pobiera wszystkie psy z bazy danych i sprawia trochę żyć dla każdego z nich.

26
00:02:46,950 --> 00:02:53,120
Można zobaczyć w rzeczywistości mamy pustą psa w bazie danych, a to dlatego, że nie wysyła żadnych danych.

27
00:02:53,130 --> 00:02:56,630
Nie wysyłać nazwę i rasy, aby nasz nowy psa.

28
00:02:56,670 --> 00:03:01,300
Więc były puste, a nasz kod prostu się pusty psa i zapisaniu go do bazy danych.

29
00:03:01,500 --> 00:03:09,870
Tak więc, aby wysłać dane z listonoszem możemy przejść do ciała, a następnie możemy po prostu wpisać kilka rzeczy, aby dodać do ciała.

30
00:03:10,080 --> 00:03:19,900
Dlatego chcemy, aby nazwa Charlie i czytać i wartość Breede będzie lab tak po prostu.

31
00:03:19,920 --> 00:03:26,430
To wszystko, co musimy zrobić za pośrednictwem listonosza, żeby dokonać zamówienia pocztowego, który ma nazwę i rasy wewnątrz jej ciała.

32
00:03:26,760 --> 00:03:28,210
I będę hit send.

33
00:03:28,770 --> 00:03:30,630
Teraz zobaczysz odpowiedź mamy.

34
00:03:30,660 --> 00:03:34,150
To wszystkie psy ponownie tym razem na samym końcu.

35
00:03:34,170 --> 00:03:36,090
Mamy Charlie jako laboratorium.

36
00:03:36,270 --> 00:03:41,400
A gdybym odświeżyć tutaj dokonać innego żądania dostaję wszystkie psy.

37
00:03:41,700 --> 00:03:43,100
Charlie został dodany.

38
00:03:43,530 --> 00:03:46,090
Podsumujmy wszystko to w 30 sekund tutaj.

39
00:03:46,290 --> 00:03:51,310
Więc robię żądanie żądanie POST stworzyć psu tylko inny rodzaj wniosku.

40
00:03:51,540 --> 00:03:57,450
A na wniosek podmiotu, który jest tutaj Dodaję nazwę i rasy Charlie i laboratorium.

41
00:03:57,840 --> 00:04:05,040
A potem kliknij Wyślij, a następnie w moim kodu na serwer nasłuchuje żądania POST ciąć psa.

42
00:04:05,510 --> 00:04:13,730
I to tworzy psa z prośbą kogoś nie nazwa i poprosić kogoś, żeby outbreed które są te dwie rzeczy, które przesyłane z listonosza.

43
00:04:14,220 --> 00:04:22,310
A potem tworzy z psem to przekierowuje nas do slash psy więc nie wysyłać nam stronę lub dowolny wiek do niego.

44
00:04:22,470 --> 00:04:31,260
To faktycznie działa kod u psów ukośnymi tutaj które następnie wyszukuje wszystkie psy w tym nowym jednego właśnie stworzył.

45
00:04:31,380 --> 00:04:35,870
Charlie albo w poprzednim przypadku była to pusta psa bez imienia i bez rasy.

46
00:04:36,000 --> 00:04:40,500
Pobiera wszystkie z nich i to czyni szablon psa, które widzieliśmy.

47
00:04:40,680 --> 00:04:43,740
I dla każdego z nich to czyni nas trochę sprzymierzeńcem.

48
00:04:44,640 --> 00:04:46,330
Tak wiele rzeczy dzieje.

49
00:04:46,440 --> 00:04:48,060
To słuchanie dla żądania POST.

50
00:04:48,270 --> 00:04:52,650
To dodanie nowego psa do bazy danych i jest przekierowanie nam ciąć psów.

51
00:04:52,650 --> 00:04:56,170
Teraz porozmawiajmy o tym, jak możemy to zrobić za pomocą formularza.

52
00:04:56,220 --> 00:05:01,920
Pamiętaj, że nie można dokonać żądania POST wciskającENTER w barze, ale możemy zrobić jeden za pomocą formularza.

53
00:05:02,010 --> 00:05:05,630
Więc mam zamiar dodać formularz po prostu do moich psów.

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

55
00:05:06,290 --> 00:05:07,330
Na samym dole.

56
00:05:07,410 --> 00:05:19,730
Podobnie dzieje się, aby znacznik formularz i istnieją dwie części postaci, która będzie teraz więcej sensu rozmawialiśmy o nich, kiedy wprowadzić formy początkowo ale nie ma zbyt wiele do zrozumienia kontekstu, co one znaczą.

57
00:05:19,750 --> 00:05:24,170
Więc te dwie cechy są działania i metody.

58
00:05:24,520 --> 00:05:26,150
Więc zacznę z metodą.

59
00:05:26,230 --> 00:05:30,780
Robimy żądania POST i często można zobaczyć we wszystkich czapki, jak również.

60
00:05:30,790 --> 00:05:31,750
To nie ma znaczenia.

61
00:05:31,990 --> 00:05:38,870
A potem coś się dzieje, gdzie robimy żądania POST, które jest po prostu ukośnik stworzyć psa.

62
00:05:39,120 --> 00:05:46,130
Więc kiedy ten formularz jest składany wyśle ​​żądanie POST, aby stworzyć psa, który jest tym, co spodziewamy się tutaj.

63
00:05:46,150 --> 00:05:50,080
POST zażądać utworzenia psa będzie działał ten kod.

64
00:05:50,290 --> 00:05:52,210
Następnie musimy dodać nasz wkład.

65
00:05:52,270 --> 00:05:54,020
Więc będziemy mieć dwa wejścia.

66
00:05:54,190 --> 00:06:02,360
Rodzaj równa tekst na obu z nich tak po prostu i out posiadacza miejsce na ten jeden, który mówi tylko nazwa.

67
00:06:02,500 --> 00:06:05,270
A potem następny będzie dla rasy.

68
00:06:05,860 --> 00:06:20,520
I ostatnia rzecz, zrobimy to mieć input type miano złożyć która będzie nasz przycisk i jeśli odświeżyć stronę mamy formę, ale jest pewien problem.

69
00:06:20,590 --> 00:06:21,620
Gdybym to wypełnić.

70
00:06:21,730 --> 00:06:32,870
Więc dodać tutaj Skittles innego psa, który może być pudel kiedy uderzy przedkłada go wyśle ​​żądanie POST ciąć stworzyć psa.

71
00:06:33,190 --> 00:06:37,450
Ale uważaj, kiedy to zrobić to w końcu z pustym psa.

72
00:06:37,810 --> 00:06:44,940
A to dlatego, mimo że mam dwa wejścia nie powiedziałem przeglądarkę jaka jest nazwa tych wejść są.

73
00:06:45,400 --> 00:06:56,870
I to trzeba być nazywany nazwa, która jest trochę mylące, ponieważ nazwa ta nazwa i trzeba być rasy i tak robi zastępczy.

74
00:06:56,880 --> 00:07:08,600
Więc teraz, co zrobiliśmy to dodając ten atrybut name Mówiliśmy przeglądarki, gdy użytkownik składać ta forma wysłać żądanie POST do utworzenia psa z dwoma kawałkami danych.

75
00:07:08,920 --> 00:07:15,430
Nazwa powinna być równa Cokolwiek w tym wejściu i rasy jest równa Cokolwiek w tym wejściu, jak również.

76
00:07:15,490 --> 00:07:19,040
Będziemy spędzać mnóstwo form zapisu czasu i radzenia sobie z różnymi atrybutami.

77
00:07:19,240 --> 00:07:20,760
Więc nie zbyt wciągnąć w to.

78
00:07:20,920 --> 00:07:24,810
Ale, co ważne jest teraz, że mamy do dodawania danych do ciała.

79
00:07:24,820 --> 00:07:39,260
A gdybym odświeżyć i dodać Skittles który jest pudel, a teraz miałem złożyć widać, że wysłał żądanie POST i można zobaczyć, że tu po ciąć stworzyć psa.

80
00:07:39,880 --> 00:07:48,370
I co się wtedy stało, zamiast tego stworzyć psa tu stworzył psa z danymi z formularza nazwę i rasy.

81
00:07:48,820 --> 00:07:54,060
A potem stworzył tego psa i zapisywane w bazie danych nie ma znaczenia, jak to działa.

82
00:07:54,070 --> 00:07:56,460
Ale to po prostu działa.

83
00:07:56,470 --> 00:08:08,370
Wtedy możemy przekierować ciąć psy, dlatego jest w rzeczywistości drugą drobiazg wydrukowany tutaj mówi, że wniosek został złożony do get slash psy, mimo że w rzeczywistości nie naciśnij Enter.

84
00:08:08,380 --> 00:08:17,190
Co się stało, kiedy złożył wniosek ciąć stworzyć psa jako słupek na końcu, że rzeczywiście robi kolejny wniosek o mnie ciąć psów.

85
00:08:17,440 --> 00:08:26,750
A potem, że znajdzie wszystkie psy i to sprawia, że ​​szablon psy, które widzimy tu i potem dostać formularz na dole i wszystko pies leży.

86
00:08:26,830 --> 00:08:28,830
I dlatego widzimy to tutaj.

87
00:08:28,890 --> 00:08:42,530
Więc jeśli płacisz naprawdę szczególną uwagę na tę ikonę, tu będziesz rzeczywiście zobaczyć to na innego psa imieniem prowadzenia Snicker chodzi z tym tematem ze słodyczami i Snickers może być laboratorium, jak również.

88
00:08:42,750 --> 00:08:44,230
Kiedy uderzył kliknij.

89
00:08:44,230 --> 00:08:46,180
Patrz na to bardzo uważnie.

90
00:08:46,170 --> 00:08:47,390
To będzie bardzo szybki.

91
00:08:47,800 --> 00:08:49,900
Ale to zmieniło się tylko na chwilę.

92
00:08:50,200 --> 00:09:08,980
I to jest ważne, ponieważ pokazuje, że kiedy złożyć wniosek rzeczywiście bierze mnie od tej strony, a następnie mamy przekierowany z powrotem tutaj po prostu super szybko, więc nie jesteśmy tylko pobyt na tej stronie przez cały czas, to faktycznie przenosi nas przez chwilę, a następnie przekierowuje nas i pokazuje nam tę treść i to, co się tutaj dzieje.

93
00:09:08,980 --> 00:09:14,000
Podczas składania wniosku o slash stworzyć psa następnie przekierowuje nas do slash psy.

94
00:09:14,160 --> 00:09:20,350
A następnie wewnątrz psów renderuje nam szablon psa, który jest, jak widzimy to wszystko w przeglądarce.

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

96
00:09:20,950 --> 00:09:22,350
Więc pokryte dużo tam.

97
00:09:22,360 --> 00:09:24,850
Niech mi tylko zwrócić uwagę na istotne elementy.

98
00:09:24,850 --> 00:09:42,250
Jednym z nich jest, że wewnątrz naszego kodu serwera możemy odróżnić żądania GET i POST i możemy zrobić inny kod w zależności od tego, co się stało, kiedy i pamiętać GET jest do uzyskiwania informacji oraz po to, aby dodać lub przedstawienia informacji, która jest co używamy odrobienia.

99
00:09:42,390 --> 00:09:46,010
Slash stworzyć psa jako post jest w jaki sposób można utworzyć nowego psa.

100
00:09:46,240 --> 00:09:50,860
I są dwie rzeczy, które muszą znaleźć się w treści żądania nazwę i rasa.

101
00:09:50,980 --> 00:09:53,710
A jeśli ich tam nie ma to zrobi pusty psa.

102
00:09:54,000 --> 00:10:00,100
Ale bez względu na typ psa to sprawia, że ​​przekierowuje nas do slash psy, które następnie uruchamia cały ten kod.

103
00:10:00,550 --> 00:10:05,680
A z drugiej strony ważne jest to, że kiedy złożyć ten jest natychmiastowe odświeżenie.

104
00:10:05,670 --> 00:10:10,890
To naprawdę bardzo szybka, ale to nadal jest odświeżenie dokąd składając wniosek gdzieś indziej.

105
00:10:11,020 --> 00:10:15,250
Podobnie jak gdybym to zrobił i naciśnij Enter jesteśmy rzeczywiście złożenia kolejnego wniosku.

106
00:10:15,280 --> 00:10:16,500
Ta sama idea tutaj.

107
00:10:16,680 --> 00:10:17,880
Kiedy uderzył kliknij.

108
00:10:18,100 --> 00:10:21,060
Czuwają tu wysyła żądanie za każdym razem.

109
00:10:21,310 --> 00:10:28,440
Więc to wszystko chcę mówić o całym tym wstępie dwa serwery i dwie trasy i HTP.

110
00:10:28,620 --> 00:10:29,890
Skończyliśmy na razie.

111
00:10:29,880 --> 00:10:38,230
Więc następnym aż zamierzamy skupić się na nasze środowisko deweloper konfiguracji i instalacji wszystkie narzędzia, które są potrzebne, abyśmy mogli zacząć pisać kod w taki sposób.