環境
php 7.4.1
Mysql Ver 15.1 Distrib 10.4.11-MariaDB
Laravel 7.23.0
composer 1.10.9
VSCodeのターミナルもしくはcmdから3つのコマンドを実行するだけで簡単にログイン機能が実装されるので実行してみたいと思います。
コンポーサーのインストールがまだの場合はこちら
Menu
コマンド3つ実行で完成
必ずパスをVScodeターミナルもしくはcmdでプロジェクトフォルダに移動させます(今回ならtestZZ)
1 | cd C:\xampp\htdocs\testZZ |
たった3つのコマンドで完成します\(^^)/
コマンド3つ
①laravelのuiインストール(下記コマンドで自動)
1 | composer require laravel/ui |
②ログイン機能が作成されます(下記コマンドで自動)
1 | php artisan ui vue --auth |
③node.jsを利用します(下記コマンドで自動)
1 | npm install && npm run dev |
※③でエラーが出た場合はnode.jsをインストールしてください。
ローカルに接続
ターミナルかコマンドプロンプトで必ずパスをプロジェクトフォルダに移動させます(今回ならtestZZ)
1 | cd C:\xampp\htdocs\testZZ |
ローカル接続コマンド
1 | php artisan serve |
赤枠内のhttp://127.0.0.1:8000をブラウザのアドレスバーにコピペし確認します。
Laravelトップページを表示
右上にログインボタンが追加されたのでLOGINをクリックします。
ログイン画面(Login)
ログイン画面の完成です。
新規登録画面(Register)
TOPに戻ってRegisterをクリックで新規登録画面もできあがってます!
Reset Password画面 (パスワード紛失時)
もう一度Login画面に戻ってForgot Your Password?をクリックで下記のReset Password画面が表示されます。
まとめ
これでユーザーフォーム作成の面倒くさい部分が短縮されそうで\(^^)/
以上です。