1
00:00:00,150 --> 00:00:01,250
お帰りなさい。

2
00:00:01,290 --> 00:00:08,310
だからこのビデオは最後のビデオの続きで、この犬のデモアプリの概念の概要を説明しました。私たちはTO

3
00:00:08,310 --> 00:00:11,850
GETリクエストルートについて話しました。

4
00:00:12,180 --> 00:00:15,110
もう一度、同じ期待を繰り返してもらいましょう。

5
00:00:15,360 --> 00:00:21,690
 

6
00:00:21,840 --> 00:00:29,910
 

7
00:00:29,910 --> 00:00:32,580
概念的なブロックとして扱うことができ、ここでこのコードがルートを取得する犬の責任を負っていると理解できれば、このコードの99％を理解する必要はありません。そして、何とかあなたは犬を束ねたページを返しますそれ。

8
00:00:32,700 --> 00:00:34,660
それは今あなたが知る必要があるすべてです。

9
00:00:34,680 --> 00:00:36,720
新しい概念にも同じことが当てはまります。

10
00:00:36,720 --> 00:00:38,350
私たちはこのビデオで学びます。

11
00:00:38,370 --> 00:00:41,100
焦点は概念上の構文ではありません。

12
00:00:41,430 --> 00:00:47,070
ここには3番目のルートがあります。最初のビデオでは言及していませんが、それはポストルートだという点で少し異なります。

13
00:00:47,580 --> 00:00:49,450
 

14
00:00:49,710 --> 00:00:57,300
したがって、ここのコードは、ユーザーがdogを作成するためのPOSTリクエストを行うときにのみ実行されます。

15
00:00:58,190 --> 00:01:03,870
そしてあなたの記憶をジョギングするだけで、ユーザーは自分やAlbarに何かを入力してPOST要求をすることはできません。

16
00:01:04,290 --> 00:01:09,330
彼らがPOST要求をしている時間の90％9 9 9パーセントはフォームを通してです。

17
00:01:09,330 --> 00:01:10,060
 

18
00:01:10,290 --> 00:01:12,970
だから、私たちは実際にそれがちょっとだけ見えるだろう。

19
00:01:13,170 --> 00:01:16,880
しかし、私は郵便配達員を通じてPOSTリクエストを行うことも実証することができます。

20
00:01:17,370 --> 00:01:20,190
したがって、犬を作成するための要求を投稿してください。

21
00:01:20,370 --> 00:01:26,610
 

22
00:01:26,610 --> 00:01:33,280
そして、それは私たちがリクエストで送る品種の名前を取ります。ここで起こっていることは名前です。

23
00:01:33,300 --> 00:01:39,720
だから何とかリクエストには、体と呼ばれるこのことに名前と品種があり、私たちは新しい犬を作るためにそれを使っています。

24
00:01:39,720 --> 00:01:41,020
 

25
00:01:41,370 --> 00:01:46,920
そして、私たちは、あなたがすべての犬を見つけて犬のページをレンダリングするこのコードをすべて実行するgetリクエストとして、犬を犬に戻すようにリダイレクトしています。

26
00:01:46,920 --> 00:01:50,850
 

27
00:01:51,120 --> 00:01:52,560
そう、多くのことが起こっています。

28
00:01:52,830 --> 00:01:58,910
最初から、犬を作成する簡単な投稿要求を送信してみましょう。

29
00:01:59,250 --> 00:02:05,880
ですから、郵便配達所に行きましょう。私はこれを投稿に変更してから、localhost

30
00:02:05,880 --> 00:02:13,380
3000スラッシュ作成犬になるようにルートを変更する必要があります。サーバーがまだ正常になっていることを確認する必要があります。

31
00:02:13,380 --> 00:02:14,230
 

32
00:02:14,730 --> 00:02:19,860
そして、名前をつけて読んでいないところでセンドを押すだけで、何が起こるかを見ることができます。

33
00:02:19,860 --> 00:02:22,090
 

34
00:02:23,550 --> 00:02:31,010
あなたが戻ってきたものを見れば、同じ犬のページになっています。なぜならRustieにはなぜそれがDaisy Sitkaなのですか？

35
00:02:31,200 --> 00:02:35,250
そして名前がなくて品種もない空の犬がいます。

36
00:02:35,310 --> 00:02:41,670
ここで私のブラウザに行ってリフレッシュすると、別のリクエストを出して、犬をスラッシュし、データベースからすべての犬を取得し、それぞれの犬を少しずつ生き生きとさせるコードをトリガーします。

37
00:02:41,670 --> 00:02:46,800
 

38
00:02:46,950 --> 00:02:53,100
実際には、データベースに空の犬がいることがわかります。これは、データを送信しなかったためです。

39
00:02:53,130 --> 00:02:56,630
私たちは新しい犬を作るために名前と品種を送っていませんでした。

40
00:02:56,670 --> 00:03:01,300
だから彼らは空で、私たちのコードは空の犬を作ってデータベースに保存しました。

41
00:03:01,500 --> 00:03:09,090
郵便配達員とデータをやりとりするために、私たちは体に行くことができます。次に体に追加するものを入力するだけです。

42
00:03:09,090 --> 00:03:09,870
 

43
00:03:10,080 --> 00:03:19,900
だから私たちはチャーリーという名前を読んで読んで、ブリーデの価値はそれと同じようにラボになるでしょう。

44
00:03:19,920 --> 00:03:25,830
これは、身体の中に名前と品種がある投稿要求を行うために郵便配達員を通じて行う必要があるすべてです。

45
00:03:25,830 --> 00:03:26,430
 

46
00:03:26,760 --> 00:03:28,210
そして、私はsendを押すでしょう。

47
00:03:28,770 --> 00:03:30,630
これで、私たちの反応を見ることができます。

48
00:03:30,660 --> 00:03:34,150
今回はもう一度すべての犬です。

49
00:03:34,170 --> 00:03:36,090
私たちはチャーリーを実験室に持っています。

50
00:03:36,270 --> 00:03:41,400
そして、私がここでリフレッシュすると、別の要求をして、私はすべての犬を手に入れます。

51
00:03:41,700 --> 00:03:43,100
Charlieが追加されました。

52
00:03:43,530 --> 00:03:46,090
ここで30秒ですべてを要約しましょう。

53
00:03:46,290 --> 00:03:51,310
だから私は犬を作成するためのリクエストを別のタイプのリクエストにする。

54
00:03:51,540 --> 00:03:57,450
そしてここにある身体の要求で、私は名前とチャーリーと研究室を増やしています。

55
00:03:57,840 --> 00:04:05,040
そして、私はsendを押してから、サーバ上の私のコードで、犬をスラッシュするというポストリクエストを聞いています。

56
00:04:05,510 --> 00:04:11,370
そして、郵便配達員と一緒に送った2つのものが誰かに名前を付けずに誰かにアウトブレードするように依頼して、犬を作ります。

57
00:04:11,370 --> 00:04:13,730
 

58
00:04:14,220 --> 00:04:21,420
そして、それが犬を作り出した後、それは私たちを犬をスラッシュするようにリダイレクトします。

59
00:04:21,420 --> 00:04:22,310
 

60
00:04:22,470 --> 00:04:29,670
実際にスラッシュ犬のコードを実行して、今作成したまったく新しい犬を含むすべての犬を見つけます。

61
00:04:29,670 --> 00:04:31,260
 

62
00:04:31,380 --> 00:04:35,870
チャーリー、または以前のケースでは、それは名前と品種のない空の犬でした。

63
00:04:36,000 --> 00:04:40,500
それらのすべてを取得し、その後、私たちが見たその犬のテンプレートをレンダリングします。

64
00:04:40,680 --> 00:04:43,740
そして、それぞれのために、私たちはほとんど仲良くしません。

65
00:04:44,640 --> 00:04:46,330
そう、多くのことが起こっています。

66
00:04:46,440 --> 00:04:48,060
それはPOSTリクエストを聞いています。

67
00:04:48,270 --> 00:04:52,650
それはデータベースに新しい犬を追加しており、それは私たちを犬をスラッシュに向けてリダイレクトしています。

68
00:04:52,650 --> 00:04:56,170
さて、これをフォームでどうやってやれるか話しましょう。

69
00:04:56,220 --> 00:05:01,920
バーにenterを押してPOSTリクエストを行うことはできませんが、フォームを使用してPOSTリクエストを行うことができます。

70
00:05:02,010 --> 00:05:05,630
だから私は私の犬にちょうどフォームを追加するつもりです。

71
00:05:05,770 --> 00:05:06,240
はい。

72
00:05:06,290 --> 00:05:07,330
一番下に。

73
00:05:07,410 --> 00:05:14,680
フォームタグを作成しようとしていますが、フォームには2つの部分があり、フォームを元々紹介したときに私たちが話したことの意味がもっと分かりましたが、その意味を理解するための文脈はあまりありませんでした。

74
00:05:14,680 --> 00:05:19,180
 

75
00:05:19,180 --> 00:05:19,730
 

76
00:05:19,750 --> 00:05:24,170
その2つの属性はアクションとメソッドです。

77
00:05:24,520 --> 00:05:26,150
だから私は方法で始めるでしょう。

78
00:05:26,230 --> 00:05:30,780
私たちは投稿のリクエストをしています。あなたはしばしばこれをすべての帽子で見ることができます。

79
00:05:30,790 --> 00:05:31,750
それは問題ではありません。

80
00:05:31,990 --> 00:05:38,870
そして、アクションは私たちが犬を作成するだけのスラッシュであるという投稿要求を出している場所です。

81
00:05:39,120 --> 00:05:45,760
だからこのフォームが提出されるたびに私たちはここで期待している犬を作るための投稿要求を送るでしょう。

82
00:05:45,750 --> 00:05:46,130
 

83
00:05:46,150 --> 00:05:50,080
POSTリクエストcreate dogがこのコードを実行します。

84
00:05:50,290 --> 00:05:52,210
次に入力を追加する必要があります。

85
00:05:52,270 --> 00:05:54,020
2つの入力があります。

86
00:05:54,190 --> 00:06:01,720
Typeは、それと同じように、両方のテキストと同じであり、名前というだけのこのオブジェクトの不在保持者と同じです。

87
00:06:01,720 --> 00:06:02,360
 

88
00:06:02,500 --> 00:06:05,270
そして、次のものは品種のためになります。

89
00:06:05,860 --> 00:06:14,770
最後に、私たちのボタンとなるsubmitと呼ばれる入力タイプを持っています。ページを更新するとフォームが作成されますが、問題があります。

90
00:06:14,760 --> 00:06:20,520
 

91
00:06:20,590 --> 00:06:21,620
私はこれを記入してください。

92
00:06:21,730 --> 00:06:30,760
だから私たちは別の犬をここに追加します。私が提出したときにプードルになることができるSkittlesは、犬を作成するための投稿要求を送信します。

93
00:06:31,120 --> 00:06:32,870
 

94
00:06:33,190 --> 00:06:37,450
しかし、私がすると、空の犬で終わるのを見てください。

95
00:06:37,810 --> 00:06:44,350
それは、2つの入力があっても、ブラウザに入力の名前を教えていないからです。

96
00:06:44,350 --> 00:06:44,940
 

97
00:06:45,400 --> 00:06:53,140
そして、この名前は名前と呼ばれる必要があります。これは少し混乱する名前です。名前とこの名前は繁殖する必要があり、プレースホルダーもそうです。

98
00:06:53,130 --> 00:06:56,870
 

99
00:06:56,880 --> 00:07:03,250
これで、ユーザーがこのフォームを送信したときにブラウザに伝えたこの名前属性を追加することによって、2つのデータを持つ犬を作成するための投稿要求を送信します。

100
00:07:03,250 --> 00:07:08,600
 

101
00:07:08,920 --> 00:07:14,920
名前はこの入力にあるものと同じでなければならず、品種はこの入力にも同じものでなければなりません。

102
00:07:15,490 --> 00:07:19,040
私たちは時間をかけてフォームを書いたり、さまざまな属性を扱ったりしています。

103
00:07:19,240 --> 00:07:20,760
だからあまりにもそれに巻き込まれないでください。

104
00:07:20,920 --> 00:07:24,810
しかし今重要なのは、私たちが身体にデータを追加していることです。

105
00:07:24,820 --> 00:07:33,310
そして私がリフレッシュしてプードルであるSkittlesを追加したら、私はあなたに投稿要求を送ってきたことを見ることができます。

106
00:07:33,310 --> 00:07:39,260
 

107
00:07:39,880 --> 00:07:46,410
そして、何が起こったかは、その代わりに犬を作成する代わりに、フォームから名前と品種のデータを持つ犬を作成しました。

108
00:07:46,420 --> 00:07:48,370
 

109
00:07:48,820 --> 00:07:54,060
その後、その犬を作成し、データベースを保存した後は、その動作方法は関係ありません。

110
00:07:54,070 --> 00:07:56,460
しかし、それだけで動作します。

111
00:07:56,470 --> 00:08:03,210
それから私たちはスラッシュ犬にリダイレクトしています。実際には、私が実際に入力しなかったにもかかわらず、犬をスラッシュするように要求が出されたという、実際にここに2番目の小さなものが印刷されています。

112
00:08:03,220 --> 00:08:08,370
 

113
00:08:08,380 --> 00:08:14,290
何が起こったのは、私が実際に犬を斬るために別の要求をしたときに、犬を郵便ポストとして作成することを要求したときです。

114
00:08:14,290 --> 00:08:17,190
 

115
00:08:17,440 --> 00:08:23,970
そして、それはすべての犬を見つけて、それから私たちがここに見ている犬のテンプレートをレンダリングし、そしてフォームを底部とすべての犬の嘘で得る。

116
00:08:23,980 --> 00:08:26,750
 

117
00:08:26,830 --> 00:08:28,830
それがここにあるのです。

118
00:08:28,890 --> 00:08:35,580
 

119
00:08:35,590 --> 00:08:42,530
だから、このアイコンに本当に注意を払うなら、実際にSnickerがキャンディーテーマを守っている別の犬に見えるようになり、snickersも同様に研究室になる可能性があります。

120
00:08:42,750 --> 00:08:44,230
私が提出したとき。

121
00:08:44,230 --> 00:08:46,180
これを非常に注意深く見てください。

122
00:08:46,170 --> 00:08:47,390
それは本当に速くなるだろう。

123
00:08:47,800 --> 00:08:49,900
しかし、それはただの瞬間のために変わった。

124
00:08:50,200 --> 00:08:54,900
 

125
00:08:54,900 --> 00:09:00,180
 

126
00:09:00,190 --> 00:09:06,370
 

127
00:09:06,370 --> 00:09:08,980
これは重要なことです。リクエストをすると、実際にこのページから私を引き離してから、すぐにここに戻ってリダイレクトされているので、実際に私たちを離れていくうちにこのページにとどまっているだけではありません私たちはこのコンテンツを私たちに示しています。そして、それはここで起こっていることです。

128
00:09:08,980 --> 00:09:14,000
あなたが犬を作成するためにスラッシュを要求すると、犬をスラッシュにリダイレクトします。

129
00:09:14,160 --> 00:09:19,980
そして、犬の内部では、犬のテンプレートをレンダリングします。このテンプレートは、ブラウザでこのすべてをどのように見えるかです。

130
00:09:20,670 --> 00:09:20,930
OK。

131
00:09:20,950 --> 00:09:22,350
だから我々はそこで多くをカバーしていた。

132
00:09:22,360 --> 00:09:24,850
重要な部分だけを指摘しましょう。

133
00:09:24,850 --> 00:09:31,480
 

134
00:09:31,480 --> 00:09:37,500
 

135
00:09:37,570 --> 00:09:42,250
1つは、サーバーコードの内部で、取得リクエストとポストリクエストを区別することができ、いつ発生したのかによって異なるコードを実行でき、getは情報を取得することを覚えており、投稿は情報を追加または送信することです私たちは使い果たしている。

136
00:09:42,390 --> 00:09:46,010
あなたが新しい犬を作る方法です。

137
00:09:46,240 --> 00:09:50,860
そして要求のボディに名前と品種がなければならない2つのことがあります。

138
00:09:50,980 --> 00:09:53,710
彼らがそこにいなければ空の犬を作るでしょう。

139
00:09:54,000 --> 00:10:00,100
しかし、どんなタイプの犬であれ、それをスラッシュにリダイレクトして、このコードをすべて実行します。

140
00:10:00,550 --> 00:10:05,680
もう一つ重要なことは、私たちがこれを提出すると即座にリフレッシュするということです。

141
00:10:05,670 --> 00:10:10,890
それは本当にすばらしいですが、まだどこかでリクエストを行っているところです。

142
00:10:11,020 --> 00:10:15,250
私がこれを行い、私がEnterを押すのと同じように、私たちは実際に別の要求をしています。

143
00:10:15,280 --> 00:10:16,500
ここでも同じ考え。

144
00:10:16,680 --> 00:10:17,880
私が提出したとき。

145
00:10:18,100 --> 00:10:21,060
ここを見て、毎回リクエストをしてください。

146
00:10:21,310 --> 00:10:28,440
今回の紹介では2つのサーバーと2つのルートとHTPについてお話したいだけです。

147
00:10:28,620 --> 00:10:29,890
私たちは今終わっている。

148
00:10:29,880 --> 00:10:35,220
次のように、開発環境をセットアップし、必要なすべてのツールをインストールして、このようなコードを書くことができるようにすることに焦点を当てます。

149
00:10:35,230 --> 00:10:38,230