聊聊如何將Laravel登錄系統改為手機登錄

laravel是一個非常受歡迎的php框架,提供了許多實用和易于使用的功能。其中之一是身份驗證系統,這使得用戶可以注冊并登錄到網站。在本文中,我將討論如何將laravel登錄系統改為手機登錄。

在開始編碼之前,請確保您已安裝并且配置好了Laravel。如果不是這樣,您可以在Laravel官方文檔中找到詳細的指導。

第一步是創建一個新的數據庫表,用于存儲用戶的手機號碼和密碼。您可以使用Laravel遷移來完成此操作。打開終端窗口并輸入以下命令:

php artisan make:migration create_phone_auth_table

這將創建一個新的遷移文件,您可以在其中定義新的數據庫表。在Laravel中創建一個數據表的方法如下所示:

public function up() {     Schema::create('phone_auth', function (Blueprint $table) {         $table->increments('id');         $table->string('phone_number')->unique();         $table->string('password');         $table->timestamps();     }); }

在此示例中,我們創建一個名為”phone_auth”的新表,其中包含”id”、”phone_number”、”password”以及”timestamps”列。請注意,我們將”phone_number”列定義為唯一的,以確保不會有重復的手機號碼。

接下來,我們需要創建一個新的控制器來處理手機登錄。打開終端窗口并輸入以下命令:

php artisan make:controller PhoneLoginController

然后,打開”app/http/Controllers/PhoneLoginController.php”文件,并將以下代碼添加到文件的結尾:

public function showLoginForm() {     return view('auth.phone-login'); }  public function login(Request $request) {     $this->validate($request, [         'phone_number' => 'required',         'password' => 'required',     ]);      $phone_number = $request->input('phone_number');     $password = $request->input('password');      if (Auth::attempt(['phone_number' => $phone_number, 'password' => $password])) {         return redirect()->intended('/');     }      return redirect()->back()->withInput()->withErrors(['message' => 'Phone number or password is incorrect.']); }

在此代碼中,我們定義了兩個方法:”showLoginForm”和”login”。”showLoginForm”返回一個視圖,其中包含一個具有兩個文本框和一個提交按鈕的表單,以便用戶輸入其手機號碼和密碼。”login”方法將驗證用戶的輸入數據,并嘗試使用Auth類登錄用戶。如果登錄成功,用戶將被重定向到主頁。否則,用戶將收到一條錯誤消息。

現在我們需要創建一個新的視圖文件”auth.phone-login”。在”Laravel/resources/views/auth”文件夾中創建一個新文件,命名為”phone-login.blade.php”。請記住,在Laravel中使用Blade引擎來呈現視圖,并為您提供一些強大的模板功能。在此文件中添加以下html和表單代碼:

@extends('layouts.app')  @section('content')     <div class="container">         <div class="row justify-content-center">             <div class="col-md-8">                 <div class="card">                     <div class="card-header">{{ __('Phone Login') }}</div>                      <div class="card-body">                         <form method="POST" action="{{ route('phone.login') }}">                             @csrf                              <div class="form-group row">                                 <label for="phone_number" class="col-md-4 col-form-label text-md-right">{{ __('Phone Number') }}</label>                                  <div class="col-md-6">                                     <input id="phone_number" type="text" class="form-control{{ $errors->has('phone_number') ? ' is-invalid' : '' }}" name="phone_number" value="{{ old('phone_number') }}" required autofocus>                                      @if ($errors->has('phone_number'))                                         <span class="invalid-feedback" role="alert">                                             <strong>{{ $errors->first('phone_number') }}</strong>                                         </span>                                     @endif                                 </div>                             </div>                              <div class="form-group row">                                 <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>                                  <div class="col-md-6">                                     <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>                                      @if ($errors->has('password'))                                         <span class="invalid-feedback" role="alert">                                             <strong>{{ $errors->first('password') }}</strong>                                         </span>                                     @endif                                 </div>                             </div>                              <div class="form-group row mb-0">                                 <div class="col-md-6 offset-md-4">                                     <button type="submit" class="btn btn-primary">                                         {{ __('Login') }}                                     </button>                                 </div>                             </div>                         </form>                     </div>                 </div>             </div>         </div>     </div> @endsection

這個視圖將包含一個具有兩個文本框和一個提交按鈕的表單,以便用戶輸入其手機號碼和密碼。請注意,我們在form標記中使用了”route”指令(Route指令提供了一些方便的功能,包括自動生成URL和HTML表單輸入),用于將表單的提交地址指向我們的”phone.login”路由。

現在,最后一步是將我們的新路由添加到我們的”web”路由文件中。打開routes/web.php文件,并將以下代碼添加到文件的結尾:

Route::get('phone-login', 'PhoneLoginController@showLoginForm'); Route::post('phone-login', 'PhoneLoginController@login')->name('phone.login');

這將添加兩個新路由:”phone-login”和”phone-login”POST路由。第一個路由用于呈現一個表單,供用戶輸入其手機號碼和密碼。第二個路由將處理表單的提交,并驗證用戶的輸入數據。

恭喜,現在您已經成功地將Laravel登錄系統改為手機登錄。請注意,這只是一個簡單的實現,您可以根據自己的需求進行更改和擴展。你可以添加更多的字段,比如電子郵件和驗證碼等,以提供更好的用戶體驗。

? 版權聲明
THE END
喜歡就支持一下吧
點贊10 分享