最初に行うことは、フォームデータをフォームから取り出す方法を理解することです。フォームに戻って、入力に与えられた小さなものを1つ変更して名前を入力する必要がありますここに入力した情報は、ルートの内側を見上げる鍵になります。
そして、私は良い名前はちょうど名前になると思うが、私はそれがちょっと混乱していると思う。
だから新しい友達をやりましょう。
したがって、この場合のBobの値はリクエストの本文に送信され、リクエスト内に新しいfriendという単一のプロパティが存在することになります。
そして、これはボブと同じに見えます。
米国へADDフレンドの投稿に行き、ログリクエストのドットボディを取り消しましょう。リクエストボディは、リクエストボディからのすべてのデータを含むオブジェクトです。
そして、私たちがポストリクエストをしているフォームを持っているとき、フォームのデータはすべてリクエスト本体に入れられ、それから私たちのエクスプレスEPに到達し、リクエスト本体ならばそれを抜き出したいと思います。
だから私がリクエストの本文を印刷すると、新しい友達がBobと等しいことがわかるはずです。
しかし、それはうまくいきません。私たちは小さな小片を欠いているので、それはうまくいかないことをあなたに示します。
まずはBillieを追加しましょう私は新しい友達を作りました。
私たちはあなたがポストルートに到達し、私たちはここで一定のログを取得することを要求ボディは未定義です。
それは、すぐに使用できるExpressが実際に私たちのために要求を作成していないからです。
私たちは明示的にそれを要求ボディを取って、私たちがbodyの要求を使用するためにjavascriptオブジェクトに変換する必要があります。
そのためには、Body Parserというパッケージを実際にインストールする必要があります。
だから、NPMのインストール・ボディ・ダッシュ・パーサーのダッシュ・ダッシュ・セービングとボディ・ポスチャは、ある時点でエクスプレスにバンドルされていたエクスペリエンスの中や外に出ています。
別々にインストールする必要はありませんでした。
これで、すべてのアプリで使用することになります。
ユーザーがデータを入力するフォームがあると、サーバー側からデータを抽出する必要があります。
本文パーサーを使う必要があります。
OKだから、インストールするだけでは不十分です。
それから、ここでそれを要求する必要があります。
だからあなたのボディパーサーはもちろんAdi Daschパーサを必要とします。次に、私たちがする必要があるのは、ボディパーサーを使用するように明示することです。これは、アプリケーションを使用する必要があります。パッケージのボディ部分を作成してから、コードをURLエンコードしてから、ここではなく、拡張したものを書くようにしてください。このビデオをあまりにも細かく掘り下げたくはありませんが、これであなたが質問をしているなら、身体の部分や文書に行って、あなたが塗っていないものが何をしているのか、そして何が拡張しているのかについて読むことができます。
それは、いつも見ることができ、正直なところにほとんどの時間をコピーして貼り付ける線です。
だから、コードを変更せずにサーバーを再起動すると設定が完了しました。ポストを追加して友人を追加することができました。
今すぐおっとりましょう！ フォームスラッシュの友達に戻り、Lindaという名前の友達を追加しましょう。
私は新しい友達を作りました。 私たちはリクエストを見ています。アディは今やオブジェクトであり、パーティパーサーから来ています。
だからバディパーサーはリクエストボディをとり、それを新しい友達がLindaに等しいjavascriptオブジェクトに解析しました。
だから私たちが実際にやりたいことは、身体を求めて新しい友達を求めていることです。
そして、それはフォームの中にあったものの価値を私たちに与えるでしょう。
そして、新しい友人は名前属性のためにここに入力した名前の属性に設定する名前属性のために、ルートの内部でそれを探す必要があるということです。
そのログを取り消したいだけではなく、ここで定義したfriends配列に実際に追加します。
だから最初にするべきことは新しい変数を作ることです。それを新しい友達と呼ぶだけです。要求された身体の新しい友達を保存し、それをこの配列に追加したいのですが、残念なことに私たちは友達をすることはできませんこの機能の代わりに友だちのみが定義されているスコープの問題があるので、新しい友達を押してください。
そしてここには友人のようなものはありません。
それは非常に悲しい世界です。
友達はいません。
だから私たちはこれをコピーして、私たちのルートすべてに見えるどこかに移動させる必要があります。
これは、これが単なる友人の並びであり、新しい友人を追加することができますが、サーバーが停止するとすぐに離脱して値引きにリセットされるので、私たちは長くはやっていないことです。
まもなくデータベースを使用し、スコープの問題について心配する必要はありません。
今のところ、すべてのルートでアクセスできるように、ルートの外に移動するだけです。
だから、今度は友人が新しいフランス語をやめてやろうとしたら、それを見せてくれるでしょう。
ここでサーバを再起動して、こちらのフォームに戻ってください。
ページを更新して、Jeanneを追加しましょう。
私は新しい友達を作り、このルートに着きます。
今私たちが友達に戻ったら、私はJeanが追加されているのを見ます。
これは、身体の上にある新しい友達のリクエストを抽出しているところで、これが動作していることを意味します。
また、それを熱狂的な配列にプッシュしてから、この応答を送信しています。
しかし、新しい友人を追加した後、このような応答をしたいと思うのは非常にまれです。
ほとんどの場合、私たちはこれを見たくありません。
通常は、このページに戻って新しい友達を見て、私たちができることは、送信の代わりに、またはレンダリングの代わりに、rezというnotherメソッドをリダイレクトとリダイレクトと呼ぶことができます。
まあ、ルートの名前を取る。
そして、私たちの場合はよくスラッシュの友達をして、彼らはこのルートにリダイレクトされ、スラッシュの友人のルートの中でコードを実行し、それはフランスのテンプレートをレンダリングし、友人の価値を渡すことです。
サーバーを再起動して、ページをリフレッシュすると、新しい友人が追加されます。
ティナとヒット私は新しい友達を作ったとあなたはティナが追加されて見ることができます。
私たちは、このページ全体にとどまっているだけではないことを忘れないでください。
あなたがこの権利を見たら、もう一度それをやりましょう。
Jeanneを追加しましょう。
私は新しい友達を作りました。
ページが一時的にリフレッシュされていることがわかります。これは、ポストリクエストがポストされすぎてポストリクエストを送信しているためです。
広告友人ここでいくつかのロジックをやっている。
そして、それは私たちがすでに行っているのと同じルートを同じページに戻すことができます。
だから目に見えることはほとんどありませんが、ちょうどページのちらつきが1秒間表示され、この小さなアイコンがページが取り消していることが分かります。
しかし、私が言及したように、私がサーバーを再起動すると、友人アレイの価値はこれに戻ります。
だから私たちはそれらの友人のすべてを失い、私たちのデータに永続性はありません。
一度私たちのうちのほんの数人でデータベースにアクセスしたら、それを修正します。
OK。
私たちがここで多く取り上げてきたことすべてについて説明しましょう。
私たちが最初に話したのは、ポストルートを設定することでした。アプリケーションポストだけでした。それは、単に特定のあなたの行へのポストリクエストによってトリガされることを除けば、aptと同様に機能します。
そして、あなたが知っていると私たちはどのように働く郵便配達員とポストリクエストを送ることができるかを見てから、郵便配達員を使ってポストリクエストをリクエストすることができます。
そして、フォームを使って。
フォームを送信するときには、アクションとメソッドを提供する必要があります。私は自分のフォームに年齢について話をしたときに、これを実際に早期に紹介し、後でそのアクションとメソッドの意味とポスト要求は取得要求とは異なります。
だから今は、投稿を取得することと、このアクションが意味することとルートがとにかくあるのでフォーラムを持っていることと、入力が1つではなく、私たちは名前属性とこの名前属性を追加しました。これは新しい友人に値を設定しました。データが要求本文にどのように追加されるかです。
したがって、このフォームの価値が何であれ、これを提出すると、それはTinaと言いましょう。それは新しい友達の名前で送信されます。
そして、私たちの装置の内部では、私たちがNPMインストールボディパーサーをインストールしなければならなかったボディパーサを含んでいた場合に限り、bodycountの新しい友達をリクエストしてそれを抽出することができます。
だから、パーサーを使用することができます。この行全体は常に見えます。パーザはリクエストボディをとり、ここで行ったように使用してアクセスできるjavascriptオブジェクトに解析します。
そして、私たちが最後に見た新しいものはredstart
redirectでした。スラッシュの友人のように知っていて、それは再びそのルートを引き起こし、スラッシュの友達ルートの中のすべてのコードを実行します。
さて、次のレッスンでお会いしましょう。