お帰りなさい。
このビデオでは、NAFバーにリンクを正しく表示するようにして、ログインしていないときにログインしてサインアップするようにします。
しかし、あなたがサインインしているときにログアウトしてみるだけで、サインインしたという小さなメッセージを表示することもできます。
そして、署名された複数のユーザで署名されたユーザ名は、それが何であれ食べる。
当初はビデオのパートの終わりにこれをすべて持っていたので、別のビデオに移動し始めました。もう少し時間をかけて詳細を説明し、そのいくつかを説明することができました。
だから始めましょう。
そして、私がやることは、ヘッターを開くことです。
はい。
そしてここに3つのリンクがあります。
サインインしてログアウトすると、適切に表示されて非表示になります。
簡単なEを追加する必要があります J. esque論理。
if文は次のようになります。
これは疑似コードです。
しかし、ユーザーがログインして登録しないと、ログアウトリンクが表示されません。
今はもちろん、これは実際のjavascriptではありません。
私たちはそれに取り組まなければなりません。
しかし、私たちがやることは、ここでやったように変数を渡すことです。私たちはキャンプ場を通過しているか、キャンプ場を再開しています。ユーザーオブジェクトを渡すことを除いて、ログインしているユーザーに関する情報が含まれているか、またはログインしているユーザーがいない場合。
定義されていない空白になり、テンプレートの代わりにそのユーザー変数を使用できます。
したがって、それが未定義の場合。
ユーザーが定義されていないかどうかを確認します。
これらを表示するには、リンクにログを表示します。
それではまず、ユーザーに関するそのデータをどのように入手できるかを考えてみましょう。
そして私はちょうどこれらのルートの一つから始めるでしょう。私はキャンプグラウンドを取得した後、ここにあるキャンプグラウンドのインデックスページをやっていきます。それは素晴らしいシンプルなルートであり、たくさんのコードがこのルートにリダイレクトされるからです。
そして、このすべての秘密は、ダイレクトユーザーを求めることです。
したがって、ユーザーにすべての情報が含まれるように要求します。
まあそれだけではなく、現在ログインしているユーザーのユーザー名とIDです。
だから私はあなたを見せます。
ユーザーのリクエストをログに記録してサーバーを起動し、次に更新するキャンセルをしてみましょう。
そして我々は未定義になる。
それは現在ログインしているユーザーがいないためです。
したがって、ユーザーには空を要求してください。
それは存在しません。
しかし、一度私がログインすると、ユーザーが入力したユーザー名とパスワードだけでなく、ユーザー名とID以外のIDを要求ユーザーの中に入力するというリクエストを作成します。
だからSeverusパスワードのログインはログインをクリックしてみてください。
私たちのテンプレートでは本当に便利になるでしょう。
だから私はそれを今まで通り抜けるつもりです。
それを取り除く。
そして、キャンプ場の後に、ユーザーをリクエストするのと同じ、別の変数Akolの現在のユーザーがあります。
そしてテンプレートでは、現在のユーザが存在するかどうかをチェックする単純なロジックを書くことができます。
そして、私たちのテンプレートでは、現在のユーザー変数を使って非常に単純なロジックを追加できます。
だから、保存して、それを索引にしましょう。
はい。
キャンプ場の指標であり、まさにトップです。
現在のユーザーをプリントアウトしてサーバーを再起動してください。
私が今に行くと何も見えませんが、何度か何度もログインすれば現在のユーザーが表示されます。
そのデータをテンプレートに渡していますが、このインデックステンプレートの代わりに実際に使用するのではなく、実際にはナビゲーションバーテンプレートのヘッダー内で使用します。
また、テンプレートを通過する変数にアクセスできることを忘れないでください。
Parshallの内部でさえ。
したがって、私たちの中にはif文が追加されています。
現在のユーザーがいない場合は、その2つのリンクを表示してから、他のユーザーにログアウトリンクを表示させ、もちろんEjazタグが必要になります。
ですから、それと同じように等号はありません。
そして、私たちはほとんど完了しているので、現在のユーザー変数が空であるかどうかをチェックしています。次に、これらを表示します。
それ以外の場合は、ログアウトリンクが表示されます。
しかし、これは現在、少なくともこのルートスラッシュキャンプ場でのみ動作します。なぜなら、現在のユーザーは他のルートを通過していないからです。
しかし、それが機能することを確認しましょう。
だから私はページを更新する場合は、アプリを再起動します。
すばらしいです。
私はログインしてサインアップするだけで、ログインしていないからです。
ログオンをクリックすると、ヘッダーファイルがあり、現在のユーザーを使用しようとしていますが、現在のユーザーを渡していないという問題が発生します。
だから、実際には、スラッシュCapgrasを除いて現在のユーザーを通過させていないので、現在はAckbarになっているルートで発生します。
だから私たちがやりたいことは、基本的にこの行を現在のユーザーに渡すことです。
そしてそれらの中には空白のものもあるかもしれませんが、その中にはユーザーデータがありますが、すべてのルートで利用できるようにしたいと考えています。
使用後に別のアップデートを追加するだけで、ルートの前にすべてのルートと上に手作業で追加する必要がない簡単な方法があります。独自の小さなミドルウェアを追加します。
私たちが提供する機能は、あらゆる経路で呼び出されます。
そこで関数要求応答を与え、次の変数も必要とします。
私たちがやりたいことは、ユーザーのリクエストをすべての単一のテンプレートに渡すことです。これを行う簡単な方法があります。
酒rez地元民。
現行のユーザー要求ユーザーは、ローカルで休憩中に何を置いても、テンプレートの代わりに利用できるものがあります。そして、本当に重要なことは、すべての単一ルートで実行されるミドルウェアであるため、実際の次のコードに移動する必要があるということです。
私たちがこれを持っていなければ、それはただ止まるでしょう。
次に起こることはないので、ほとんどの場合、実際にルートハンドラになる次のミドルウェアに進むためには、次のものを用意する必要があります。
したがって、この再起動を試みると、サーバーはページを更新します。
これはうまくいくはずです。
私がログインすると、今はフォームにログがあり、エラーは出ません。
私はログインしていないので正しいリンクが表示されます。
今度は私がs¨vresとして再度ログインすると、ログアウトがうまくいってログアウトをクリックしてみるだけです。
驚くばかり。
それは働いている。
私がやりたかったのは、あなたがサインインしているときにこれをもう一度やろうということです。
ログインしてサインアップするのではなく、ここを見たいと思っています。
あなたはZephyrusとして現在サインインしていますが、それはかなり簡単です。
私たちの頭の代わりにそれぞれ。
はい、すでに現在のユーザーがいるので、現在のユーザーがいる場合は別の同盟者を追加するだけで、Allyはテキストを追加します。
サインインしましょう。
そして、それを解釈するか、それぞれをタグとして追加します。
現在のユーザー名のユーザー名を入力して再起動を保存し、これがどのように見えるかを見てみましょう。
ちょっとリフレッシュする必要があるかもしれません。
もう一度嘘をつきましょう。
Severusとしてサインインしました。
そして、はい、私たちはそのスタイルをしたいと思います。
だから、他のものと同様にアンカータグにして、H
refを与えないようにしましょう。そうすれば、あなたは指のタグを得ることができます。Atraはちょうどポンド記号と同じです。
これは実際にはプロファイルページへのリンクであることが理にかなっているかもしれませんが、私たちは持っていません。
しかし、私たちがプロファイルページを持っていればこれをクリックすることができ、それはあなたのプロフィールにあなたを連れて行くでしょうが、これは今のところうまくいきます。
それでログアウトすると消えるはずです。
登録して、その仕組みを見てみましょう。
だから私は紫色のお姉さんにサインアップし、パスワードは紫色になります。
サインアップしてもう一度Mrs purpleとサインインしてログアウトし、すべてをダブルチェックしましょう。
もし私が新しいコメントを追加しようとすると、私はそれにアクセスすることができますが、ログアウトすると私はそれを試してやることができません。
それは私に最初にログインするように頼んだ。
OK、私たちは正式にJoachimに認証を追加するという基本を持っています。
このレッスンで見た新しいことを見てみましょう。
特にリクエストを使用してここで設定したユーザーは、誰もログインしていない場合は空になるか、現在のユーザーのIDにユーザー名が含まれていることを要求するので、この関数を呼び出すアフター・ユースを使用しています1回の折り返しですべてのルートでこれを行う必要はありませんでしたが、乾燥したりコード化したりするには良い方法です.8年後またはそれ以降に通過させるため、実際には取り除くことができますもう1つは、私たちのテンプレートでは単純なIF文を書いて、その論理を各Tに結合するということです。 M. 本当に強力です。
これらのボタンの表示と非表示を切り替えることができます。
現在ログインしているユーザーを表示できます。
本当に重要なもの。
OK、それは確かに少しマラソンだった。
5つのセクションがありますが、それを実現させました。
最初にユーザーモデルを作成しました。
サインアップ登録フォームとルートを作成してからログインしてからログアウトし、最後にナビバーの作業とリンクの表示と非表示、現在ログインしているユーザーの表示を行いました。
さて、次のユニットで会いましょう