お帰りなさい。
だからこのビデオは最後のビデオの続きで、この犬のデモアプリの概念の概要を説明しました。私たちはTO
GETリクエストルートについて話しました。
もう一度、同じ期待を繰り返してもらいましょう。
概念的なブロックとして扱うことができ、ここでこのコードがルートを取得する犬の責任を負っていると理解できれば、このコードの99％を理解する必要はありません。そして、何とかあなたは犬を束ねたページを返しますそれ。
それは今あなたが知る必要があるすべてです。
新しい概念にも同じことが当てはまります。
私たちはこのビデオで学びます。
焦点は概念上の構文ではありません。
ここには3番目のルートがあります。最初のビデオでは言及していませんが、それはポストルートだという点で少し異なります。
したがって、ここのコードは、ユーザーがdogを作成するためのPOSTリクエストを行うときにのみ実行されます。
そしてあなたの記憶をジョギングするだけで、ユーザーは自分やAlbarに何かを入力してPOST要求をすることはできません。
彼らがPOST要求をしている時間の90％9 9 9パーセントはフォームを通してです。
だから、私たちは実際にそれがちょっとだけ見えるだろう。
しかし、私は郵便配達員を通じてPOSTリクエストを行うことも実証することができます。
したがって、犬を作成するための要求を投稿してください。
そして、それは私たちがリクエストで送る品種の名前を取ります。ここで起こっていることは名前です。
だから何とかリクエストには、体と呼ばれるこのことに名前と品種があり、私たちは新しい犬を作るためにそれを使っています。
そして、私たちは、あなたがすべての犬を見つけて犬のページをレンダリングするこのコードをすべて実行するgetリクエストとして、犬を犬に戻すようにリダイレクトしています。
そう、多くのことが起こっています。
最初から、犬を作成する簡単な投稿要求を送信してみましょう。
ですから、郵便配達所に行きましょう。私はこれを投稿に変更してから、localhost
3000スラッシュ作成犬になるようにルートを変更する必要があります。サーバーがまだ正常になっていることを確認する必要があります。
そして、名前をつけて読んでいないところでセンドを押すだけで、何が起こるかを見ることができます。
あなたが戻ってきたものを見れば、同じ犬のページになっています。なぜならRustieにはなぜそれがDaisy Sitkaなのですか？
そして名前がなくて品種もない空の犬がいます。
ここで私のブラウザに行ってリフレッシュすると、別のリクエストを出して、犬をスラッシュし、データベースからすべての犬を取得し、それぞれの犬を少しずつ生き生きとさせるコードをトリガーします。
実際には、データベースに空の犬がいることがわかります。これは、データを送信しなかったためです。
私たちは新しい犬を作るために名前と品種を送っていませんでした。
だから彼らは空で、私たちのコードは空の犬を作ってデータベースに保存しました。
郵便配達員とデータをやりとりするために、私たちは体に行くことができます。次に体に追加するものを入力するだけです。
だから私たちはチャーリーという名前を読んで読んで、ブリーデの価値はそれと同じようにラボになるでしょう。
これは、身体の中に名前と品種がある投稿要求を行うために郵便配達員を通じて行う必要があるすべてです。
そして、私はsendを押すでしょう。
これで、私たちの反応を見ることができます。
今回はもう一度すべての犬です。
私たちはチャーリーを実験室に持っています。
そして、私がここでリフレッシュすると、別の要求をして、私はすべての犬を手に入れます。
Charlieが追加されました。
ここで30秒ですべてを要約しましょう。
だから私は犬を作成するためのリクエストを別のタイプのリクエストにする。
そしてここにある身体の要求で、私は名前とチャーリーと研究室を増やしています。
そして、私はsendを押してから、サーバ上の私のコードで、犬をスラッシュするというポストリクエストを聞いています。
そして、郵便配達員と一緒に送った2つのものが誰かに名前を付けずに誰かにアウトブレードするように依頼して、犬を作ります。
そして、それが犬を作り出した後、それは私たちを犬をスラッシュするようにリダイレクトします。
実際にスラッシュ犬のコードを実行して、今作成したまったく新しい犬を含むすべての犬を見つけます。
チャーリー、または以前のケースでは、それは名前と品種のない空の犬でした。
それらのすべてを取得し、その後、私たちが見たその犬のテンプレートをレンダリングします。
そして、それぞれのために、私たちはほとんど仲良くしません。
そう、多くのことが起こっています。
それはPOSTリクエストを聞いています。
それはデータベースに新しい犬を追加しており、それは私たちを犬をスラッシュに向けてリダイレクトしています。
さて、これをフォームでどうやってやれるか話しましょう。
バーにenterを押してPOSTリクエストを行うことはできませんが、フォームを使用してPOSTリクエストを行うことができます。
だから私は私の犬にちょうどフォームを追加するつもりです。
はい。
一番下に。
フォームタグを作成しようとしていますが、フォームには2つの部分があり、フォームを元々紹介したときに私たちが話したことの意味がもっと分かりましたが、その意味を理解するための文脈はあまりありませんでした。
その2つの属性はアクションとメソッドです。
だから私は方法で始めるでしょう。
私たちは投稿のリクエストをしています。あなたはしばしばこれをすべての帽子で見ることができます。
それは問題ではありません。
そして、アクションは私たちが犬を作成するだけのスラッシュであるという投稿要求を出している場所です。
だからこのフォームが提出されるたびに私たちはここで期待している犬を作るための投稿要求を送るでしょう。
POSTリクエストcreate dogがこのコードを実行します。
次に入力を追加する必要があります。
2つの入力があります。
Typeは、それと同じように、両方のテキストと同じであり、名前というだけのこのオブジェクトの不在保持者と同じです。
そして、次のものは品種のためになります。
最後に、私たちのボタンとなるsubmitと呼ばれる入力タイプを持っています。ページを更新するとフォームが作成されますが、問題があります。
私はこれを記入してください。
だから私たちは別の犬をここに追加します。私が提出したときにプードルになることができるSkittlesは、犬を作成するための投稿要求を送信します。
しかし、私がすると、空の犬で終わるのを見てください。
それは、2つの入力があっても、ブラウザに入力の名前を教えていないからです。
そして、この名前は名前と呼ばれる必要があります。これは少し混乱する名前です。名前とこの名前は繁殖する必要があり、プレースホルダーもそうです。
これで、ユーザーがこのフォームを送信したときにブラウザに伝えたこの名前属性を追加することによって、2つのデータを持つ犬を作成するための投稿要求を送信します。
名前はこの入力にあるものと同じでなければならず、品種はこの入力にも同じものでなければなりません。
私たちは時間をかけてフォームを書いたり、さまざまな属性を扱ったりしています。
だからあまりにもそれに巻き込まれないでください。
しかし今重要なのは、私たちが身体にデータを追加していることです。
そして私がリフレッシュしてプードルであるSkittlesを追加したら、私はあなたに投稿要求を送ってきたことを見ることができます。
そして、何が起こったかは、その代わりに犬を作成する代わりに、フォームから名前と品種のデータを持つ犬を作成しました。
その後、その犬を作成し、データベースを保存した後は、その動作方法は関係ありません。
しかし、それだけで動作します。
それから私たちはスラッシュ犬にリダイレクトしています。実際には、私が実際に入力しなかったにもかかわらず、犬をスラッシュするように要求が出されたという、実際にここに2番目の小さなものが印刷されています。
何が起こったのは、私が実際に犬を斬るために別の要求をしたときに、犬を郵便ポストとして作成することを要求したときです。
そして、それはすべての犬を見つけて、それから私たちがここに見ている犬のテンプレートをレンダリングし、そしてフォームを底部とすべての犬の嘘で得る。
それがここにあるのです。
だから、このアイコンに本当に注意を払うなら、実際にSnickerがキャンディーテーマを守っている別の犬に見えるようになり、snickersも同様に研究室になる可能性があります。
私が提出したとき。
これを非常に注意深く見てください。
それは本当に速くなるだろう。
しかし、それはただの瞬間のために変わった。
これは重要なことです。リクエストをすると、実際にこのページから私を引き離してから、すぐにここに戻ってリダイレクトされているので、実際に私たちを離れていくうちにこのページにとどまっているだけではありません私たちはこのコンテンツを私たちに示しています。そして、それはここで起こっていることです。
あなたが犬を作成するためにスラッシュを要求すると、犬をスラッシュにリダイレクトします。
そして、犬の内部では、犬のテンプレートをレンダリングします。このテンプレートは、ブラウザでこのすべてをどのように見えるかです。
OK。
だから我々はそこで多くをカバーしていた。
重要な部分だけを指摘しましょう。
1つは、サーバーコードの内部で、取得リクエストとポストリクエストを区別することができ、いつ発生したのかによって異なるコードを実行でき、getは情報を取得することを覚えており、投稿は情報を追加または送信することです私たちは使い果たしている。
あなたが新しい犬を作る方法です。
そして要求のボディに名前と品種がなければならない2つのことがあります。
彼らがそこにいなければ空の犬を作るでしょう。
しかし、どんなタイプの犬であれ、それをスラッシュにリダイレクトして、このコードをすべて実行します。
もう一つ重要なことは、私たちがこれを提出すると即座にリフレッシュするということです。
それは本当にすばらしいですが、まだどこかでリクエストを行っているところです。
私がこれを行い、私がEnterを押すのと同じように、私たちは実際に別の要求をしています。
ここでも同じ考え。
私が提出したとき。
ここを見て、毎回リクエストをしてください。
今回の紹介では2つのサーバーと2つのルートとHTPについてお話したいだけです。
私たちは今終わっている。
次のように、開発環境をセットアップし、必要なすべてのツールをインストールして、このようなコードを書くことができるようにすることに焦点を当てます。