1
00:00:00,480 --> 00:00:09,070
Witamy z powrotem w tej lekcji będziemy kontynuować aplikacji obozu i mamy zamiar dodać w funkcji lub możliwości dla użytkownika do przedstawienia nowego campingu.

2
00:00:09,270 --> 00:00:10,990
Tak więc istnieje kilka rzeczy, które trzeba zrobić.

3
00:00:11,010 --> 00:00:16,130
Pierwszym z nich jest utworzenie trasy pocztowy że faktycznie utworzyć nową campingu dodane do tablicy.

4
00:00:16,290 --> 00:00:29,760
Następnie musimy dodać parsera ciała i upewnij się, że jest on poprawnie importowane i skonfigurowany, a potem mamy dwa inne kroki, żeby tego koncernu tworząc formę i tworzenie trasy do formularza, w którym użytkownik może przejść do rzeczywistości wysyła te żądania POST.

5
00:00:29,760 --> 00:00:30,840
Więc my się do tego.

6
00:00:30,840 --> 00:00:32,720
Mamy zamiar zacząć od utworzenia trasy post.

7
00:00:32,760 --> 00:00:53,380
Więc jestem jeszcze w V-1 i mam zamiar otworzyć w rzeczywistości tak reklamę w naszym post-projekt a ja po prostu zrobić na dole i mam zamiar wskoczyć do posta i zamiast robić coś jak Slash nowego campingu lub dodać campingu jestem rzeczywiście zrobi camping ukośnikiem.

8
00:00:53,670 --> 00:01:09,800
Więc to jest dokładnie to samo ci RL Jak mamy dla naszej trasie Get ale są zupełnie różne drogi, ponieważ jeden jest GED i jeden jest post, a ja nie jestem po prostu to robi, aby pokazać, że w rzeczywistości możemy mieć to samo biuro o innej metody żądania i tam są rzeczywiście różne drogi.

9
00:01:09,810 --> 00:01:10,920
Tak to jest jej częścią.

10
00:01:10,920 --> 00:01:14,310
To jest rzeczywiście częścią konwencji na jak nazwiemy to trasy.

11
00:01:14,360 --> 00:01:16,260
Mamy dużo swobody w jaki sposób wymienić są obecnie.

12
00:01:16,380 --> 00:01:21,200
Ale tak naprawdę nazywa się konwencja resztę i będziemy wracać do tego w kolejnych filmach.

13
00:01:21,330 --> 00:01:33,120
Ale wszystko, co chcę powiedzieć na to, że w tej chwili jest, aby nasze drogi obserwować tą konwencję zwaną reszta kiedy mamy stronę, która pokazuje wszystkie campingów, że jesteś l powinny być camping slash.

14
00:01:33,120 --> 00:01:40,990
Gdy mamy stronę lub trasy, gdzie możemy utworzyć nowy kemping powinien być dokładnie taki sam jesteś slash campingu.

15
00:01:41,340 --> 00:01:42,780
Ale to powinno być żądania POST.

16
00:01:42,780 --> 00:01:47,370
Więc to jest konwencja jest to format, który zamierzamy podążać, jeśli robimy to dla przyjaciela.

17
00:01:47,410 --> 00:01:56,170
Musielibyśmy Slash przyjaciół, jak to się pokaże wszystkich znajomych i przyjaciół, jak ciąć post jest gdzie wysłać żądanie POST do wprowadzania nowego przyjaciela.

18
00:01:56,580 --> 00:01:58,470
Więc będziemy mieli dużo więcej praktyki z tym.

19
00:01:58,470 --> 00:02:01,040
To jest po prostu bardzo, bardzo pierwsze wprowadzenie do niego.

20
00:02:01,110 --> 00:02:07,120
Ale nie są w rzeczywistości siedem różnych tras, które są spokojne, że podąża za tą konwencją odpoczynek, że będziemy widząc później.

21
00:02:07,470 --> 00:02:29,140
Więc wewnątrz tutaj to, co chcemy zrobić, to dwie rzeczy, które chcemy pobrać dane z formularza i dodać do tablicy campingu, a następnie chcemy również przekierować dostęp do strony campingów z powrotem do tej trasy.

22
00:02:30,630 --> 00:02:40,630
Mamy więc ACT UP po konfiguracji i zawsze możemy po prostu zrobić czerwoną kropkę wysyłać tutaj trafisz trasę post i wtedy możemy przetestować go z listonoszem.

23
00:02:40,770 --> 00:02:52,220
Więc ja po prostu skopiować euro tu wrócić do listonosza i drogi, że jesteśmy Testowanie jest camping ukośnik jak post nie uzyskać, jeśli zrobiliśmy to jako żądanie GET.

24
00:02:52,460 --> 00:02:59,300
To tak naprawdę nie ma znaczenia, ponieważ nasze serwery nie rozpoczął H Tim L i SS, które widzimy tutaj jest strona błędu.

25
00:02:59,430 --> 00:03:02,460
Ta strona błędu, że Cloud 9 daje nam.

26
00:03:02,460 --> 00:03:04,800
Więc musimy uruchomić serwer.

27
00:03:05,530 --> 00:03:11,440
Teraz, jeśli chcemy wrócić i zrobić to samo żądanie GET zobaczymy listę z obrazami i te godziny.

28
00:03:11,820 --> 00:03:17,130
A jeśli robimy żądania POST powinniśmy po prostu trochę komunikat, że trafisz post-projekt.

29
00:03:17,360 --> 00:03:25,140
OK, więc to wszystko zrobimy z listonoszem udowadnia nam, że pracuje jako szlaku pocztowym i co będziemy robić dalej, to zainstalować parser ciała.

30
00:03:25,260 --> 00:03:43,910
Więc musimy zrobić NPM zainstalować kreska ciała parser kreska kreska zapisać, a potem będziemy go importować się tutaj z naszych części ciała są równi wymagają ciała DESCH parsera i oszczędzać.

31
00:03:43,910 --> 00:03:46,190
A potem musimy powiedzieć, express do korzystania poddy parsera.

32
00:03:46,260 --> 00:03:59,680
Więc zrobimy to wykorzystanie Oddy parser a następnie musimy też zrobić euro dot niepowlekanych a następnie przechodzą w obiekcie i wszystko, co musimy zrobić, to dodać rozszerzoną Colan prawda.

33
00:03:59,980 --> 00:04:07,290
Pamiętaj, że jest to linia, która będzie po prostu zobaczyć cały czas można się przyzwyczaić albo zapamiętywania go lub po prostu skopiowanie i wklejenie go i zapisz.

34
00:04:07,290 --> 00:04:15,370
A teraz mamy części ciała są ustawione i możemy stwierdzić, czy działa po prostu uruchamiając po nas i jeśli nie pojawia się błąd, że jesteśmy dobrze iść.

35
00:04:15,390 --> 00:04:17,490
Teraz skupmy się na formularzu.

36
00:04:17,520 --> 00:04:27,080
Więc zanim to, co wykazały Ci to aplikacja znajomych gdzie mieliśmy formularz na tej samej stronie, na liście przyjaciół, ale nie jest to podejście mamy zamiar podjąć tutaj.

37
00:04:27,090 --> 00:04:31,530
Raczej będziemy mieć pełną oddzielną stronę i trasy, które faktycznie pokaże formę.

38
00:04:31,770 --> 00:04:34,610
Będzie to formularz, aby utworzyć nowe pole kempingowe.

39
00:04:34,680 --> 00:04:44,070
A następnie przesłać formularz, który wysyła żądanie POST ciąć campingu jako słupek, a potem mamy przekierowany z powrotem do campingów.

40
00:04:44,070 --> 00:04:53,430
Więc mamy zamiar zrobić oddzielną stronę w taki sposób, aby to zrobić musimy oddzielną trasę i możemy po prostu zrobić na dole tutaj lub pomiędzy nie ma znaczenia dostać.

41
00:04:53,670 --> 00:04:57,900
I będzie to ciął camping slash nowe.

42
00:04:58,260 --> 00:05:02,860
I znowu to może być wszystko, co chcemy go, ale jest to spokojny konwencji.

43
00:05:02,880 --> 00:05:06,010
Więc jest to trzecia z tych tradycyjnych nazw.

44
00:05:06,060 --> 00:05:36,720
Pierwszym z nich był ukośnik campingu jako get powinien pokazać wszystkie campingów slash campingów jako post jest trasa, gdzie można utworzyć nowy campingu a następnie slash campingu slash nowa powinien pokazać formularz, który wyśle ​​dane do tego postu trasie tak niech to się ciałem, a wszystko, co musi zrobić, to uczynić formę nie musimy przechodzić w danych ani nic, więc musimy po prostu zrobić rez renderowanie i forma po prostu zadzwonić, że nowa.

45
00:05:36,970 --> 00:05:38,460
Tak właśnie tak.

46
00:05:39,090 --> 00:05:40,340
I bezpieczne.

47
00:05:40,360 --> 00:05:44,290
Teraz z powrotem tutaj w naszym katalogu poglądów mamy zamiar dokonać tego szablonu.

48
00:05:44,410 --> 00:05:47,760
Więc dotykać poglądy slash nowe.

49
00:05:47,880 --> 00:05:48,440
Tak.

50
00:05:48,730 --> 00:05:54,530
A potem będziemy otworzyć ten szablon i wewnątrz szablonu dodać.

51
00:05:54,540 --> 00:06:18,380
I każdy z nich mówi, że Utwórz nowy campingu a następnie dodamy w tagu formularza w tej postaci tagu musimy mieć działanie i musimy mieć sposób i pamiętać, metoda powinna być post i działania powinny być camping slash, który jest droga tutaj.

52
00:06:18,550 --> 00:06:20,820
Apt się camping po ukośnikiem.

53
00:06:20,860 --> 00:06:24,850
Tak to jest, gdy dostaniemy danych formularza i dodać do tablicy campingów.

54
00:06:25,090 --> 00:06:27,540
A w środku potrzebujemy dwóch różnych wejść.

55
00:06:27,640 --> 00:06:34,570
Tak więc pierwszy z nich jest typu, ponieważ tekst i zastępczy będzie tylko nazwa.

56
00:06:35,290 --> 00:06:39,600
A drugi zrobi zastępczy jest obraz, który RL.

57
00:06:39,710 --> 00:06:59,320
I niech po prostu lubię to i będziemy trzymać go jako Typee przejść do tekstu, a potem musimy nasz przycisk u dołu i tu powiedzieć, złożyć i zapisać, a następnie musimy również atrybutu nazwy na oba te tak nazwę i będzie to być równa tylko nazwą.

58
00:06:59,320 --> 00:07:09,580
I tu musimy nazwa jest równa obrazu i używamy tego atrybutu name zamiast naszej trasie, aby pobrać dane z wniosku Abati.

59
00:07:09,620 --> 00:07:10,370
Zanim to zrobimy.

60
00:07:10,390 --> 00:07:12,760
Zróbmy pewien, że ta forma jest wyświetlany poprawnie.

61
00:07:12,850 --> 00:07:25,870
Więc mamy zamiar uruchomić serwer i odwiedzić tę drogę musimy przejść do slash slash campingów nowe i dostajemy nasz formularz doskonałe.

62
00:07:25,880 --> 00:07:28,160
Nie dostaniesz żadnej z tych bootstrap stylizacji.

63
00:07:28,390 --> 00:07:33,090
Nie wygląda na to, że dużo, ale nie dostajesz to, bo nie mamy nasze układy zawarte.

64
00:07:33,160 --> 00:07:36,990
Nie mamy nagłówek i stopka, więc możemy również.

65
00:07:37,420 --> 00:07:50,130
Warto więc również dodać, że w to Parshall za ukośnik Hetter i skopiuj tę linię na dole i obejmują Parshall za ukośnik stopkę.

66
00:07:51,040 --> 00:07:54,360
Uruchom ponownie serwer wrócić.

67
00:07:54,380 --> 00:07:59,910
Teraz mamy piękną bootstrap i mamy plik nagłówka i stopki niz nasi tu również.

68
00:08:00,460 --> 00:08:13,430
Możemy to sprawdzić, aby zobaczyć, czy to będzie po prawej lub po prostu wpisując trasie nic się tu i uderzanie złożyć i otrzymujemy trafisz trasę pocztowego, co oznacza, że ​​nasz kod forma jest złożenie żądania POST ciąć kempingów.

69
00:08:13,570 --> 00:08:15,290
A my coraz to Redstart uregulowane.

70
00:08:15,580 --> 00:08:20,590
Jednak zamiast wysyłania tego rzeczywiście chcą, aby dodać logikę, żeby dokonać tej pracy.

71
00:08:20,750 --> 00:08:31,550
I pamiętaj, aby uzyskać dane z formularza używamy żądania ciała, a następnie musimy zwrócić się nazwę bodycam i zażądać się obraz ciała i będę ratować tych, do zmiennej.

72
00:08:31,570 --> 00:08:36,060
Do tej pory nazwa i var obrazu.

73
00:08:36,350 --> 00:08:41,830
A potem to, co chcemy zrobić, to nacisnąć nowy kemping na naszej tablicy tutaj.

74
00:08:42,040 --> 00:08:47,590
A żeby za to do pracy trzeba przenieść to na zewnątrz tak, że nie jest w środku apt.

75
00:08:47,600 --> 00:08:52,240
Uzyskaj będziemy po prostu umieścić go top i to nie gdzie to się dzieje na pobyt.

76
00:08:52,250 --> 00:08:54,690
Pamiętaj, że bardzo szybko przeniósł się do bazy danych.

77
00:08:55,000 --> 00:08:59,790
Ale teraz jesteśmy wprowadzenie go do góry tak, że mamy dostęp do niego wewnątrz tego postu trasie.

78
00:09:00,080 --> 00:09:01,460
W funkcji wywołania zwrotnego.

79
00:09:01,880 --> 00:09:05,130
Więc jedziemy do pchania nową campingu do tablicy campingu.

80
00:09:05,430 --> 00:09:08,950
Więc campingu skonfigurować pchania i musimy naciskać w obiekcie.

81
00:09:09,080 --> 00:09:11,310
Więc mam zamiar zrobić to nowy obiekt ze zmienną.

82
00:09:11,360 --> 00:09:15,570
Więc mam zamiar nazwać var ​​nowa campingu.

83
00:09:15,590 --> 00:09:33,580
Jest to obiekt, a mamy na imię równa imieniu i obraz jest równa obrazu tak, że pasuje do tego formatu tu czy mamy nazwę i wizerunek, a następnie ostatnią rzeczą, którą musisz zrobić, to nacisnąć nowy campingu tak po prostu zapisać.

84
00:09:33,740 --> 00:09:36,890
A potem niech przekierowanie z powrotem do strony campingu.

85
00:09:37,060 --> 00:09:37,960
Tak, że nie będzie.

86
00:09:38,000 --> 00:09:47,270
RAZ przekierować ciąć campingów i tak mamy ciąć kempingów.

87
00:09:47,380 --> 00:09:51,310
Ale kiedy robimy przekierowanie domyślny jest przekierowanie jako żądanie GET.

88
00:09:51,380 --> 00:10:01,140
Więc będziemy zapisywać i niech przetestować go wrócić odświeżania dodajmy w nowym campingu.

89
00:10:01,210 --> 00:10:08,820
Będziemy po prostu nazwać to jeden górskie stokrotka i musimy obraz jesteś Ja po prostu skopiować ten jeden tutaj.

90
00:10:09,080 --> 00:10:10,520
Wracaj.

91
00:10:10,850 --> 00:10:12,640
Hit kliknij.

92
00:10:13,270 --> 00:10:17,060
I powiedzieć, czy to zadziałało trzeba przewinąć w dół i tam idziemy.

93
00:10:17,090 --> 00:10:18,700
Piękne górskie Daisy.

94
00:10:18,700 --> 00:10:20,240
Dość wspaniały widok.

95
00:10:20,230 --> 00:10:22,200
Wróćmy i przegląd kilku rzeczy.

96
00:10:22,210 --> 00:10:23,620
Jest wiele rzeczy, które zrobiliśmy.

97
00:10:23,620 --> 00:10:26,170
Pierwszą rzeczą, którą chcesz przywołać są trasy, które zrobiliśmy.

98
00:10:26,170 --> 00:10:35,480
Więc teraz mamy rzeczywiście dostać ukośnikiem campingu, który pokazuje nam wszystkie campingów mamy się po ukośnik campingu samo Prezydium.

99
00:10:35,600 --> 00:10:40,670
I to gdzie faktycznie logikę tworzenia nowego campingu a następnie przekierowanie ukośnik campingu.

100
00:10:40,900 --> 00:10:44,520
A potem mamy Amtrak się ciął camping slash nowe.

101
00:10:44,650 --> 00:10:46,330
I to pokazuje formę.

102
00:10:46,690 --> 00:11:03,930
Więc pamiętaj camping slash nowych pokazuje formularz, który składa wniosek pocztowy ciąć kempingów, które potem z kolei przekierowywane nas z powrotem do slash camping jak dostać które następnie pokaże nam wszystkie campingów pomocą szablonu pole kempingowe.

103
00:11:04,740 --> 00:11:07,490
To trochę skomplikowane przepływu pewno.

104
00:11:07,540 --> 00:11:11,360
Jest wiele ruchomych elementów, ale jest to przepis, który będziemy w wyniku losowania.

105
00:11:11,410 --> 00:11:13,910
Więc mamy Wyślij formularz, aby pisać próśb gdzieś.

106
00:11:14,050 --> 00:11:16,990
A potem w środku tej trasy postu bierzemy dane formularza.

107
00:11:17,020 --> 00:11:20,530
Robimy coś z nim, a potem przekierować powrotem gdzieś indziej.

108
00:11:20,530 --> 00:11:24,570
Więc to jest bardzo typowe dla trasy po przekierowanie do innej trasy.

109
00:11:25,070 --> 00:11:28,140
Ostatnią rzeczą, jaką należy zrobić, to otworzyć szablon campingów.

110
00:11:28,610 --> 00:11:51,250
Więc zrobimy C9 Zastosowanie ukośnik campingu, a my po prostu dodać prosty połączyć top zrobimy to zakotwiczone znacznik, aby rozpocząć Tref camping równa slash slash nowa i że wewnętrzna tekst będzie dodawać nowe campingu tak po prostu i będziemy oszczędzać.

111
00:11:51,350 --> 00:12:02,390
A potem możemy zrestartować serwer i wróćmy tu do strony docelowej lub na stronie kempingów wybaczcie i musimy dodać nowe pole kempingowe.

112
00:12:02,530 --> 00:12:07,040
Kliknij na nią i dostać się do strony campingów i wtedy możemy dodać naszą nową campingu.

113
00:12:07,270 --> 00:12:12,080
Trzeba też dodać przycisk Wstecz, tak że możemy wrócić, aby wyświetlić wszystkie campingów.

114
00:12:12,380 --> 00:12:17,980
Więc na nowym szablonie na dole musimy po prostu to tutaj nasz własny znacznik zakotwiczenia.

115
00:12:18,120 --> 00:12:26,770
Projekt powinien być równy slash camping i to będzie po prostu powiedzieć, pleców lub wrócić ponownie uruchomić serwer.

116
00:12:26,770 --> 00:12:32,320
Po raz ostatni jej świeże w nowej campingu wrócić.

117
00:12:32,530 --> 00:12:35,900
OK, więc teraz mamy odnośnik poprawnie skonfigurowany w następnym filmie.

118
00:12:35,920 --> 00:12:37,970
Zamierzamy skupić się na kilku podstawowych stylizacji.