ようこそゲストさん
ログイン

画面右上にあるログイン機能について説明します。

ログイン機能と言ってもここでは簡単な認証処理のみにしています。

処理のながれとしては、まずログインしていない状態だと「ようこそ」のメッセージ部分に「ゲスト」さんと表示させておきます。

続いてログイン画面へ進んでもらいます、するとメールアドレスとパスワードの入力画面が表示されます。

注意書きにも書いてますが、ここではメールアドレスとパスワードに、同じ値を入力するとログインできるようになっています。

ちなみにここではどちらも必須入力に設定していますので、空欄でログインボタンを押すと、エラーメッセージが表示されます。

他にも、メールアドレスとパスワードの値が同じかどうかのチェックなどもおこなっています。

実際にログインしていただくと「ようこそゲストさん」部分のメッセージをログインするときに使用した値に変わる処理が入っています。

ここはサンプルという事で、簡単なログイン処理となっていますが、実際はここで表示だけではなく、実際にログイン状態にするなど、様々な処理をします。

ログアウト機能ですが、こちらはログイン状態を解除して、またログイン前の状態に戻します。