Laravel 12 CRUD tutorial example

Install Laravel 12 App


composer create-project laravel/laravel example-app

Setup mysql database

update .env file


DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel12app //database name
DB_USERNAME=root
DB_PASSWORD=

migrate database


php artisan migrate

Create Model & Migration


php artsan make:model Contact -m

app\Models\Contact.php like as below code


<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Contact extends Model
{
    protected $fillable = [
        'name',
        'email',
        'phone',
        'address',
    ];

    public static function getData()
    {
        $data = self::get();
        return $data;
    }

    public static function createData($request)
    {
        self::create([
            'name' => $request->name,
            'email' => $request->email,
            'phone' => $request->phone,
            'address' => $request->address,
        ]);
    }

    public static function editData($id)
    {
        $data = self::find($id);
        return $data;
    }

    public static function updateData($request, $id)
    {
        self::where('id', $id)->update([
            'name' => $request->name,
            'email' => $request->email,
            'phone' => $request->phone,
            'address' => $request->address,
        ]);
    }

    public static function deleteData($id)
    {
        self::where('id', $id)->delete();
    }
}

database\migrations\2025_02_27_075816_create_contacts_table.php like as below code


<?phpp

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('contacts', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('email')->unique();
            $table->string('phone')->unique();
            $table->text('address');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('contacts');
    }
};

Run below this command


php artisan migrate

Create route

routes/web.php like as below code


<?php

use App\Http\Controllers\ContactController;
use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});

Route::resource('contacts', ContactController::class);

Create controller


php artisan make:controller ContactController --resource

App/controller/ContactController.php like as below code


<?php

namespace App\Http\Controllers;

use App\Models\Contact;
use Illuminate\Http\Request;

class ContactController extends Controller
{
    /**
     * Display a listing of the resource.
     */
    public function index()
    {
        $data = Contact::getData();
        return view('contact.index')->with('data', $data);
    }

    /**
     * Show the form for creating a new resource.
     */
    public function create()
    {
        //
    }

    /**
     * Store a newly created resource in storage.
     */
    public function store(Request $request)
    {
        Contact::createData($request);
        return redirect()->back()->with('success-message',
        'Contact successfully added.');
    }

    /**
     * Display the specified resource.
     */
    public function show(string $id)
    {
        //
    }

    /**
     * Show the form for editing the specified resource.
     */
    public function edit(string $id)
    {
        //dd($id);
        $data = Contact::editData($id);
       // dd($data);
        return view('contact.edit')->with('data', $data);
    }

    /**
     * Update the specified resource in storage.
     */
    public function update(Request $request, string $id)
    {
        Contact::updateData($request, $id);
        return redirect()->back()->with('update-message', 
        'Update successfully.');
    }

    /**
     * Remove the specified resource from storage.
     */
    public function destroy(string $id)
    {
        Contact::deleteData($id);
        return redirect()->back()->with('delete-message', 
        'Contact deleted.');
    }
}

Create blade file

resources/contact/index.blade.php like as below code


<!DOCTYPE html>
<html lang="en">
<head>
<title>Laravel 12 CRUD-laravelexample.com</title>
<meta charset="utf-8">
<meta 
name="viewport" content="width=device-width, initial-scale=1">
<link 
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/
dist/css/bootstrap.min.css" 
rel="stylesheet">
<script 
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/
dist/js/bootstrap.bundle.min.js"><
/script>
</head>

<body>

<div class="container mt-3">
<div class="card">
<div class="card-header">
<h2>Laravel 12 CRUD Tutorial </h2>
</div>
<div class="card-body">
<div class="text-end">
<button type="button" class="btn btn-primary"
data-bs-toggle="modal" 
data-bs-target="#myModal">
+ Create new
</button>
</div>
@if (session()->has('success-message'))
<div class="alert alert-success" role="alert">
 {{ session()->get('success-message') }}</div>
 @endif
@if (session()->has('delete-message'))
<div class="alert alert-danger" role="alert" 
id="success-message">
 {{ session()->get('delete-message') }}</div>
 @endif
@if ($data->count() > 0)
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Name</th>
 <th>Email</th>
<th>Phone</th>
<th>Address</th>
<th>Action</th>
 </tr>
</thead>
 <tbody>
@foreach ($data as $d)
 <tr>
<td>{{ $d->id }}</td>
<td>{{ $d->name }}</td>
<td>{{ $d->email }}</td>
<td>{{ $d->phone }}</td>
<td>{{ $d->address }}</td>
<td><a href="{{ route('contacts.edit', [$d->id]) }}" 
class="btn btn-success">
Edit
</a>

<form action="{{ route('contacts.destroy', [$d->id]) }}" 
method="POST" class="pt-2"
>@method('DELETE') @csrf
<button type="submit" class="btn btn-danger">
Delete
</button>
</form>
</td>
</tr>
@endforeach
@else
 <p class="text-center">Record not found.</p>
@endif
</tbody>
</table>
</div>
<div class="card-footer text-end">
<a href="https://www.laravelexample.com/"
target="_blank">www.laravelexample.com</a></div>
 </div>
</div>
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Create contact</h4>
 <button type="button" class="btn-close" 
 data-bs-dismiss="modal"></button>
</div>

<!-- Modal body -->
<div class="modal-body">
 @csrf
<div class="mb-3 mt-3">
<label for="name" class="form-label">Name:</label>
<input type="text" class="form-control" id="name" 
placeholder="Enter name"
name="name">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email:</label>
<input type="email" class="form-control" id="email" 
placeholder="Enter email"
name="email">
</div>
<div class="mb-3">
<label for="phone" class="form-label">Phone:</label>
<input type="number" class="form-control" id="phone" 
placeholder="Enter phone"
                                name="phone">
</div>
<div class="mb-3">
<label for="address" class="form-label">Address:</label>
<textarea type="email" class="form-control" id="email" 
placeholder="Enter address" name="address"></textarea>
</div>
<button type="submit" class="btn btn-primary"
>Submit</button>
</form>
</div>
</div>
</div>
</div>
</body>

</html>

resources/contact/edit.blade.php like as below code



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

<head>
<title>Laravel 12 CRUD-laravelexample.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/
npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet">
<script 
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/
js/bootstrap.bundle.min.js">
</script>
</head>

<body>
<div class="container mt-3">
<div class="card">
<div class="card-header">
<h2>Edit-Laravel 12 CRUD Tutorial </h2>
</div>
<div class="card-body">
@if (session()->has('update-message'))
<div class="alert alert-success" role="alert"
id="success-message">
{{ session()->get('update-message') }}</div>
@endif
<form action="{{ route('contacts.update',[$data->id]) }}"
method="post">
@method('PUT') @csrf
 <div class="mb-3 mt-3">
<label for="name" class="form-label">Name:</label>
<input type="text" class="form-control" id="name" 
placeholder="Enter name"
name="name" value="{{ $data->name }}">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email:</label>
<input type="email" class="form-control" id="email"
placeholder="Enter email"
name="email" value="{{ $data->email }}">
 </div>
<div class="mb-3">
<label for="phone" class="form-label">Phone:</label>
<input type="number" class="form-control" id="phone"
placeholder="Enter phone"
name="phone" value="{{ $data->phone }}">
</div>
<div class="mb-3">
<label for="address" class="form-label">Address:</label>
<textarea type="email" class="form-control"
id="email" placeholder="Enter address" name="address"> 
{{ $data->address }}</textarea>
</div>
<button type="submit" class="btn 
btn-success">Update</button>
</form>
</div>
<div class="card-footer text-end"><a 
href="https://www.laravelexample.com/"
target="_blank">www.laravelexample.com<
/a></div>
</div>
</div>
</body>
</html>