1
00:00:00,390 --> 00:00:01,300
Witamy spowrotem.

2
00:00:01,560 --> 00:00:24,100
W tym filmie mamy zamiar zabrać cię przez kolejne etapy tworzenia prostych aplikacji bardzo proste, a celem jest, aby pokazać, jak pisać próśb o pracę i wyrazić, jak możemy tworzyć trasy, które są nasłuchiwanie żądań pocztowych to w jaki sposób możemy przetestować je z listonoszem, a następnie zobaczyć, jak możemy zapisać formularz na innym szablonie i mają wyraźną formę sprawiają, że żądanie POST do naszej wyraźnej aplikacji.

3
00:00:24,180 --> 00:00:31,380
Tak jak już wspomniałem mamy zamiar zrobić prosty wniosek razem i mam zamiar zacząć od zera i zainstalować i obejmują Express.

4
00:00:31,380 --> 00:00:34,180
A potem będziemy się dzieje rzeczywistego logiki aplikacji.

5
00:00:34,410 --> 00:00:56,310
Więc mam zamiar zacząć już teraz i po prostu zrobić nowy katalog, który Zadzwonię żądanie POST demo CD do tego i będziemy działać KMP w nim, a my po prostu naciśnij enter kilka razy zmienić punkt wejścia.

6
00:00:56,560 --> 00:00:57,310
OK.

7
00:00:57,900 --> 00:00:59,310
No to jedziemy.

8
00:00:59,310 --> 00:01:07,010
Mamy pakiet Jason Chodźmy teraz zainstalować wyraźnej kreska kreska oszczędzać.

9
00:01:08,580 --> 00:01:14,590
A skoro już tu niech NPM instalacji EJ s, jak również i zapisz to.

10
00:01:15,080 --> 00:01:15,650
OK.

11
00:01:15,870 --> 00:01:17,450
Teraz stwórzmy naszą aplikację.

12
00:01:17,510 --> 00:01:18,750
Tak.

13
00:01:19,350 --> 00:01:26,020
A potem będziemy otwierać się i dodać, że w naszej podstawowej wyrażonej kodu potrzebujemy.

14
00:01:26,190 --> 00:01:34,470
Więc będziemy importować z nim wymagają, a następnie utworzyć aplikację zmiennej, gdzie wykonujemy.

15
00:01:34,470 --> 00:01:45,880
Wyrażania i skoro już tu jesteśmy my też zrobić aplikacja ma ustawiony silnik Ci się eJay Tak i będę zapisać to.

16
00:01:46,050 --> 00:01:52,650
A potem robimy również nasze apt się słuchać na dole zamiast tutaj zrobi przetworzyć tego.

17
00:01:52,660 --> 00:01:55,630
I mamy go.

18
00:01:56,010 --> 00:02:01,750
I przetwarzać ENFp IP i naszą funkcję zwrotną.

19
00:02:01,980 --> 00:02:10,110
I wreszcie będę po prostu zrobić bardzo prosty przyjść do serwera dziennika zaczęło.

20
00:02:10,890 --> 00:02:11,180
OK.

21
00:02:11,190 --> 00:02:12,510
Więc mamy to skonfigurować.

22
00:02:12,570 --> 00:02:28,460
Teraz stwórzmy nasz brute trasę ot tak, a my po prostu uczynić szablon dla restauracji teraz renderowania zwanego domu ot tak i oszczędzać.

23
00:02:28,530 --> 00:02:30,020
Teraz zróbmy tego szablonu.

24
00:02:30,120 --> 00:02:37,650
Więc potrzebujemy używane katalog dokonać widoki katalogów i trzeba dotknąć swoje poglądy plików slash domu.

25
00:02:37,760 --> 00:02:38,490
Tak.

26
00:02:38,760 --> 00:02:49,850
A następnie otworzyć ten plik, a wewnątrz nie zrobimy prostą H-1, który mówi stronę główną ot tak, a my upewnić się, że działa.

27
00:02:50,070 --> 00:02:58,350
Warto więc uruchomić węzeł Apalachee nam wrócić tutaj i mamy odświeżyć stronę główną.

28
00:02:58,790 --> 00:03:05,270
OK, więc mamy podstawowy szkielet skonfigurować mamy Express w zestawie mamy Ejaz włączone.

29
00:03:05,340 --> 00:03:09,260
Musimy ustawić silnik widok domyślny i mamy drogę do celu.

30
00:03:09,690 --> 00:03:18,780
Aplikacja, że ​​mamy zamiar zrobić to w zasadzie lista listy znajomych lub przyjaciół, które można następnie przejść i za pośrednictwem formularza możesz dodać nowego znajomego do listy.

31
00:03:18,960 --> 00:03:28,610
I to może być cokolwiek przyjaciółmi lub zrobić lub kontaktów lub psy po prostu coś, co będziemy mieć listę, które następnie można utworzyć nowy, korzystając z formularza.

32
00:03:28,800 --> 00:03:41,410
Więc zrobimy przyjaciół i mamy zamiar dodać w aplikacji i uzyskać slash przyjaciół i będzie to strona szablon, który pokazuje listę znajomych.

33
00:03:42,990 --> 00:03:50,120
I zamiast tutaj zamierzamy zrobić redstart renderowanie, a my po prostu nazywają go przyjaciele, a teraz musimy stworzyć tego szablonu.

34
00:03:50,400 --> 00:04:00,430
Więc zrobimy dotykowe poglądy slash przyjaciela, który Ejay us a następnie otworzyć ten plik, tak po prostu.

35
00:04:00,790 --> 00:04:12,720
A w środku stąd dodamy kolejny H-1 lista przyjaciół po prostu prawo idzie tu i będziemy uruchomić nasz serwer upewnij się, że to działa.

36
00:04:12,930 --> 00:04:17,290
Jeśli idziemy ciąć przyjaciół mamy lista przyjaciół trafia tutaj.

37
00:04:17,610 --> 00:04:18,270
OK.

38
00:04:18,270 --> 00:04:21,010
Więc co mamy zamiar zrobić, to wyświetlić listę znajomych.

39
00:04:21,210 --> 00:04:22,890
I tak musimy stworzyć tę listę.

40
00:04:22,890 --> 00:04:23,970
Musimy dane.

41
00:04:24,210 --> 00:04:46,080
Więc mam zamiar utworzyć tablicę nazw przyjaciół i to będzie bardzo proste, tylko daleko znajomych równa, a my po prostu dodać kilka nazw tu jak Tony i Justin Pierre i Lilly.

42
00:04:46,290 --> 00:04:46,860
OK.

43
00:04:47,140 --> 00:04:57,580
Więc mamy tablicę przyjaciółmi, a potem mamy zamiar przekazać tę tablicę przyjaciółmi aż do naszych przyjaciół szablonu, w którym będziemy następnie pętli i wyświetlania każdego przyjaciela, jako elementu listy.

44
00:04:57,640 --> 00:04:59,220
Więc musimy przekazać, że w.

45
00:04:59,300 --> 00:05:02,770
Pamiętaj, że jest to przedmiot i mamy dwie rzeczy trzeba zrobić.

46
00:05:02,770 --> 00:05:15,730
Musimy dać mu nazwę lub właściwość, że użyjemy go wyszukać w widoku, które po prostu zadzwonić przyjaciół i nasze dane, które mamy przekazując jak również przyjaciół, która jest niejasna, jeśli dopiero zaczynasz ,

47
00:05:15,760 --> 00:05:21,560
Ale to, co zobaczysz, gdzie najczęściej po prostu użyć tej samej nazwy, ale pamiętaj, to może być cokolwiek.

48
00:05:21,580 --> 00:05:24,810
I to odnosi się do naszego znajomego tablicy tutaj.

49
00:05:25,150 --> 00:05:32,070
OK, więc teraz chodźmy do badania geniuszu szablon znajomego i dodać w naszej pętli i zamierzam zrobić dla każdego.

50
00:05:32,290 --> 00:05:36,690
Więc ja po prostu napisać regularnego javascript najpierw bez nawiasów bez eJay nas.

51
00:05:36,820 --> 00:05:50,760
Więc mamy przyjaciół dla każdej funkcji i nasza funkcja będzie miała przyjaciela parametr tam i wtedy mamy otwieranie zamykanie nawiasów klamrowych tak po prostu.

52
00:05:50,920 --> 00:05:59,620
I zamiast o co zrobimy to zrobić sojusznika dla każdego z nich mówi, że mam znajomego, tak po prostu.

53
00:05:59,610 --> 00:06:06,120
Teraz wróćmy i dodać zwrotów, które nie potrzebują znak równości i pamiętać, że to tylko dla logiki.

54
00:06:06,280 --> 00:06:09,800
Nie chcemy nic, aby pokazać się na tych dwóch linii.

55
00:06:09,970 --> 00:06:21,640
Więc mamy to zrobić i jeśli będziemy zapisywać i odświeżać powinniśmy zobaczyć sojusznika, który mówi, że mam przyjaciela dla każdego przyjaciela, w tym listy i spróbujmy się upewnić, że nie mamy żadnych błędów.

56
00:06:21,880 --> 00:06:26,890
Odśwież stronę i mamy 5 pozycji listy, które mówią, mam przyjaciela.

57
00:06:27,530 --> 00:06:32,690
Teraz wracamy znowu i zamiast po prostu mówiąc: Mam znajomego, niech właściwie drukować nazwę znajomego.

58
00:06:32,950 --> 00:06:40,620
Więc tym razem potrzebujemy znak równości, ponieważ chcemy, aby wartość oceniana należy doliczyć do samego zespołu właśnie tutaj.

59
00:06:40,750 --> 00:06:47,750
Chcemy, aby zastąpić wartości znajomego, który nadchodzi od prawej w naszym dla każdego.

60
00:06:47,740 --> 00:06:49,140
Ponownie może to być cokolwiek.

61
00:06:49,140 --> 00:06:50,620
Imię to co chcemy x.

62
00:06:50,720 --> 00:06:54,010
A jeśli umieścić X tutaj będzie działać.

63
00:06:54,430 --> 00:07:07,090
Więc niech mi tylko pokazać, że odświeżanie i mamy nasze pięć przyjaciół i dlatego, że X jest straszna nazwa zmiennej wielu wrócić do znajomego ot tak, aby ponownie uruchomić serwer.

64
00:07:07,120 --> 00:07:10,690
Jeszcze raz i można zobaczyć nic nie zmienia.

65
00:07:10,690 --> 00:07:12,910
OK, więc mamy do tej listy znajomych.

66
00:07:13,060 --> 00:07:16,880
Teraz to, co mamy zamiar zrobić, to mówi się o utworzeniu trasy post.

67
00:07:17,110 --> 00:07:27,760
Celem w końcu jest, aby mieć formularz na dole tej strony i możemy wpisać nazwę w tej formie i kliknij przycisk Prześlij i będzie następnie dodać nowego znajomego na naszą listę.

68
00:07:27,790 --> 00:07:37,250
Więc będziemy pcha nową nazwę do tablicy znajomych, a następnie ponownie renderowania ten szablon, który będzie następnie dodać nowy podpunkt i nowy element listy nowo dodanego do tego znajomego.

69
00:07:37,390 --> 00:07:55,400
Musimy zacząć od utworzenia post-road i pamiętaj, że używamy post Strout każdej chwili jesteśmy dodawanie danych do czegoś kiedy jesteśmy wysyłania danych przez i chcemy, aby dodać go do bazy danych, czy mamy do podpisywania Up użytkownik lub tworzymy nowy komentarz lub stworzenie nowego stanowiska lub w tym przypadku nowego przyjaciela trasy post.

70
00:07:55,420 --> 00:07:59,390
Czy to, co ma największy sens, choć nie jest to jedyna opcja.

71
00:07:59,530 --> 00:08:02,120
Na razie będziemy go traktować tak, jakby to jedyna opcja.

72
00:08:02,140 --> 00:08:10,810
Więc to tylko do pobierania informacji i post jest do wysyłania nowych danych do dodania lub które mają być wykorzystane w jakiś sposób po stronie serwera.

73
00:08:11,140 --> 00:08:26,290
I wszyscy musimy napisać jest w stanie się post i nazwa szlaku nazwijmy je dodać znajomego ot tak i wygląda tak samo z żądania i odpowiedzi, a my zostawimy go jako tego teraz.

74
00:08:26,410 --> 00:08:31,770
A w środku my po prostu zrobić resztę do wysyłania nam nie zrobi szablon prostu Res dot wysłać.

75
00:08:32,080 --> 00:08:41,040
Osiągnięto trasę pocztowego tak po prostu.

76
00:08:41,080 --> 00:08:47,820
Więc teraz zobaczmy, czy uda nam się wywołać tego, czy możemy uderzyć go dodać znajomego jako żądanie POST przy użyciu listonosza.

77
00:08:47,950 --> 00:08:55,090
Więc mam zamiar wziąć ten adres URL i skopiuj ten nad do listonosza i gdzie chcemy dokonać zamówienia.

78
00:08:55,090 --> 00:09:02,270
Możemy zacząć od po prostu robi sosh przyjaciół jako żądanie GET i widać wrócimy każdemu zespołowi mu pięciu przyjaciół.

79
00:09:02,270 --> 00:09:08,970
Ale teraz zróbmy żądania POST i robimy to ciąć dodać przyjaciela.

80
00:09:09,550 --> 00:09:15,290
A teraz, czy możemy wysłać żądanie POST otrzymujemy wiadomość nie możesz pisać dodawać przyjaciela i to na głupie powodu.

81
00:09:15,400 --> 00:09:18,490
Musimy ponownie uruchomić serwer w każdej chwili możemy dodać nową trasę.

82
00:09:18,850 --> 00:09:22,770
A teraz, jeśli wrócimy i wysłać żądanie ponownie otrzymujemy wiadomość.

83
00:09:22,930 --> 00:09:24,740
Osiągnięto trasę post.

84
00:09:24,820 --> 00:09:31,010
Więc jesteśmy wysłaniem żądania POST i robimy to przez listonosza, a nie za pomocą formularza, ale jest to dokładnie taki sam pomysł.

85
00:09:31,030 --> 00:09:32,130
To działa w ten sam sposób.

86
00:09:32,170 --> 00:09:36,650
Mamy wysłać żądanie POST i ten kod jest uruchamiany jest właśnie tutaj.

87
00:09:36,710 --> 00:09:42,300
OK, więc następna rzecz, którą chcesz zrobić, to skorzystać z formularza do wysłania tego żądania POST.

88
00:09:42,430 --> 00:09:51,320
Więc mam zamiar udać się do przyjaciół badać każdą stronę, a na dole dużo formie i forma ta podda się tej trasie.

89
00:09:51,670 --> 00:09:54,390
Więc pamiętać, istnieją dwa ważne atrybuty.

90
00:09:54,440 --> 00:09:57,900
Jest akcja, a następnie metodą.

91
00:09:58,540 --> 00:09:59,790
Więc zacznijmy od metody.

92
00:09:59,920 --> 00:10:06,780
Chcemy, aby wysłać żądanie POST i działania to jesteś cała który jest ukośnik i przyjacielem.

93
00:10:07,420 --> 00:10:10,700
I znowu, że trzeba dopasować tę stawkę tutaj.

94
00:10:10,990 --> 00:10:13,440
Slash Dodaj przyjaciela jako post.

95
00:10:13,910 --> 00:10:14,620
W porządku.

96
00:10:14,620 --> 00:10:25,880
I zamiast tutaj będziemy mieć jeden typ wejścia równa tekst, a następnie chcemy też mieć zastępczy, który mówi nazwa lub cokolwiek chcemy tam umieścić.

97
00:10:25,900 --> 00:10:37,180
To jest po prostu tekst zastępczy, a następnie będziemy również dodać przycisk na końcu i to będzie po prostu powiedzieć, zrobiłem nowego przyjaciela i zapisać to.

98
00:10:37,890 --> 00:10:40,320
I tak będzie to stworzyć postać do nas już teraz.

99
00:10:40,690 --> 00:10:55,090
Gdybym ponownie uruchomić serwer i wrócę i odśwież stronę Mam teraz formularz tutaj i jeśli go skontrolować ma te dwa atrybuty gdzie mamy akcji To DODAJ metodę przyjaciel jest post i ma jedno wejście.

100
00:10:55,420 --> 00:11:00,150
A jeśli coś się wpisać tutaj zrobiłem nowego przyjaciela dzisiaj o nazwie Bob i kliknij.

101
00:11:00,160 --> 00:11:02,500
Zrobiłem nowego przyjaciela.

102
00:11:02,770 --> 00:11:04,560
Widać, że jesteśmy coraz to odpowiedź.

103
00:11:04,570 --> 00:11:09,980
Osiągnięto trasę pocztowego, co oznacza, że ​​mamy do wysyłania żądania POST i że jesteśmy wysłanie go we właściwym miejscu.

104
00:11:10,030 --> 00:11:14,140
Slash dodać znajomego, ale nie robimy nic w tej trasie.

105
00:11:14,140 --> 00:11:21,240
Oprócz reaguje z tej wiadomości, a co tak naprawdę chcesz zrobić, to wziąć dane z formularza, które chcesz zabrać Boba.