• Laravel文档阅读笔记-Custom Authentication Login And Registration Using Laravel 8

    博文主要是使用Laravel8创建自定义登录和注册。

    使用传统简单方法创建自定义用户登录、注册、面板页面。

    案例

    有如下步骤：

    ①创建Laravel应用；

    ②连接MySQL数据库；

    ③设置auth的Controller；

    ④创建auth路由；

    ⑤创建auth的blade视图文件；

    ⑥启动Laravel服务。

    创建Laravel应用

    安装陪配置好composer后，使用下面的命令创建Laravel项目。

    composer create-project --prefer-dist laravel/laravel laravel_new

    进入创建应用的目录。

    cd laravel_new

    连接数据库

    让Laravel连接mysql数据库，打开.env配置文件，修改数据库名，用户名，密码：

    1. DB_CONNECTION=mysql
    2. DB_HOST=127.0.0.1
    3. DB_PORT=3306
    4. DB_DATABASE=database_name
    5. DB_USERNAME=database_user_name
    6. DB_PASSWORD=database_password

    Laravel提供了默认的用户模型和迁移文件，所以可以用php命令通过默认给的迁移文件创建mysql表。

    php artisan migrate

    设置权限Controller

    调用下面的命令，创建Controller

    php artisan make:controller CustomAuthController

    在app\Http\Controllers\CustomAuthController.php替换成如下代码：

    1. <?php
    2.  
    3. namespace App\Http\Controllers;
    4.  
    5. use Illuminate\Http\Request;
    6. use Hash;
    7. use Session;
    8. use App\Models\User;
    9. use Illuminate\Support\Facades\Auth;
    10.  
    11. class CustomAuthController extends Controller
    12. {
    13.  
    14.     public function index()
    15.     {
    16.         return view('auth.login');
    17.     }  
    18.       
    19.  
    20.     public function customLogin(Request $request)
    21.     {
    22.         $request->validate([
    23.             'email' => 'required',
    24.             'password' => 'required',
    25.         ]);
    26.    
    27.         $credentials = $request->only('email', 'password');
    28.         if (Auth::attempt($credentials)) {
    29.             return redirect()->intended('dashboard')
    30.                         ->withSuccess('Signed in');
    31.         }
    32.   
    33.         return redirect("login")->withSuccess('Login details are not valid');
    34.     }
    35.  
    36.  
    37.  
    38.     public function registration()
    39.     {
    40.         return view('auth.registration');
    41.     }
    42.       
    43.  
    44.     public function customRegistration(Request $request)
    45.     {  
    46.         $request->validate([
    47.             'name' => 'required',
    48.             'email' => 'required|email|unique:users',
    49.             'password' => 'required|min:6',
    50.         ]);
    51.            
    52.         $data = $request->all();
    53.         $check = $this->create($data);
    54.          
    55.         return redirect("dashboard")->withSuccess('You have signed-in');
    56.     }
    57.  
    58.  
    59.     public function create(array $data)
    60.     {
    61.       return User::create([
    62.         'name' => $data['name'],
    63.         'email' => $data['email'],
    64.         'password' => Hash::make($data['password'])
    65.       ]);
    66.     }    
    67.     
    68.  
    69.     public function dashboard()
    70.     {
    71.         if(Auth::check()){
    72.             return view('dashboard');
    73.         }
    74.   
    75.         return redirect("login")->withSuccess('You are not allowed to access');
    76.     }
    77.     
    78.  
    79.     public function signOut() {
    80.         Session::flush();
    81.         Auth::logout();
    82.   
    83.         return Redirect('login');
    84.     }
    85. }

    创建Auth路由

    在routes/web.php中添加如下代码：

    1. <?php
    2.  
    3. use Illuminate\Support\Facades\Route;
    4. use App\Http\Controllers\CustomAuthController;
    5.  
    6.  
    7. /*
    8. |--------------------------------------------------------------------------
    9. | Web Routes
    10. |--------------------------------------------------------------------------
    11. */
    12.  
    13. Route::get('dashboard', [CustomAuthController::class, 'dashboard']); 
    14. Route::get('login', [CustomAuthController::class, 'index'])->name('login');
    15. Route::post('custom-login', [CustomAuthController::class, 'customLogin'])->name('login.custom'); 
    16. Route::get('registration', [CustomAuthController::class, 'registration'])->name('register-user');
    17. Route::post('custom-registration', [CustomAuthController::class, 'customRegistration'])->name('register.custom'); 
    18. Route::get('signout', [CustomAuthController::class, 'signOut'])->name('signout');

    创建auth的blade视图文件

    在resources/views中创建login.blade.php：

    1. @extends('app')
    2.  
    3. @section('content')
    4. <main class="login-form mt-5">
    5.     <div class="cotainer">
    6.         <div class="row justify-content-center">
    7.             <div class="col-md-4">
    8.                 <div class="card">
    9.                     <h3 class="card-header text-center">Login</h3>
    10.                     <div class="card-body">
    11.                         <form method="POST" action="{{ route('login.custom') }}">
    12.                             @csrf
    13.                             <div class="form-group mb-3">
    14.                                 <input type="text" placeholder="Email" id="email" class="form-control" name="email" required
    15.                                     autofocus>
    16.                                 @if ($errors->has('email'))
    17.                                 <span class="text-danger">{{ $errors->first('email') }}</span>
    18.                                 @endif
    19.                             </div>
    21.                             <div class="form-group mb-3">
    22.                                 <input type="password" placeholder="Password" id="password" class="form-control" name="password" required>
    23.                                 @if ($errors->has('password'))
    24.                                 <span class="text-danger">{{ $errors->first('password') }}</span>
    25.                                 @endif
    26.                             </div>
    28.                             <div class="form-group mb-3">
    29.                                 <div class="checkbox">
    30.                                     <label>
    31.                                         <input type="checkbox" name="remember"> Remember Me
    32.                                     </label>
    33.                                 </div>
    34.                             </div>
    36.                             <div class="d-grid mx-auto">
    37.                                 <button type="submit" class="btn btn-dark btn-block">Signin</button>
    38.                             </div>
    39.                         </form>
    40.                     </div>
    41.                 </div>
    42.             </div>
    43.         </div>
    44.     </div>
    45. </main>
    46. @endsection

    随后创建registration.blade.php在resources/views/auth目录下：

    1. @extends('app')
    2.  
    3. @section('content')
    4. <main class="signup-form mt-5">
    5.     <div class="cotainer">
    6.         <div class="row justify-content-center">
    7.             <div class="col-md-4">
    8.                 <div class="card">
    9.                     <h3 class="card-header text-center">Registration</h3>
    10.                     <div class="card-body">
    12.                         <form action="{{ route('register.custom') }}" method="POST">
    13.                             @csrf
    14.                             <div class="form-group mb-3">
    15.                                 <input type="text" placeholder="Name" id="name" class="form-control" name="name"
    16.                                     required autofocus>
    17.                                 @if ($errors->has('name'))
    18.                                 <span class="text-danger">{{ $errors->first('name') }}</span>
    19.                                 @endif
    20.                             </div>
    22.                             <div class="form-group mb-3">
    23.                                 <input type="text" placeholder="Email" id="email_address" class="form-control"
    24.                                     name="email" required autofocus>
    25.                                 @if ($errors->has('email'))
    26.                                 <span class="text-danger">{{ $errors->first('email') }}</span>
    27.                                 @endif
    28.                             </div>
    30.                             <div class="form-group mb-3">
    31.                                 <input type="password" placeholder="Password" id="password" class="form-control"
    32.                                     name="password" required>
    33.                                 @if ($errors->has('password'))
    34.                                 <span class="text-danger">{{ $errors->first('password') }}</span>
    35.                                 @endif
    36.                             </div>
    38.                             <div class="form-group mb-3">
    39.                                 <div class="checkbox">
    40.                                     <label><input type="checkbox" name="remember"> Remember Me</label>
    41.                                 </div>
    42.                             </div>
    44.                             <div class="d-grid mx-auto">
    45.                                 <button type="submit" class="btn btn-dark btn-block">Sign up</button>
    46.                             </div>
    47.                         </form>
    49.                     </div>
    50.                 </div>
    51.             </div>
    52.         </div>
    53.     </div>
    54. </main>
    55. @endsection

    下一步在resources/views中创建dashborad.blade.php文件：

    1. @extends('layouts.app')
    2.  
    3. @section('content')
    4.     <nav class="navbar navbar-light navbar-expand-lg mb-5" style="background-color: #e3f2fd;">
    5.         <div class="container">
    6.             <a class="navbar-brand mr-auto" href="#">Example</a>
    7.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
    8.                 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    9.                 <span class="navbar-toggler-icon"></span>
    10.             </button>
    11.             <div class="collapse navbar-collapse" id="navbarNav">
    12.                 <ul class="navbar-nav">
    13.                     @guest
    14.                     <li class="nav-item">
    15.                         <a class="nav-link" href="{{ route('login') }}">Login</a>
    16.                     </li>
    17.                     <li class="nav-item">
    18.                         <a class="nav-link" href="{{ route('register-user') }}">Register</a>
    19.                     </li>
    20.                     @else
    21.                     <li class="nav-item">
    22.                         <a class="nav-link" href="{{ route('signout') }}">Logout</a>
    23.                     </li>
    24.                     @endguest
    25.                 </ul>
    26.             </div>
    27.         </div>
    28.     </nav>
    29. @endsection

    最后创建resources/views/app.blade.php文件：

    1. <!DOCTYPE html>
    2. <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    3. <head>
    4.     <meta charset="utf-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1">
    7.     <title>{{config('app.name','LSAPP')}}</title>
    8.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet">
    9. </head>
    10. <body>
    11.        @yield('content')
    12. </body>

    运行laravel服务

    php artisan serve

    注册URL和登录URL分别为：

    1. http://127.0.0.1:8000/registration
    2. http://127.0.0.1:8000/login

    输出：

     

     

  • 相关阅读:
    vue3使用element-plus
    Elasticsearch进阶教程：生成离线官方文档
    基于开放共享的自主研发—MaxCompute 持续增强生态与开放性建设
    后端入门教程：从零开始学习后端开发
    Hyperledger Fabric无排序组织以Raft协议启动多个Orderer服务、TLS组织运行维护Orderer服务
    There are not enough slots available in the system to satisfy the 48 slots报错
    关于小程序TabBar跳转页面跟TabBar标签栏的icon不对应的分析（debug）
    Java中的Spring Cloud：微服务与注册中心
    《Map-Matching for Low-Sampling-Rate GPS Trajectories》 读书笔记
    年搜索量超 7 亿次背后：这款 APP 用火山引擎 DataTester 完成“数据驱动”
  • 原文地址：https://blog.csdn.net/qq78442761/article/details/125570806