お帰りなさい。
このビデオでは、シンプルなアプリケーションを簡単に作成する手順について説明します。ここでの目標は、POST要求の仕組みを示し、投稿要求を聞いているルートを作成してからテストする方法を表現することですそれらを郵便配達員と一緒にしてから別のエクスプレステンプレートに書類を書いて、その書式で私たちのエクスプレスアプリにPOSTリクエストをする方法を見てください。
私が言及したように、私たちは簡単なアプリケーションを一緒に作るつもりです。私は最初から始め、Expressをインストールしてインクルードします。
そして、実際のアプリケーション・ロジックに進むつもりです。
だから私は今始めて、ちょうど私がポストリクエストデモCDと呼ぶ新しいディレクトリを作って、そこにNPMを走らせて、ちょうど数回エントリーポイントを入れてください。
OK。
そこに行く。
Jasonが今すぐExpress Dash Dash Saveをインストールするというパッケージがあります。
私たちがここにいる間、NPMはEをインストールしましょう。 J. それを保存してください。
OK。
さて、私たちのアプリを作りましょう。
はい。
そしてそれを開き、私たちが必要とする基本的なコードを追加します。
だから私たちはrequireでそれをインポートし、次に実行するapp変数を作成します。
EXPRESSそして我々がここにいる間に、アプリはEjayになるようにエンジンを設定します。それを保存します。
そして、我々はまた、ここではなく、あなたがそれを処理するのではなく、最下位で聴くことができます。
そして私たちはそれを手に入れました。
また、ENFP IPとコールバック機能を処理します。
そして最後に、私はちょうど非常にシンプルなログサーバーを起動します。
OK。
それで私たちはそれをセットアップしました。
今度はそのようなブルー​​トルートを作成してみましょう。ちょうどそのようなホームと呼ばれるレストランレンダリング用のテンプレートをレンダリングして保存します。
さあ、そのテンプレートを作ってみましょう。
だから私たちは使用されたディレクトリのディレクトリビューを作成する必要があり、あなたのファイルビュースラッシュホームをタッチする必要があります。
はい。
そして、そのファイルを開いて、その中に私たちは単純なH-1を行います。それはちょうどそのようなホームページを示し、私たちはそれが確実に機能するようにします。
だからノードApalacheeを実行して、ここでリフレッシュして、ホームページを取得しましょう。
私たちはEjazが含まれているが含まれているExpressを持っているので、私たちは基本的なスケルトンを設定しています。
デフォルトのビューエンジンを設定しました。ルートルートがあります。
私たちが作ろうとしているアプリは基本的には友達や友達のリストで、あなたが入ってきて、あなたのリストに新しい友達を追加することができます。
そして、これは友達や犬、連絡先、犬のいずれかになります。私たちはフォームを使って新しいものを作成できるというリストを持っています。
だから、友だちをやるつもりだし、アプリを追加してスラッシュの友達をつくって、友達のリストを表示するテンプレートのページになります。
ここでは赤いレンダリングを行う代わりに、友だちと呼ぶだけで、そのテンプレートを作成する必要があります。
だから私たちはEjay私たちは、そのようなファイルを開くと、タッチビューをスラッシュフレンドを行うでしょう。
そして、ここには別のH-1を追加します。ちょうどいい友達リストがここに来て、私たちはサーバーが稼動するようにします。
私たちが友達をスラッシュに行くなら、友人のリストがここに行くのです。
OK。
だから私たちがやろうとしていることは、友人のリストを表示することです。
そしてそのリストを作成する必要があります。
データが必要です。
だから私は友人の名前の配列を作成しようとしています、そして、それは非常に単純な友人の平等だけになるだろうと我々はトニーとジャスティンピエールとリリーのようなここにいくつかの名前を追加します。
OK。
だから私たちは友人の配列を持っているし、私たちは友人のテンプレートにその友人の配列を通過させるつもりです我々はループし、リストアイテムとして各友人を表示します。
だから我々はそれを渡す必要があります。
それはオブジェクトであり、私たちは2つのことが必要であることを忘れないでください。
私たちは、私たちが友達と呼ぶだけの見解でそれを見るために使用する名前や財産を与える必要があります。また、私たちもあなたが出発するときに混乱している友達として渡しているデータ。
しかし、これはあなたが同じ名前を使用する場所で最も頻繁に見られるでしょうが、これはまったく何でもかまいません。
そして、これはここの私たちの友人の配列を指しています。
さて、今度は、テンプレート友人学習の天才に行き、私たちのループを追加して、私はそれぞれのために行うつもりです。
だから私はEjayなしで大括弧を使わずに正規のJavaScriptを書くだけです。
だから私たちはそれぞれの関数のための友人を持っており、関数はそこでfriendパラメータを取るでしょう。
そして、ここではなく、私たちがやることは、私のような友人がいると言っているそれぞれの同盟国を作ることです。
今戻って、等号が必要ないというフレーズを追加してみましょう。これは論理のためだけのことです。
私たちは、これらの2つの行に何も現れたくありません。
だから私たちはこれを行い、もし私たちが救われ、リフレッシュされれば、私は、そのリストのすべての友人の友人がいて、それを試してみましょう。
ページをリフレッシュすると、友達がいるという5つのリスト項目が表示されます。
さて、私たちはもう一度戻ってきます。ちょうど私が友人に実際に友達の名前を印刷させてくれると言っているのではなくて。
今回は、評価された値をチーム自体に追加したいので、等号が必要です。
私たちは、それが私たちのそれぞれのためにここから来ている友人の価値に取って代わられることを望みます。
もう一度これは何でもよい。
私たちが望むものをxとします。
ここにXを置くとうまくいくでしょう。
だから私はちょうどリフレッシュし、私たちは5人の友人を取得し、Xはひどい変数名であるため、多くの場合、サーバーを再起動するような友人に戻ってくるので、
もう一度、あなたは何も変わらないと見ることができます。
OK、私たちはこの友達のリストを持っています。
ここでは、ポストルートの設定について話します。
最終的にはこのページの一番下にフォームがあり、そのフォームに名前を入力して送信ボタンを押すと、新しい友達がリストに追加されます。
新しい名前をFriends配列に追加し、このテンプレートをもう一度レンダリングして、新たに追加した友人のための新しい箇条書きと新しいリストアイテムを追加します。
ポストロードを設定することから始め、データを送信しているときに何かにデータを追加しているときに投稿ストロートを使用することを覚えておいてください。新しいコメントを作成したり、新しい投稿を作成したり、この場合は新しい友だちに投稿ルートを作成したりしています。
唯一の選択肢ではありませんが、最も理にかなっているのは何ですか？
今のところそれを唯一の選択肢として扱います。
だからそれは情報を取得するためのもので、ポストは新しいデータを送信するためのものであり、何らかの形でサーバー側で使用されるものです。
そして、私たちが書く必要があるのはポストポストで、ルートの名前はそれをちょうどそのような友だちと呼びましょう。それはリクエストとレスポンスで同じように見えます。
そして私たちはちょうど休憩を行います。私たちはちょうどRESドットを送信するテンプレートを作成しません。
あなたはそのようなポストルートに達しました。
それでは、郵便配達員を使って友人を投稿要求として追加することができたら、これを引き出すことができるかどうかを見てみましょう。
だから私はこのURLを取って、これを郵便配達員にコピーし、どこにリクエストしたいのですか。
私たちは、取得リクエストとしてsoshの友達をやるだけで、5人の友達とそれぞれのチームを戻すことができます。
しかし、今度は投稿リクエストを作成し、友だちを追加するようにしています。
そして今私達がポストリクエストを送ると、私たちはメッセージを得ることができない友人を追加して投稿することができ、それは愚かな理由のためです。
新しいルートを追加するたびにサーバーを再起動する必要があります。
そして今私達が戻って要求をもう一度送ると私たちはメッセージを受け取ります。
あなたは投稿経路に到達しました。
だから私たちはポストリクエストで送信しています。フォームを使うのではなく、郵便配達でやっていますが、それはまったく同じ考えです。
同じように動作します。
私たちは投稿リクエストを送信し、このコードはここで実行されています。
それで、私たちがやりたい次のことは、その投稿リクエストを送信するフォームを使用することです。
だから私は友人に行くつもりです各ページを研究し、フォームの多くの底にこのフォームは、そのルートに提出する。
したがって、2つの重要な属性があることを忘れないでください
行動があり、それから方法があります。
それでは、メソッドから始めましょう。
私たちは投稿要求を送信したいと思います、あなたはスラッシュと友人であるあなた全体です。
そしてもう一度これはこのレートと一致する必要があります。
友人を投稿として追加する。
大丈夫。
そして、ここでは、1つの入力タイプがテキストと等しくなるようにします。次に、名前または何かを置くプレースホルダが必要です。
これは単なるプレースホルダーのテキストです。最後にボタンを追加すると、私は新しい友達を作り、それを保存すると言うでしょう。
そして、これは今私たちのための形を作り出します。
私がサーバを再起動して私が戻ってきて、ページをリフレッシュすると、ここにフォームがあり、それを調べると、アクションを持つ2つの属性があり、ADD
friendメソッドがポストで、1つの入力があります。
私がここに何かを入力すると、私は今日ボブという名前の新しい友達を作り、彼らはクリックします。
私は新しい友達を作った。
あなたは私たちがその反応を得ているのを見ることができます。
あなたはポストルートに達しました。これは、ポストリクエストを送信しており、適切な場所に送信していることを意味します。
友達を追加するが、そのルートでは何もしない。
このメッセージに返信する以外に、実際にやりたいことは、ボブを取りたいフォームからデータを取得することです。
そして、友人の配列に追加して、このページに戻って、Bobを新しい箇条書きの点として見ることができるようにしたい