Hello Laravel Developers,
Today I am here with a Laravel CRUD operation step by step tutorial. In this guide, you will learn How to perform CRUD operation in Laravel 8 with an example.
CRUD refers to four basic functions of persistent storage: Create, Read, Update, Delete. It is the operations performed in the database.
You can also create CRUD in Laravel. CRUD operations Laravel is a simple task to perform even for beginners. Laravel CRUD operation can be easily performed with the help of the following steps or you can Hire an experienced Laravel Developer to help you perform the CRUD operation in Laravel 8.
Let’s dive into the process of the Laravel 8 CRUD generator.
Steps to Perform CRUD Operation in Laravel 8:
Step 1: Install Laravel 8
For the Laravel 8 CRUD generator process, first you need to install Laravel 8 with the help of the following command
composer create-project laravel/laravel:^8.0 Laravel
Step 2: Database configuration
Add following lines in .env file
DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=here your database name(blog) DB_USERNAME=here database username(root) DB_PASSWORD=here database password
Step 3: Create a table
php artisan make:migration create_users_table --create table
Now open the migration file and add the code given below
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateUsersTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('users', function (Blueprint $table) {
$table->id();
$table->string('name');
$table->string('email')->unique();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('users');
}
}
Now you have to run migration using the below command
php artisan migrate
Step 4: Add Resource Route
We need to add a resource route for the user crud application. So open your “routes/web.php” file and add the following route.
use App\Http\Controllers\UserController;
Route::resource('users', UserController::class);
Step 5: Add Controller and Model
php artisan make:controller UserController --resource --model=User
After the above command, you will find a new file in this path
“app/Http/Controllers/UserController.php”
In this controller will create seven methods by default as given below:
- index()
- create()
- store()
- show()
- edit()
- update()
- destroy()
Go to the path: app/Http/Controllers/UserController.php
And update the code as follows
<?php
namespace App\Http\Controllers;
use App\Models\User;
use Illuminate\Http\Request;
class UserController extends Controller
{
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
$users = User::latest()->paginate(5);
return view('user.index',compact('users'))
->with('i', (request()->input('page', 1) - 1) * 5);
}
/**
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view('user.create');
}
/**
* Store a newly created resource in storage.
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
$request->validate([
'name' => 'required',
'email' => 'required',
]);
User::create($request->all());
return redirect()->route('user.index')
->with('success','User created successfully.');
}
/**
* Display the specified resource.
*
* @param \App\User $user
* @return \Illuminate\Http\Response
*/
public function show(User $user)
{
return view('user.show',compact('user'));
}
/**
* Show the form for editing the specified resource.
*
* @param \App\User $user
* @return \Illuminate\Http\Response
*/
public function edit(User $user)
{
return view('user.edit',compact('user'));
}
/**
* Update the specified resource in storage.
*
* @param \Illuminate\Http\Request $request
* @param \App\User $user
* @return \Illuminate\Http\Response
*/
public function update(Request $request, User $user)
{
$request->validate([
'name' => 'required',
'email' => 'required',
]);
$user->update($request->all());
return redirect()->route('users.index')
->with('success','User updated successfully');
}
/**
* Remove the specified resource from storage.
*
* @param \App\User $user
* @return \Illuminate\Http\Response
*/
public function destroy(User $user)
{
$user->delete();
return redirect()->route('user.index')
->with('success','User deleted successfully');
}
}
Now find “app/Models/User.php” and put the below content in User.php file:
<?php
namespace App\Models;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
use Laravel\Sanctum\HasApiTokens;
class User extends Authenticatable
{
use HasApiTokens, HasFactory, Notifiable;
/**
* The attributes that are mass assignable.
*
* @var array<int, string>
*/
protected $fillable = [
'name',
'email',
'password',
];
/**
* The attributes that should be hidden for serialization.
*
* @var array<int, string>
*/
protected $hidden = [
'password',
'remember_token',
];
/**
* The attributes that should be cast.
*
* @var array<string, string>
*/
protected $casts = [
'email_verified_at' => 'datetime',
];
}
Step 6: Add Blade Files
layout.blade.php
Path – resources/views/users/layout.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Laravel 8 CRUD Application </title>
</head>
<body>
<div class="container">
@yield('content')
</div>
</body>
</html>
index.blade.php
Path – resources/views/users/index.blade.php
@extends('users.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Laravel 8 CRUD Example f</h2>
</div>
<div class="pull-right">
<a class="btn btn-success" href="{{ route('users.create') }}"> Create New user</a>
</div>
</div>
</div>
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
<table class="table table-bordered">
<tr>
<th>No</th>
<th>Name</th>
<th>Email</th>
<th width="280px">Action</th>
</tr>
@foreach ($users as $user)
<tr>
<td>{{ ++$i }}</td>
<td>{{ $user->name }}</td>
<td>{{ $user->email }}</td>
<td>
<form action="{{ route('users.destroy',$user->id) }}" method="POST">
<a class="btn btn-info" href="{{ route('users.show',$user->id) }}">Show</a>
<a class="btn btn-primary" href="{{ route('users.edit',$user->id) }}">Edit</a>
@csrf
@method('DELETE')
<button type="submit" class="btn btn-danger">Delete</button>
</form>
</td>
</tr>
@endforeach
</table>
{!! $users->links() !!}
@endsection
create.blade.php
Path – resources/views/users/create.blade.php
@extends('users.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Add New User</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('users.index') }}"> Back</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('users.store') }}" method="POST">
@csrf
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Name:</strong>
<input type="text" name="name" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>email:</strong>
<textarea class="form-control" style="height:150px" name="email" placeholder="Email"></textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
@endsection
edit.blade.php
Path – resources/views/users/edit.blade.php
@extends('users.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Edit User</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('users.index') }}"> Back</a>
</div>
</div>
</div>
@if ($errors->any())
<div class="alert alert-danger">
There were some problems with your input.<br><br>
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('users.update',$user->id) }}" method="POST">
@csrf
@method('PUT')
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Name:</strong>
<input type="text" name="name" value="{{ $user->name }}" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Email:</strong>
<textarea class="form-control" style="height:150px" name="email" placeholder="Email">{{ $user->email }}</textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
@endsection
show.blade.php
Path – resources/views/users/show.blade.php
@extends('users.layout')
@section('content')
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2> Show User</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('users.index') }}"> Back</a>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Name:</strong>
{{ $user->name }}
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Email:</strong>
{{ $user->email }}
</div>
</div>
</div>
@endsection
Step 7: Run CRUD application
Now the final step in Laravel 8 tutorial CRUD you need to run the CRUD application using this command
php artisan serve
Now you can open the below URL on your browser:
http://127.0.0.1:8000/users
That’s it! You have successfully performed the Laravel CRUD operation step by step.
Final Words:
With the help of the above guide, you have learned the CRUD generator Laravel 8. If you have any doubt about this Laravel 8 tutorial CRUD, you can ask me through the comments. If you liked this Laravel 8 CRUD generator example, hit the 5 stars. Share the Laravel 8 tutorial CRUD with your friends to help them get knowledge about the Laravel CRUD operation.
Happy Coding!
FAQ’s
(1) What is CRUD operations in Laravel?
Answer: CRUD is an acronym that comes from the world of computer programming and refers to the four functions that are considered necessary to implement a persistent storage application: create, read, update and delete.
(2) Why use CRUD operations?
Answer: A customer may use CRUD to create an account and access that account when returning to a particular site. The user may then update personal data or change billing information. On the other hand, an operations manager might create product records, then call them when needed or modify line items.
(3) What is a CRUD table?
Answer: Crud – Is a team game that’s played on a billiards or snooker table with a cue ball, and a striped ball.
(4) What is API in Laravel?
Answer: Laravel ships with a simple solution to API authentication via a random token assigned to each user of your application.
(5) What is a token in Laravel?
Answer: Laravel automatically generates a CSRF “token” for each active user session managed by the application. This token is used to verify that the authenticated user is the person actually making the requests to the application.