1
00:00:00,390 --> 00:00:01,300
歡迎回來。

2
00:00:01,560 --> 00:00:24,100
在這段視頻中我們將帶你創建一個簡單的應用程序非常簡單，這裡的目標是向您展示如何POST請求的工作，並表示我們是如何創建的偵聽POST請求那麼我們如何測試路線的步驟他們郵遞員，然後看看我們如何能夠在不同的快遞模板寫的格式，並有形式進行POST請求我們明確的應用程序。

3
00:00:24,180 --> 00:00:31,380
因此，正如我所說，我們要作一個簡單的應用程序一起，我要從頭開始安裝，其中包括快遞。

4
00:00:31,380 --> 00:00:34,180
然後我們會得到持續的實際應用程序邏輯。

5
00:00:34,410 --> 00:00:56,310
所以我現在要開始，只是做一個新的目錄，我會打電話給POST請求演示CD放入我們將在它運行的NPM，我們將只需點擊進入幾次更改切入點。

6
00:00:56,560 --> 00:00:57,310
好。

7
00:00:57,900 --> 00:00:59,310
在那裡，我們走了。

8
00:00:59,310 --> 00:01:07,010
我們有自己的包，傑森現在讓我們安裝快遞衝刺衝刺保存。

9
00:01:08,580 --> 00:01:14,590
雖然我們在這裡，讓我們NPM安裝E.J.能夠像好並保存。

10
00:01:15,080 --> 00:01:15,650
好。

11
00:01:15,870 --> 00:01:17,450
現在，讓我們來創建我們的應用程序。

12
00:01:17,510 --> 00:01:18,750
是。

13
00:01:19,350 --> 00:01:26,020
然後，我們會打開並加入我們的基本表達代碼我們需要的。

14
00:01:26,190 --> 00:01:34,470
所以，我們要導入與要求，然後創建，我們執行的應用程序變量。

15
00:01:34,470 --> 00:01:45,880
EXPRESS雖然我們在這裡我們也將應用程序確實設置你的發動機將是EJAY，我會保存。

16
00:01:46,050 --> 00:01:52,650
然後我們也盡我們容易起來聽在底部，而不是在這裡會做您處理。

17
00:01:52,660 --> 00:01:55,630
而我們得到了它。

18
00:01:56,010 --> 00:02:01,750
以及處理ENFP知識產權和我們的回調函數。

19
00:02:01,980 --> 00:02:10,110
最後一點我只是做一個很簡單的來啟動日誌服務器。

20
00:02:10,890 --> 00:02:11,180
好。

21
00:02:11,190 --> 00:02:12,510
因此，我們有一個成立。

22
00:02:12,570 --> 00:02:28,460
現在，讓我們創造我們野蠻的路線就是這樣，我們將只呈現現在餐廳渲染打電話回家的模板就這樣和保存。

23
00:02:28,530 --> 00:02:30,020
現在，讓我們作出這樣的模板。

24
00:02:30,120 --> 00:02:37,650
因此，我們需要使用的目錄創建目錄的意見，你需要觸摸你的文件視圖削減回家。

25
00:02:37,760 --> 00:02:38,490
是。

26
00:02:38,760 --> 00:02:49,850
然後打開文件，並有內我們會做一個簡單的H-1，上面寫著主頁就這樣，我們將確保作品。

27
00:02:50,070 --> 00:02:58,350
因此，讓我們運行節點阿巴拉契我們回到這裡刷新，我們得到的主頁。

28
00:02:58,790 --> 00:03:05,270
OK所以我們的基本骨架設置我們已經明示包括我們埃賈茲包括在內。

29
00:03:05,340 --> 00:03:09,260
我們設置了默認的視圖引擎，我們有我們的路線的路線。

30
00:03:09,690 --> 00:03:18,780
我們打算使應用程序基本上都是朋友或者朋友列表列表，然後你可以去，並通過表格可以將新朋友添加到列表中。

31
00:03:18,960 --> 00:03:28,610
這可能是任何朋友或做的或接觸或狗只是一些我們將有一個名單，然後我們可以創建使用窗體一個新的。

32
00:03:28,800 --> 00:03:41,410
所以我們會做的朋友，我們要在應用程序中添加和斜線得到朋友們，這將是該頁面顯示好友列表的模板。

33
00:03:42,990 --> 00:03:50,120
而是在這裡要做一個紅尾鳥渲染和我們只是把它的朋友，現在我們需要創建一個模板。

34
00:03:50,400 --> 00:04:00,430
所以我們會做觸摸意見斜線朋友說，我們EJAY，然後打開該文件就這樣。

35
00:04:00,790 --> 00:04:12,720
而這裡裡面，我們將增加一個H-1恰到好處的好友列表放在這裡，我們將執行我們的服務器以確保它正常工作。

36
00:04:12,930 --> 00:04:17,290
如果我們削減的朋友，我們得到好友列表放在這裡。

37
00:04:17,610 --> 00:04:18,270
好。

38
00:04:18,270 --> 00:04:21,010
所以，我們要做的就是顯示好友列表。

39
00:04:21,210 --> 00:04:22,890
因此，我們需要創建一個列表。

40
00:04:22,890 --> 00:04:23,970
我們需要的數據。

41
00:04:24,210 --> 00:04:46,080
所以我要創建朋友名字的數組，這將是非常簡單的只是遠遠的朋友等於我們將在幾個名字只需添加在這裡像托尼和賈斯汀皮埃爾和莉莉。

42
00:04:46,290 --> 00:04:46,860
好。

43
00:04:47,140 --> 00:04:57,580
因此，我們有朋友數組，然後我們將通過我們的朋友通過朋友數組模板，我們會在隨後遍歷並顯示每個好友的列表項。

44
00:04:57,640 --> 00:04:59,220
因此，我們需要傳遞英寸

45
00:04:59,300 --> 00:05:02,770
請記住它是一個對象，我們有兩件事情需要做。

46
00:05:02,770 --> 00:05:15,730
我們需要給它一個名稱或者說我們將使用它來看看它在我只想給朋友打電話，我們正在傳遞成也朋友是當你剛開始混淆我們的數據視圖屬性。

47
00:05:15,760 --> 00:05:21,560
但是，這是什麼，你會看到經常在這裡你只需要使用相同的名稱，但記住這可能是在所有東西。

48
00:05:21,580 --> 00:05:24,810
這指的是我們的朋友數組就在這裡。

49
00:05:25,150 --> 00:05:32,070
OK所以現在讓我們去到模板的朋友學習的天才並加入我們的循環，我要為每一個做一個。

50
00:05:32,290 --> 00:05:36,690
所以我就先寫了常規的JavaScript無無EJAY的美國括號。

51
00:05:36,820 --> 00:05:50,760
因此，我們必須對每個功能的朋友和我們的函數將朋友的參數那裡，然後我們有我們的開閉花括號就這樣。

52
00:05:50,920 --> 00:05:59,620
而不是在這裡我們要做的就是讓盟友為每一個說我有一個朋友就是這樣。

53
00:05:59,610 --> 00:06:06,120
現在，讓我們回去，並添加，我們不需要等號或記住這僅僅是邏輯的短語。

54
00:06:06,280 --> 00:06:09,800
我們不希望任何出現在這兩條線。

55
00:06:09,970 --> 00:06:21,640
因此，我們有做，如果我們保存和更新，我們應該看到，說我有在該列表中的每一個朋友的朋友的盟友，讓我們嘗試了這一點確保我們沒有任何錯誤。

56
00:06:21,880 --> 00:06:26,890
刷新頁面，我們得到了說，我有一個朋友5列表項。

57
00:06:27,530 --> 00:06:32,690
現在，我們將再次和相當回去不是只是說我有一個朋友，讓我們實際打印的朋友的名字。

58
00:06:32,950 --> 00:06:40,620
所以這個時候我們確實需要，因為我們想要一個評估，以加入到球隊本身就在這裡的價值上了等號。

59
00:06:40,750 --> 00:06:47,750
我們希望它與從我們這裡每個到來的朋友值代替。

60
00:06:47,740 --> 00:06:49,140
同樣，這可以是任何東西。

61
00:06:49,140 --> 00:06:50,620
將它命名為任何我們想做的X.

62
00:06:50,720 --> 00:06:54,010
而如果把X這裡它會工作。

63
00:06:54,430 --> 00:07:07,090
所以，讓我告訴你，刷新，我們得到了我們的五個朋友，因為X是一個可怕的變量名多回去的朋友就這樣重新啟動服務器。

64
00:07:07,120 --> 00:07:10,690
一個更多的時間，你可以看到什麼變化。

65
00:07:10,690 --> 00:07:12,910
OK所以我們的朋友列表中。

66
00:07:13,060 --> 00:07:16,880
現在我們要做的是談論建立後的路線。

67
00:07:17,110 --> 00:07:27,760
最終的目標是讓在本頁面底部的表格，我們可以在名稱輸入到該表格並點擊提交按鈕，然後將添加一個新朋友，我們的名單。

68
00:07:27,790 --> 00:07:37,250
那麼，我們可以推一個新的名稱友數組，然後渲染這個模板再次將然後添加一個新的點和新的列表項為新添加的朋友。

69
00:07:37,390 --> 00:07:55,400
我們需要通過建立後的道路開始，記住我們使用後斯特勞特的，當我們通過發送數據，我們將數據添加到什麼時候，我們希望把它添加到數據庫中，我們是否要註冊一個用戶或我們正在創造一個新的評論或創建一個新的職位，或在這種情況下，一個新朋友後路線。

70
00:07:55,420 --> 00:07:59,390
是什麼使最有意義的，雖然它並不是唯一的選擇。

71
00:07:59,530 --> 00:08:02,120
現在我們要對待它，如果它是唯一的選擇。

72
00:08:02,140 --> 00:08:10,810
因此，獲得它只是用於檢索信息和文章是發送新數據添加或將在服務器端使用某種方式。

73
00:08:11,140 --> 00:08:26,290
而我們需要編寫容易起來後和路由的名字讓我們把它添加朋友就是這樣，它看起來相同的請求和響應，我們會離開它，因為這現在。

74
00:08:26,410 --> 00:08:31,770
而且裡面我們只是做一個休息起來送我們不會讓一個剛模板RES點發送。

75
00:08:32,080 --> 00:08:41,040
您已達到崗位路線就是這樣。

76
00:08:41,080 --> 00:08:47,820
所以，現在讓我們看看，如果我們可以觸發這一點，如果我們能打到它添加好友，通過使用郵遞員post請求。

77
00:08:47,950 --> 00:08:55,090
所以我要利用這個網址，這比複製到郵遞員，我們想提出請求。

78
00:08:55,090 --> 00:09:02,270
我們可以通過只是在做sosh朋友作為一個GET請求開始，你會看到我們回到各隊他的五個朋友。

79
00:09:02,270 --> 00:09:08,970
但是，現在讓我們做一個POST請求，我們正在做的削減加為好友。

80
00:09:09,550 --> 00:09:15,290
現在，如果我們發送POST請求，我們得到的消息不能發布添加好友，這是一個愚蠢的理由。

81
00:09:15,400 --> 00:09:18,490
我們需要重新啟動，我們添加一個新的路由任何時候服務器。

82
00:09:18,850 --> 00:09:22,770
現在，如果我們回去發送請求，我們再次得到一個消息。

83
00:09:22,930 --> 00:09:24,740
您已達到崗位的路線。

84
00:09:24,820 --> 00:09:31,010
因此，我們在發送POST請求，我們正在做郵遞員通過，而不是使用一個形式，但它是完全相同的概念。

85
00:09:31,030 --> 00:09:32,130
它的工作原理是一樣的。

86
00:09:32,170 --> 00:09:36,650
我們發送POST請求此代碼正在運行的就在這裡。

87
00:09:36,710 --> 00:09:42,300
OK，讓我們想要做的下一件事就是用一種形式來發送POST請求。

88
00:09:42,430 --> 00:09:51,320
所以我打算去朋友學習每一頁，並在底部有很多形式，並且這種形式將提交給這條路線。

89
00:09:51,670 --> 00:09:54,390
所以請記住有兩個重要屬性。

90
00:09:54,440 --> 00:09:57,900
有動作，然後方法。

91
00:09:58,540 --> 00:09:59,790
所以，讓我們開始與方法。

92
00:09:59,920 --> 00:10:06,780
我們要發送POST請求和行動是你是一個整體，是斜線和朋友。

93
00:10:07,420 --> 00:10:10,700
並再次需要，以符合這個速度。

94
00:10:10,990 --> 00:10:13,440
斜線加為好友一職。

95
00:10:13,910 --> 00:10:14,620
好吧。

96
00:10:14,620 --> 00:10:25,880
而不是我們在這裡將有一個單一的輸入類型等於文本，然後我們也希望有一個佔位符，上面寫著姓名或任何我們希望放在那裡。

97
00:10:25,900 --> 00:10:37,180
這僅僅是佔位符文本，然後我們還會在最後添加一個按鈕，這將只是說我做了一個新朋友並保存。

98
00:10:37,890 --> 00:10:40,320
所以這會馬上為我們創建一個表單。

99
00:10:40,690 --> 00:10:55,090
如果我重新啟動服務器，我回去和我刷新頁面我現在有一個表格在這裡，如果我們檢查是否有這兩個屬性，我們有行動是添加好友方法後，它有一個單一的輸入。

100
00:10:55,420 --> 00:11:00,150
如果我輸入一些東西到我這裡做了一個新朋友今天任命鮑勃和他們點擊。

101
00:11:00,160 --> 00:11:02,500
我做了一個新朋友。

102
00:11:02,770 --> 00:11:04,560
你可以看到，我們得到了響應。

103
00:11:04,570 --> 00:11:09,980
您已達到崗位路線，這意味著我們正在發送POST請求，並且我們將它發送到正確的地方。

104
00:11:10,030 --> 00:11:14,140
斜線加的朋友，但我們不是在做這條路線任何東西。

105
00:11:14,140 --> 00:11:21,240
除了此消息響應，其實我們想要做的是從你想利用鮑勃的形式獲取數據。