1
00:00:00,150 --> 00:00:01,250
歡迎回來。

2
00:00:01,290 --> 00:00:11,850
所以這個視頻是我們做這個狗演示程序的概念性概述的最後一個視頻的延續，我們談到了TO GET請求路線。

3
00:00:12,180 --> 00:00:15,110
所以再次重申同樣的期望申請。

4
00:00:15,360 --> 00:00:32,580
你並不需要了解這段代碼的99％，如果你可以把東西概念塊，你可以理解，這裡該代碼負責狗得到路由，並以某種方式向您發送回有一堆狗在頁面它。

5
00:00:32,700 --> 00:00:34,660
這就是所有你需要知道現在。

6
00:00:34,680 --> 00:00:36,720
這同樣適用於新的概念。

7
00:00:36,720 --> 00:00:38,350
我們要在此視頻了解。

8
00:00:38,370 --> 00:00:41,100
重點是不語法這是對概念。

9
00:00:41,430 --> 00:00:49,450
因此，有三分之一的路線到這裡，我並沒有在第一視頻提及其在它的後路線略有不同。

10
00:00:49,710 --> 00:00:57,300
因此，當用戶發出一個POST請求削減創建的狗在這裡的代碼才會運行。

11
00:00:58,190 --> 00:01:04,140
而只是為了喚起你的記憶，用戶無法通過鍵入的東西到你或者阿爾巴做出POST請求。

12
00:01:04,290 --> 00:01:10,060
九十九點九九九，他們會作出一個POST請求％的時間是通過一種形式。

13
00:01:10,290 --> 00:01:12,970
所以，我們要看到，在行動只是一點點。

14
00:01:13,170 --> 00:01:16,880
但我也可以證明做郵遞員通過POST請求。

15
00:01:17,370 --> 00:01:20,190
因此，POST請求削減創建的狗。

16
00:01:20,370 --> 00:01:33,280
以及它會做的是它將我們在這是發生了什麼事就在這裡的名字是要求達到身體名字品種請求了身體遠系繁殖發送請求的品種取的名字。

17
00:01:33,300 --> 00:01:41,020
所以，在某種程度上要求有一個名稱，並在這個所謂身體品種和我們使用，為了使新的狗。

18
00:01:41,370 --> 00:01:50,850
然後，我們將用戶重定向回雪泥狗作為一個GET請求，然後將運行這些代碼，你會發現所有的狗，並渲染狗的頁面。

19
00:01:51,120 --> 00:01:52,560
所以很多事情發生。

20
00:01:52,830 --> 00:01:58,910
讓我們在一開始就開始通過發送一個簡單的post請求削減創建的狗。

21
00:01:59,250 --> 00:02:14,230
因此，讓我們去郵遞員，我會改過來這帖子，然後我們需要改變路線是localhost 3000斜線創建的狗，我們需要確保服務器仍在確定，當它是。

22
00:02:14,730 --> 00:02:22,090
然後我們可以只是擊中的地方送我們不會派一個名字和一個讀，我們將看看會發生什麼開始。

23
00:02:23,550 --> 00:02:31,010
所以，如果你看一下我們回到這是相同的狗頁面，有Rustie為什麼菊花錫特卡。

24
00:02:31,200 --> 00:02:35,250
再有就是還一個空的狗，沒有名字，沒有品種。

25
00:02:35,310 --> 00:02:46,800
如果我去我的瀏覽器在這裡，我刷新我再拍get請求削減的狗，這將觸發檢索所有從數據庫中的狗，使一個小活為每一個代碼。

26
00:02:46,950 --> 00:02:53,120
您可以在我們實際上在數據庫中一個空的狗看到那是因為我們沒有發送任何數據。

27
00:02:53,130 --> 00:02:56,630
我們沒有派出一個名字和品種，使我們的新狗。

28
00:02:56,670 --> 00:03:01,300
因此，他們是空的，我們的代碼只是做一個空的狗並將其保存到數據庫中。

29
00:03:01,500 --> 00:03:09,870
因此，要發送與郵遞員，我們可以去到身體，然後我們就可以輸入一些東西來補充身體中的數據。

30
00:03:10,080 --> 00:03:19,900
因此，我們希望有一個名字是查理和讀取和布里德值將為實驗室就是這樣。

31
00:03:19,920 --> 00:03:26,430
這是我們需要通過郵遞員做的，使一個具有名稱和品種其機身內部的POST請求。

32
00:03:26,760 --> 00:03:28,210
我會打發送。

33
00:03:28,770 --> 00:03:30,630
現在，你會看到我們得到的響應。

34
00:03:30,660 --> 00:03:34,150
再次是所有的狗這個時候在最後。

35
00:03:34,170 --> 00:03:36,090
我們有查理作為一個實驗室。

36
00:03:36,270 --> 00:03:41,400
如果我刷新過來再拍要求我得到所有的狗。

37
00:03:41,700 --> 00:03:43,100
查理已添加。

38
00:03:43,530 --> 00:03:46,090
讓我們回顧一下這一切在30秒在這裡。

39
00:03:46,290 --> 00:03:51,310
所以，我提出請求後請求創建犬只是另一種類型的請求。

40
00:03:51,540 --> 00:03:57,450
而在機身的請求，在這裡我添加名稱和品種查理和實驗室。

41
00:03:57,840 --> 00:04:05,040
然後我點擊發送，然後在我的代碼在服務器正在監聽POST請求削減狗。

42
00:04:05,510 --> 00:04:13,730
並創建與請求人狗不命名，並要求有人遠系繁殖這是那些我們與郵遞員送兩件事情。

43
00:04:14,220 --> 00:04:22,310
再經過它創建它重定向我們削減狗的狗，因此它不會給我們一個頁面或任何年齡給他。

44
00:04:22,470 --> 00:04:31,260
它實際上就在這裡運行在斜線狗的代碼，然後找到所有的狗，包括我們剛剛創建的新墨盒。

45
00:04:31,380 --> 00:04:35,870
查理還是在以前的情況下，它是一個空的狗，沒有名字，沒有品種。

46
00:04:36,000 --> 00:04:40,500
它檢索所有這些，然後它呈現，我們看到狗的模板。

47
00:04:40,680 --> 00:04:43,740
而對於每一個它使我們的小盟友。

48
00:04:44,640 --> 00:04:46,330
所以很多事情發生。

49
00:04:46,440 --> 00:04:48,060
它監聽POST請求。

50
00:04:48,270 --> 00:04:52,650
它加入了新的狗到一個數據庫，它的重定向我們削減的狗。

51
00:04:52,650 --> 00:04:56,170
現在讓我們來談談我們如何能做到這一點與表單。

52
00:04:56,220 --> 00:05:01,920
請記住，我們不能擊中在酒吧進入，但我們可以用表格做一個讓POST請求。

53
00:05:02,010 --> 00:05:05,630
所以，我要添加一個表單只是為了我的狗。

54
00:05:05,770 --> 00:05:06,240
是。

55
00:05:06,290 --> 00:05:07,330
在最底層。

56
00:05:07,410 --> 00:05:19,730
只需要做一個表單標籤，有兩部分形式現在會更有意義，我們談論他們，當我最初引進的形式，但你沒有太多的情況下，了解他們的意思。

57
00:05:19,750 --> 00:05:24,170
因此，這兩個屬性是行動和方法。

58
00:05:24,520 --> 00:05:26,150
所以我會用方法開始。

59
00:05:26,230 --> 00:05:30,780
我們正在做一個POST請求，你經常會看到這樣全部大寫為好。

60
00:05:30,790 --> 00:05:31,750
不要緊

61
00:05:31,990 --> 00:05:38,870
然後採取行動是我們正在做一個POST請求這是剛剛削減創建的狗。

62
00:05:39,120 --> 00:05:46,130
所以每當這種形式提交它會發送POST請求創建犬這就是我們期待在這裡。

63
00:05:46,150 --> 00:05:50,080
POST請求創建的狗將運行該代碼。

64
00:05:50,290 --> 00:05:52,210
接下來我們需要增加我們的投入。

65
00:05:52,270 --> 00:05:54,020
因此，我們將有兩個輸入。

66
00:05:54,190 --> 00:06:02,360
類型等於他們兩個就這樣文字和出佔位的這一個，只是說名字。

67
00:06:02,500 --> 00:06:05,270
然後，下一個將是品種。

68
00:06:05,860 --> 00:06:20,520
我們會做的最後一件事是有一個輸入類型被稱為提交，這將是我們的按鈕，如果我們刷新頁面，我們現在有一個形式，但有一個問題。

69
00:06:20,590 --> 00:06:21,620
如果我填了這一點。

70
00:06:21,730 --> 00:06:32,870
所以我們在這裡添加其他狗吃喝玩樂可以是獅子狗，當我點擊提交就會發送POST請求削減創建的狗。

71
00:06:33,190 --> 00:06:37,450
但要小心，當我做到這一點，我們結束了一個空的狗。

72
00:06:37,810 --> 00:06:44,940
那是因為，即使我有兩個輸入我沒有告訴瀏覽器什麼的這些輸入的名稱是。

73
00:06:45,400 --> 00:06:56,870
而這一次需要調用的名字這是一個有點混亂的名字，因為名字而這一次必須培育和造就一個佔位符。

74
00:06:56,880 --> 00:07:08,600
所以，現在我們所做的就是當用戶提交這個表單發送POST請求創建犬兩個數據增加這個name屬性，我們已經告訴瀏覽器。

75
00:07:08,920 --> 00:07:15,430
名稱應在此輸入等於什麼的和繁殖等於在此輸入以及什麼的。

76
00:07:15,490 --> 00:07:19,040
我們會花大量的時間書寫格式和處理不同的屬性。

77
00:07:19,240 --> 00:07:20,760
所以，請不要在太趕上了。

78
00:07:20,920 --> 00:07:24,810
但目前最重要的是，我們將數據添加到身上。

79
00:07:24,820 --> 00:07:39,260
如果我刷新並添加彩虹糖誰是獅子狗，現在我已經提交，你可以看到它發送一個POST請求，你可以看到這裡後削減創建的狗。

80
00:07:39,880 --> 00:07:48,370
然後就是發生了什麼，而不是創造的狗在這裡它創造了一個狗從表單名稱和品種的數據。

81
00:07:48,820 --> 00:07:54,060
再後，創建了狗，並保存在數據庫並不真正的問題是如何工作的。

82
00:07:54,070 --> 00:07:56,460
但它只是工作。

83
00:07:56,470 --> 00:08:08,370
然後我們重定向到斜線狗這就是為什麼居然還有在這裡打印出來，第二的小東西，上面寫著一個GET請求作出大幅削減的狗，即使我其實沒有回車。

84
00:08:08,380 --> 00:08:17,190
發生了什麼事是，當我提出的要求，削減創建的狗在它實際上使我削減狗另一個請求結束後。

85
00:08:17,440 --> 00:08:26,750
然後是找到所有的狗，然後將它呈現的狗模板，我們在這裡看到，然後我們得到的形式在底部和所有的狗所在。

86
00:08:26,830 --> 00:08:28,830
這就是為什麼我們看到的這款這裡。

87
00:08:28,890 --> 00:08:42,530
所以，如果你真的付出密切關注該圖標就在這裡，你會真正看到因此在命名竊笑的保持與糖果主題竊笑可以是一個實驗室，以及另一隻狗。

88
00:08:42,750 --> 00:08:44,230
當我點擊提交。

89
00:08:44,230 --> 00:08:46,180
非常密切地關注這一點。

90
00:08:46,170 --> 00:08:47,390
這將是非常快。

91
00:08:47,800 --> 00:08:49,900
但它改變只是瞬間。

92
00:08:50,200 --> 00:09:08,980
這很重要，因為它表明，當我提出一個要求，它實際上需要我離開這個頁面，然後我們被重定向這裡只是超快速的，所以我們不只是停留在此頁面上它其實需要我們而去的全部時間瞬間，然後重定向我們回來，向我們展示了這個內容，這就是這裡發生了什麼。

93
00:09:08,980 --> 00:09:14,000
當你提出要求削減創建的狗，然後重定向我們削減的狗。

94
00:09:14,160 --> 00:09:20,350
然後裡面的狗它使我們的狗的模板，這就是我們如何看待這一切在瀏覽器中。

95
00:09:20,670 --> 00:09:20,930
好。

96
00:09:20,950 --> 00:09:22,350
因此，我們涵蓋了很多東西。

97
00:09:22,360 --> 00:09:24,850
我只想指出的重要組成部分。

98
00:09:24,850 --> 00:09:42,250
其中一個是，我們的服務器代碼中我們可以GET請求和POST請求之間的區別，我們可以根據發生了什麼事時，做不同的代碼，並記住一個get是檢索信息和職位是添加或提交的信息是什麼我們使用彌補。

99
00:09:42,390 --> 00:09:46,010
削減創建的狗後是如何創建一個新的狗。

100
00:09:46,240 --> 00:09:50,860
有兩件事情是必須在請求主體的名稱和品種。

101
00:09:50,980 --> 00:09:53,710
如果他們不存在就會使一個空的狗。

102
00:09:54,000 --> 00:10:00,100
但無論何種類型的狗它使得然後重定向我們削減的狗，然後運行這些代碼。

103
00:10:00,550 --> 00:10:05,680
而另一個重要的事情是，當我們提交這份有一個瞬間刷新。

104
00:10:05,670 --> 00:10:10,890
這真是非常快，但它仍然是我們正在做的請求別處刷新。

105
00:10:11,020 --> 00:10:15,250
就像如果我這樣做，我敲回車，我們實際上是在做另一個請求。

106
00:10:15,280 --> 00:10:16,500
這裡同樣的想法。

107
00:10:16,680 --> 00:10:17,880
當我點擊提交。

108
00:10:18,100 --> 00:10:21,060
繼續觀看在這裡讓每一次的請求。

109
00:10:21,310 --> 00:10:28,440
所以，這就是我想談談解決這個引進兩台服務器和兩個路線和HTP。

110
00:10:28,620 --> 00:10:29,890
我們現在做的。

111
00:10:29,880 --> 00:10:38,230
所以，接下來我們將重點放在讓我們的開發環境的搭建和安裝所有你需要的，這樣我們就可以這樣開始寫代碼的工具。