Laravel 9 Registration and Login using MySQL

TechArise Team

1 year ago

Registration and login were separated, the user firstly needs to register and set the password accordingly. Through such a method it can gain the user’s password information while making login through multiple platforms which shall bring a better user experience. In this tutorial, we will explain how to create a user Registration and Login Module in Laravel 9 using MySQL. This is a very simple example, you can just copy-paste and change it according to your requirement.

Also Read : Create a Full Featured Registration and Login Module in CodeIgniter

Before started to implement the Registration and Login Module in Laravel 9 using MySQL, look files structure:

laravel-registration-login
- app
  - Console
  - Exceptions
  - Http
    - Controllers
      - Auth
        
        AuthController.php
  - Models
    - User.php
  - Providers
- resources
- config
- database
- public
  - assets
    - css
      - style.css
    - images
    - js
      - app.js
  - .htaccess
  - index.php
- resources
  - views
    - dashboard.blade.php
    - layout.blade.php
    - auth
      - login.blade.php
      - registration.blade.php
- routes
  - api.php
  - channels.php
  - console.php
  - web.php
- storage
- tests
- vendor
- .env
- server.php

Follow the following steps and build Login and Registration process in Laravel:

Step 1 – Firstly, Install Laravel Application
Step 2 – Configure Database
Step 3 – Create Controller and Methods.
Step 4 – Create Routes
Step 5 – Create Blade Views
Step 6 – Finally, Run Laravel Application

Step 1 – Install Laravel 9 Application

To handle the actual install you would use the following command in your terminal the Laravel application.

    composer create-project --prefer-dist laravel/laravel laravel-registration-login

1	composer create-project --prefer-dist laravel/laravel laravel-registration-login

Step 2: Setup and Configure Database access

Go to app directory and open .env file. And add/update database credentials:

    DB_CONNECTION=mysql
    DB_HOST=127.0.0.1
    DB_PORT=3306
    DB_DATABASE=demo_DB
    DB_USERNAME=root
    DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=demo_DB

DB_USERNAME=root

DB_PASSWORD=

Next, migrate the table into the database using the below command :

    php artisan migrate

1	php artisan migrate

Step 3: Create controllers

Create a controllers file named AuthController.php inside “app\Http\Controllers\Auth” folder.

<?php

/**
 * Description of Users Controller
 *
 * @author Team TechArise
 *
 * @email info@techarise.com
 */

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Session;
use App\Models\User;
use Hash;

class AuthController extends Controller
{
    // code login method
    public function index()
    {
        return view('auth.login');
    }
    // code registration method
    public function registration()
    {
        return view('auth.registration');
    }

    // code action login method
    public function actionLogin(Request $request)
    {
        $request->validate([
            'email' => 'required',
            'password' => 'required',
        ]);

        $credentials = $request->only('email', 'password');
        if (Auth::attempt($credentials)) {
            return redirect()->intended('dashboard')
                ->withSuccess('You have Successfully loggedin');
        }
        return redirect("login")->withSuccess('Please enter valid credentials');
    }

    // code action registration method
    public function actionRegistration(Request $request)
    {
        $request->validate([
            'name' => 'required',
            'email' => 'required|email|unique:users',
            'password' => 'required|min:6',
        ]);

        $data = $request->all();
        $check = $this->create($data);
        return redirect("dashboard")->withSuccess('You have Successfully logged-in');
    }

    // code dashboard method
    public function dashboard()
    {
        if (Auth::check()) {
            return view('dashboard');
        }
        return redirect("login")->withSuccess('You do not have access');
    }

    // code create method
    public function create(array $data)
    {
        return User::create([
            'name' => $data['name'],
            'email' => $data['email'],
            'password' => Hash::make($data['password'])
        ]);
    }

    // code logout method
    public function logout()
    {
        Session::flush();
        Auth::logout();
        return Redirect('login');
    }
}


?>

<?php

/**

* Description of Users Controller

* @author Team TechArise

* @email info@techarise.com

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use Illuminate\Support\Facades\Auth;

use Session;

use App\Models\User;

use Hash;

class AuthController extends Controller

{

// code login method

public function index()

{

return view('auth.login');

}

// code registration method

public function registration()

{

return view('auth.registration');

}

// code action login method

public function actionLogin(Request $request)

{

$request->validate([

'email' => 'required',

'password' => 'required',

]);

$credentials = $request->only('email', 'password');

if (Auth::attempt($credentials)) {

return redirect()->intended('dashboard')

->withSuccess('You have Successfully loggedin');

}

return redirect("login")->withSuccess('Please enter valid credentials');

}

// code action registration method

public function actionRegistration(Request $request)

{

$request->validate([

'name' => 'required',

'email' => 'required|email|unique:users',

'password' => 'required|min:6',

]);

$data = $request->all();

$check = $this->create($data);

return redirect("dashboard")->withSuccess('You have Successfully logged-in');

}

// code dashboard method

public function dashboard()

{

if (Auth::check()) {

return view('dashboard');

}

return redirect("login")->withSuccess('You do not have access');

}

// code create method

public function create(array $data)

{

return User::create([

'name' => $data['name'],

'email' => $data['email'],

'password' => Hash::make($data['password'])

]);

}

// code logout method

public function logout()

{

Session::flush();

Auth::logout();

return Redirect('login');

}

Step 4: Create Routes

Add/Update code the file named web.php inside “routes/” folder

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\Auth\AuthController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
// custom create routes 
Route::get('/', [AuthController::class, 'index'])->name('login');
Route::get('login', [AuthController::class, 'index'])->name('login');
Route::post('action-login', [AuthController::class, 'actionLogin'])->name('login.action');
Route::get('registration', [AuthController::class, 'registration'])->name('register');
Route::post('action-registration', [AuthController::class, 'actionRegistration'])->name('register.action');
Route::get('dashboard', [AuthController::class, 'dashboard']);
Route::get('logout', [AuthController::class, 'logout'])->name('logout');

?>

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\Auth\AuthController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

// custom create routes

Route::get('/', [AuthController::class, 'index'])->name('login');

Route::get('login', [AuthController::class, 'index'])->name('login');

Route::post('action-login', [AuthController::class, 'actionLogin'])->name('login.action');

Route::get('registration', [AuthController::class, 'registration'])->name('register');

Route::post('action-registration', [AuthController::class, 'actionRegistration'])->name('register.action');

Route::get('dashboard', [AuthController::class, 'dashboard']);

Route::get('logout', [AuthController::class, 'logout'])->name('logout');

Step 6: Create Blade Views

This file contains the header and footer sections of the webpage. The Bootstrap library is used to provide a better UI.

i – Create(layout) a views file named layout.blade.php inside “resources\views\” folder.

<!doctype html>
<html lang="en">

<head>
    <link rel="canonical" href="https://techarise.com/" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" type="image/ico" href="https://techarise.com/wp-content/themes/v1/favicon.ico">
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <!--- Custom css --->
    <link rel="stylesheet" type="text/css" href="{{ url('/assets/css/sticky-footer-navbar.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ url('/assets/css/style.css') }}" />

    <title>Laravel 9 Login and Registration | Tech Arise</title>
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
            <div class="container-fluid">
                <a class="navbar-brand" href="https://techarise.com">TechArise</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <ul class="navbar-nav me-auto mb-2 mb-md-0">
                        <li class="nav-item">
                            <a class="nav-link active" aria-current="page" href="https://techarise.com">Home</a>
                        </li>
                        @guest
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('login') }}">Login</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('register') }}">Register</a>
                        </li>
                        @else
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route('logout') }}">Logout</a>
                        </li>
                        @endguest
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    @yield('content')

    <footer class="footer">
        <div class="container">&nbsp;</div>
    </footer>

    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

</body>

</html>

<!doctype html>

<head>

<title>Laravel 9 Login and Registration | Tech Arise</title>

</head>

<body>

<a class="navbar-brand" href="https://techarise.com">TechArise</a>

</button>

</li>

@guest

<a class="nav-link" href="{{ route('login') }}">Login</a>

</li>

<a class="nav-link" href="{{ route('register') }}">Register</a>

</li>

@else

<a class="nav-link" href="{{ route('logout') }}">Logout</a>

</li>

@endguest

</ul>

</div>

</nav>

</header>

@yield('content')

</footer>

</body>

</html>

ii – Create(login) a views file named login.blade.php inside “resources\views\auth\” folder.

@extends('layout')

@section('content')

<main class="flex-shrink-0">
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <h2 class="mt-5 text-center">Laravel 9 Login and Registration</h2>
                <div class="card">
                    <div class="card-header">Login</div>
                    <div class="card-body">
                        <form action="{{ route('login.action') }}" method="POST">
                            @csrf
                            <div class="form-group row">
                                <label for="email_address" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>
                                <div class="col-md-6">
                                    <input type="text" id="email_address" class="form-control" name="email" required autofocus>
                                    @if ($errors->has('email'))
                                    <span class="text-danger">{{ $errors->first('email') }}</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 type="password" id="password" class="form-control" name="password" required>
                                    @if ($errors->has('password'))
                                    <span class="text-danger">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6 offset-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="remember"> Remember Me
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    Login
                                </button>
                                <a href="{{ route('register') }}" class="text-primary" style="float: right;">Register</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

@endsection

@extends('layout')

@section('content')

<h2 class="mt-5 text-center">Laravel 9 Login and Registration</h2>

<div class="card-header">Login</div>

@csrf

<label for="email_address" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>

@if ($errors->has('email'))

<span class="text-danger">{{ $errors->first('email') }}</span>

@endif

</div>

<label for="password" class="col-md-4 col-form-label text-md-right">Password</label>

@if ($errors->has('password'))

<span class="text-danger">{{ $errors->first('password') }}</span>

@endif

</div>

<label>

<input type="checkbox" name="remember"> Remember Me

</label>

</div>

</button>

<a href="{{ route('register') }}" class="text-primary" style="float: right;">Register</a>

</div>

</form>

</div>

</main>

@endsection

iii – Create(registration) a views file named registration.blade.php inside “resources\views\auth\” folder.

@extends('layout')

@section('content')

<main class="flex-shrink-0">
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <h2 class="mt-5 text-center">Laravel 9 Login and Registration</h2>
                <div class="card">
                    <div class="card-header">Register</div>
                    <div class="card-body">
                        <form action="{{ route('register.action') }}" method="POST">
                            @csrf
                            <div class="form-group row">
                                <label for="name" class="col-md-4 col-form-label text-md-right">Name</label>
                                <div class="col-md-6">
                                    <input type="text" id="name" class="form-control" name="name" required autofocus>
                                    @if ($errors->has('name'))
                                    <span class="text-danger">{{ $errors->first('name') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="email_address" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>
                                <div class="col-md-6">
                                    <input type="text" id="email_address" class="form-control" name="email" required autofocus>
                                    @if ($errors->has('email'))
                                    <span class="text-danger">{{ $errors->first('email') }}</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 type="password" id="password" class="form-control" name="password" required>
                                    @if ($errors->has('password'))
                                    <span class="text-danger">{{ $errors->first('password') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    Register
                                </button>
                                <a href="{{ route('login') }}" class="text-primary" style="float: right;">Login</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

@endsection

@extends('layout')

@section('content')

<h2 class="mt-5 text-center">Laravel 9 Login and Registration</h2>

<div class="card-header">Register</div>

@csrf

@if ($errors->has('name'))

<span class="text-danger">{{ $errors->first('name') }}</span>

@endif

</div>

<label for="email_address" class="col-md-4 col-form-label text-md-right">E-Mail Address</label>

@if ($errors->has('email'))

<span class="text-danger">{{ $errors->first('email') }}</span>

@endif

</div>

<label for="password" class="col-md-4 col-form-label text-md-right">Password</label>

@if ($errors->has('password'))

<span class="text-danger">{{ $errors->first('password') }}</span>

@endif

</div>

</button>

<a href="{{ route('login') }}" class="text-primary" style="float: right;">Login</a>

</div>

</form>

</div>

</main>

@endsection

iv – Create(dashboard) a views file named dashboard.blade.php inside “resources\views\” folder.

@extends('layout')

@section('content')

<main class="flex-shrink-0">
    <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <h2 class="mt-5 text-center">Laravel 9 Login and Registration</h2>
                <div class="card">
                    <div class="card-header">{{ __('Dashboard') }}</div>
                    <div class="card-body">
                        @if (session('success'))
                        <div class="alert alert-success" role="alert">
                            {{ session('success') }}
                        </div>
                        @endif
                        You are Logged In
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

@endsection

@extends('layout')

@section('content')

<h2 class="mt-5 text-center">Laravel 9 Login and Registration</h2>

<div class="card-header">{{ __('Dashboard') }}</div>

@if (session('success'))

</div>

@endif

You are Logged In

</div>

</main>

@endsection

Step 6: Run Laravel Application:

Finally, start the server. So, execute the PHP artisan serve command on the terminal:

    php artisan serve
    If want to run the project different port to use the below command
    php artisan serve --port=9090

php artisan serve

If want to run the project different port to use the below command

php artisan serve --port=9090

Now, Go to your web browser, type the given URL:

    http://localhost:8000/login

1	http://localhost:8000/login

Also Read : Codeigniter 4 Authentication Login and Registration

Demo Download