1
00:00:00,230 --> 00:00:02,350
私がしたいことがわかっているのは、ショーテンプレートを作ることです。

2
00:00:02,610 --> 00:00:06,900
だから私はこれをコメントアウトして、サーバーを起動するたびに常に新しいキャンプ場を作っているわけではありません。

3
00:00:06,900 --> 00:00:07,590
 

4
00:00:07,770 --> 00:00:12,060
だから私たちはただここで下っていくだけです。

5
00:00:12,240 --> 00:00:18,670
私のレーベルショーに1つのキャンプ場についての詳細情報を追加してみましょう。

6
00:00:19,320 --> 00:00:21,330
だから私たちはキャンプ場を見つける必要があります。

7
00:00:21,420 --> 00:00:22,370
私たちはそれに戻ってきます。

8
00:00:22,500 --> 00:00:24,050
ショーテンプレートをいつレンダリングするか。

9
00:00:24,210 --> 00:00:29,950
だから、そのドットレンダリングのショーを開始してから、そのテンプレートを作成する必要があります。

10
00:00:30,150 --> 00:00:38,610
だから我々はタッチビューを行うつもりだスラッシュは私たちを示し、次にC9のビューは、Ejay私たちを示し、その後、非常に単純なH -

11
00:00:38,610 --> 00:00:40,320
1を追加します。

12
00:00:40,440 --> 00:00:52,730
これは私たちが行っているショーテンプレートです。その作品が新鮮であることを確認しましょう。

13
00:00:52,740 --> 00:00:58,980
 

14
00:00:58,980 --> 00:01:06,000
 

15
00:01:06,000 --> 00:01:08,520
今私たちがあなたがうまくいけば、それはショールートであるキャンプグラウンドスラッシュです新しいキャンプグラウンドではないものは新しいものですが、それは新しいフォームになりますが、他のIDとIDはそのように見えるので特別です。

16
00:01:08,520 --> 00:01:10,450
そしてそれらはMongoから来ています。

17
00:01:10,470 --> 00:01:15,050
したがって、これらのアイデアはMongoによって自動的に生成され、何かを保存します。

18
00:01:15,210 --> 00:01:20,130
そして、私たちがやることから始めようとしているのは、ショーページへのリンクを実際に追加することです。ここにボタンをクリックすると、クリックすると詳細情報が表示されます。

19
00:01:20,130 --> 00:01:24,250
 

20
00:01:24,420 --> 00:01:33,870
だから、私たちはキャンプ場をはっきりと見せてくれるが、E. J.

21
00:01:34,110 --> 00:01:38,930
私たちはこのコンベンションに従っているので、技術的にはこのファイルの名前をキャンプグラウンドではなくEjayという名前にする必要があります。

22
00:01:38,970 --> 00:01:44,040
だから私たちは、キャンプ場ではなく、このインデックスに名前を付けるべきだということを新たに示しました。

23
00:01:44,460 --> 00:01:46,630
だから私たちはここでそれをすばやく行うことができます。

24
00:01:46,710 --> 00:01:52,130
ビューの地面に行って、名前をEという名前に変更することができます。 J. はい。

25
00:01:52,140 --> 00:01:52,710
 

26
00:01:52,920 --> 00:01:57,510
ターミナル経由でこれを行う方法はたくさんありますが、それはあなたに別のコマンドを表示するよりも、今のところ最速になります。

27
00:01:57,510 --> 00:01:58,540
だから我々はそれを行い、正しいテンプレートをレンダリングしていることを確かめる必要があります。

28
00:01:58,770 --> 00:02:03,470
だから、今すぐインデックスをレンダリングする必要があります。

29
00:02:03,810 --> 00:02:07,400
 

30
00:02:07,890 --> 00:02:14,880
だから今私たちがしたいのは、各キャンプ場にイメージと名前を表示するだけではなく、ここに段落を追加して、その段落にアンカータグを追加して、

31
00:02:14,880 --> 00:02:20,580
refで1秒。

32
00:02:20,580 --> 00:02:22,070
それはより多くの情報を示すアンカータグにすることができ、私たちはそれをクラスに与えます。

33
00:02:22,090 --> 00:02:27,500
 

34
00:02:27,510 --> 00:02:39,630
また、ブートストラップを使用して、DTNとETNをそのようにプライマリにして保存し、最初にどのように見えるかを見てみましょう。

35
00:02:39,630 --> 00:02:41,030
だから、それはまだ動作しませんが、それはどこにも行きません。

36
00:02:41,260 --> 00:02:44,470
しかし、もし私たちが新鮮だったら。

37
00:02:44,640 --> 00:02:46,410
今のところ十分に見えるよ。

38
00:02:46,410 --> 00:02:47,840
私たちはそれをクリックして詳細情報ボタンを持っています。

39
00:02:47,850 --> 00:02:50,430
 

40
00:02:50,490 --> 00:02:56,370
今すぐページを更新しますが、私たちはショーページに私たちを連れて行きたいので、テンプレートを変更する必要があります。そして、このスラッシュキャンプグラウンドのように見える8つのドラフトは、IDをスラッシュし、そのIDはキャンプグラウンドドットアンダースコアID。

41
00:02:56,370 --> 00:03:04,710
 

42
00:03:04,710 --> 00:03:09,510
だからここでEjayを使う必要があります。

43
00:03:09,780 --> 00:03:11,610
 

44
00:03:12,240 --> 00:03:18,930
そして、ここで私はキャンプグラウンドキャンプ場の一部であるキャンプグラウンドドットアンダースコアIDを指示するつもりです。それぞれのキャンプグラウンドにイメージと名前を印刷している名前です。

45
00:03:18,930 --> 00:03:24,180
私たちには表示されていないが、私には説明があります。 D. 私たちはリンクを作成するために使用する予定です。

46
00:03:24,180 --> 00:03:28,950
 

47
00:03:29,010 --> 00:03:29,700
 

48
00:03:29,880 --> 00:03:38,130
だから私が今再開すれば、それが私たちに与えてくれるものを見てみましょう。あなたはこれを調べて、キャンプグラウンドのスラッシュを見ることができます。

49
00:03:38,140 --> 00:03:39,290
Mongo D-B IDが自動的に生成されています。

50
00:03:39,330 --> 00:03:44,100
そしてそのリンクをクリックすると、私たちはショーテンプレートキャンプグラウンドスラッシュとその狂気のアイデアになります。

51
00:03:44,280 --> 00:03:50,910
そして、私たちがする必要があるのは、ショーテンプレートの代わりに、またはここにあるショールート内でそのIDを使用することです。

52
00:03:51,120 --> 00:03:57,180
 

53
00:03:57,180 --> 00:03:59,040
 

54
00:03:59,040 --> 00:04:06,120
私たちは、アイデアの中にあるアイデンティティをキャプチャしたいと思っています。私たちがコロンを持っていたブタとウインクとムーンと、

55
00:04:06,120 --> 00:04:13,050
。

56
00:04:13,110 --> 00:04:16,690
私たちがやろうとしていることは、マングースが私に私のIDを見つけるという新しい方法を使うことです。

57
00:04:16,710 --> 00:04:23,040
私たちはキャンプ場でこれをやっていますので、キャンプ場でIDで見つけてください。

58
00:04:23,250 --> 00:04:27,050
IDとコールバックの2つの引数が必要です。

59
00:04:27,270 --> 00:04:32,150
だから最初のものが最も簡単です。

60
00:04:32,580 --> 00:04:34,280
 

61
00:04:34,380 --> 00:04:41,070
 

62
00:04:41,310 --> 00:04:49,980
 

63
00:04:49,980 --> 00:04:55,500
 

64
00:04:55,840 --> 00:05:01,440
IDはちょうどハムのIDを要求し、コールバックは私たちがエラーを持っている私たちの他のもののように見えるし、それがIDで見つけるから戻るデータであるcampgroundを見つけることができますので、これらのIDのポイントであるIDとマンガはユニークなものなので、複数の矛盾したキャンプサイトに問題がないようにすることができます。

65
00:05:01,440 --> 00:05:05,430
これはIDでなくてはなりません。

66
00:05:05,550 --> 00:05:07,180
それは名前でもあり、実際にはReddit

67
00:05:07,290 --> 00:05:10,290
Fridayをもう一度見てみるとユニークです。

68
00:05:13,570 --> 00:05:15,170
だからもっと安全です。

69
00:05:15,210 --> 00:05:16,780
 

70
00:05:16,800 --> 00:05:22,740
だからこれはうまくいけばキャンプ場を見つけるだろうし、私たちは簡単なエラーチェックをして、エラーを取り消してログに記録する。

71
00:05:22,780 --> 00:05:23,970
さもなければ、それがうまくいくかどうかは、ショーテンプレートをレンダリングすることです。

72
00:05:24,420 --> 00:05:30,870
そしてそれは赤い点のレンダリングショーです。

73
00:05:31,590 --> 00:05:34,080
しかし、私たちは見つかったキャンプ場を通過し、それをそのテンプレートの中で使うつもりです。

74
00:05:34,320 --> 00:05:39,810
赤レンダリングでショーをしたら、私たちはキャンプグラウンドという名前の下を通過します。

75
00:05:40,080 --> 00:05:44,830
私たちは見つけたキャンプ場を渡すつもりです。

76
00:05:44,910 --> 00:05:47,670
 

77
00:05:48,300 --> 00:05:53,670
それでショーテンプレートの中にキャンプ場にアクセスでき、このIDで見つけたものの価値があります。

78
00:05:53,670 --> 00:05:55,810
だから我々は対決Eに行くのを救うだろう。 J. はい。

79
00:05:56,040 --> 00:05:58,970
非常に簡単なことをしましょう。その段落に段落を追加するだけです。

80
00:05:59,010 --> 00:05:59,660
 

81
00:05:59,840 --> 00:06:05,550
私たちはキャンプ場のドット名を追加するつもりです。それをそのまま残しておき、ちょっとしたことを追加します。

82
00:06:05,820 --> 00:06:14,400
さて、それが動作することを確認しましょう。

83
00:06:14,400 --> 00:06:15,890
 

84
00:06:16,040 --> 00:06:17,860
だから我々はリフレッシュして戻ってきます。このリンクをクリックすると、メソッドがないという劇的なエラーが表示されます。

85
00:06:18,150 --> 00:06:25,350
IDで検索

86
00:06:25,350 --> 00:06:26,140
そして、それは私たちがそれを大文字にしたくないので、かなりばかげたものです。

87
00:06:26,220 --> 00:06:27,820
だから我々が戻ってちょうどこれを非常に簡単に修正すれば、小文字のfでも問題ありません。

88
00:06:27,870 --> 00:06:31,640
すべてのメソッドが小文字で始まることを忘れないでください。

89
00:06:31,680 --> 00:06:38,320
今我々がそれをサーバーを再起動して呼び出すと、これは表示テンプレートGranitevilleです。

90
00:06:38,430 --> 00:06:41,220
もちろん、グラント・ヒル以上のものを展示したいのですが、それは同じプロセスです。

91
00:06:41,220 --> 00:06:47,660
今私はこれを取っています。 D. 私たちはそれを使ってキャンプ場を見つけようとしています。 D. このテンプレートをレンダリングします。

92
00:06:47,850 --> 00:06:51,570
 

93
00:06:51,600 --> 00:06:56,460
ですから、すぐにスタイルを変更するつもりはありません。

94
00:06:56,460 --> 00:06:57,930
 

95
00:06:57,930 --> 00:06:59,890
しかし、すぐに戻ってショーに戻ってみましょう。画像にもう一度追加します。ソースは、その画像のキャンプ場と同じになり、さらに下部に別の段落を追加します。

96
00:06:59,920 --> 00:07:06,120
そして、この1つはキャンプグラウンドのドットの説明をちょうどそっくりそのまま持ち、それを保存します。

97
00:07:06,120 --> 00:07:13,870
ここで名前をつけて、H-1がそのようなキャンプグラウンド名だけを言うように、それを動かしましょう。

98
00:07:14,070 --> 00:07:23,680
私たちは今新鮮です。

99
00:07:24,300 --> 00:07:32,730
我々は花崗岩の丘を取得し、我々はこれをここで私たちのイメージを参照してください、そして、これは巨大な花崗岩の丘です。

100
00:07:33,510 --> 00:07:35,030
浴室はありません美しい助成金はありません。

101
00:07:35,250 --> 00:07:40,210
そして私たちは簡単なインクルードだけでレイアウトを追加する必要があります。

102
00:07:40,230 --> 00:07:42,630
したがって、単に時間を節約するためにここに別のテンプレートからコピーしてみましょう。

103
00:07:42,780 --> 00:07:46,920
だから私たちはそれをコピーして、同じことを私たちのフッターにします。

104
00:07:46,980 --> 00:07:51,910
そして今、私たちはいくつかのブートストラップを見るべきです。

105
00:07:52,140 --> 00:07:55,770
そこに私達はnav barを行く。

106
00:07:56,370 --> 00:07:58,900
私たちはフォントを変更します。

107
00:07:58,920 --> 00:08:00,550
私たちはまだこれをすぐにスタイルする必要があります。

108
00:08:00,600 --> 00:08:02,040
 

109
00:08:02,070 --> 00:08:04,720
だから、私は新しいキャンプ場に追加すると、それはまだ名前とイメージだけであるという小さなものを除いて、すべてがうまくいくように見えます。

110
00:08:05,040 --> 00:08:10,870
それでは、それをリファクタリングしてみましょう。彼女はNewにあるフォームに戻ります。

111
00:08:11,470 --> 00:08:14,030
そこでここから抜けて、新しいビューを開くようにしましょう。

112
00:08:14,340 --> 00:08:18,870
代わりに、ボタンの前の右下に入力する必要がある別の入力が必要です。

113
00:08:18,870 --> 00:08:23,910
 

114
00:08:24,540 --> 00:08:30,090
そして、私たちの入力は説明のプレースホルダーを持つことになり、最終的にこれをより大きな入力にしたいと考えています。

115
00:08:30,750 --> 00:08:37,200
 

116
00:08:37,200 --> 00:08:38,100
 

117
00:08:38,100 --> 00:08:47,970
 

118
00:08:47,970 --> 00:08:56,790
今のところそれは単なるテキスト入力ですし、名前を説明に変更して保存します。ここでApalacheeに戻ることができます。作成の代わりにここまでの説明とすべてのDSCは、名前属性がここに設定されているものであるボディドット記述を要求するのと同じですか？

119
00:08:56,790 --> 00:09:05,100
そこに行く。

120
00:09:05,100 --> 00:09:06,770
そして、それを取って、それを新しいオブジェクトに渡します。このオブジェクトの記述は、DGSEのフォームから取得しているこの変数と同じで、他のすべてのオブジェクトは全く同じになるはずです。

121
00:09:06,770 --> 00:09:08,430
 

122
00:09:08,430 --> 00:09:14,670
これで、この余分なデータをフォームから追加するだけです。

123
00:09:14,670 --> 00:09:22,650
それを試してみましょう。

124
00:09:22,920 --> 00:09:25,840
サーバーを起動するか、フォームをリフレッシュしてください。

125
00:09:25,980 --> 00:09:27,780
今我々は3つのインプットを持っている。

126
00:09:27,780 --> 00:09:31,890
だから私はあなたがここからコピーしたイメージを持っています。私はそれを渡すつもりです。私たちはこのキャンプ場を木で呼ぶでしょう。ここには木がたくさんあり、他にもたくさんのものがあります。

127
00:09:31,890 --> 00:09:33,840
 

128
00:09:33,840 --> 00:09:39,900
私たちは今キャンプ場に行くと、真のテストは、この1つは説明があるかどうかを確認することです。

129
00:09:39,900 --> 00:09:51,510
だから、More infoをクリックしてみましょう。

130
00:09:51,990 --> 00:09:59,940
このページには、このIDを持つ1つのキャンプ場に関するすべての情報が含まれていることがわかります。このショーページに戻ると、このキャンプ場に関するすべての情報が表示されます。

131
00:10:00,330 --> 00:10:03,210
 

132
00:10:03,210 --> 00:10:08,550
OK。

133
00:10:08,780 --> 00:10:13,740
そこで、私たちはショーページを稼働させました。

134
00:10:14,070 --> 00:10:14,330
すべてをすばやくまとめて、安らかなルートについて語りましょう。

135
00:10:14,340 --> 00:10:16,030
私たちが今カバーしているのは4つです。

136
00:10:16,050 --> 00:10:19,890
このインデックスには、犬やキャンプ場などの特定のリソースがすべて表示されます。

137
00:10:19,890 --> 00:10:21,620
 

138
00:10:21,720 --> 00:10:26,120
 

139
00:10:26,340 --> 00:10:32,700
新しいルートは、新しいリソースを作成するためのフォームを表示します。createは実際にリソースの作成を行うポストルートです。また、showは取得リクエストであり、IDを持っているルートです。

140
00:10:32,700 --> 00:10:38,370
それは1つのリソースに関する情報を表示するため、これは本当に重要です。

141
00:10:38,440 --> 00:10:38,770
 

142
00:10:38,790 --> 00:10:42,980
私たちのケースでは、1匹の犬や私たちのアプリで1つのキャンプ場とMongoとのやりとりをするために私たちが見た新しいコマンドはIDで見つけた後、私は既存のすべてを削除するために使用するDB duck

143
00:10:43,140 --> 00:10:51,060
collection drop 1つのコマンドで私たちのデータベースにキャンプ場

144
00:10:51,060 --> 00:10:57,720
 

145
00:10:57,720 --> 00:11:01,810