Category Archives: Laravel

Laravel Tutorials

Laravel 8 Multiple File Upload Example

In this Laravel 8 Multiple File Upload Example, I’ll show you how to upload multiple image along with validation in laravel 8. In this laravel 8 multiple image upload example, I’ll show you how to validate and upload multiple image into folder and then save it into database. In this tutorial before saving multiple image into database we will validate image and then save it into directory. Before uploading the image we will validate the image. After successfully uploading multiple images into the folder and saving it in database we will display success message on the screen.

Laravel 8 Multiple File Upload Example

In this step by step tutorial I’ll demonstrate how to upload multiple files in laravel 8 with validation. I’ll also show you how to upload multiple pdf, txt, csv, excel, doc files in laravel 8 application. Please follow the steps to upload multiple files in laravel 8 given below:

Download Laravel 8 Application
Database Configuration
Build Model & Migration
Create Routes
Build Multi Upload Controller By Artisan Command
Create Multiple File Upload Form
Create Directory inside Storage/app/public
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel lara8blog

Configure Database

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara8blog

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, we have to define table schema for files table. Open terminal and let’s run the following command to generate a migration along with model file to create files table in our database.

php artisan make:model File -m

1	php artisan make:model File -m

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and put following code in it –

public function up()
{
    Schema::create('files', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('path');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('files', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('path');

$table->timestamps();

});

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the files table will be created in database.

Create Routes

After this, we need to add following routes in “routes/web.php” file along with a resource route. Lets open “routes/web.php” file and add following route.

routes/web.php

use App\Http\Controllers\MultiFileUploadController;
 
Route::get('files-upload', [MultiFileUploadController::class, 'index']);
Route::post('save-multiple-files', [MultiFileUploadController::class, 'store']);

use App\Http\Controllers\MultiFileUploadController;

Route::get('files-upload', [MultiFileUploadController::class, 'index']);

Route::post('save-multiple-files', [MultiFileUploadController::class, 'store']);

Create Controller By Artisan Command

Now, lets create a controller for simple file uploading. Create a controller named MultiFileUploadController using command given below –

php artisan make:controller MultiFileUploadController

1	php artisan make:controller MultiFileUploadController

Once the above command executed, it will create a controller file MultiFileUploadController.php in app/Http/Controllers/ directory. Open the MultiFileUploadController.php file and put the following code in it.

app/Http/Controllers/MultiFileUploadController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
use App\Models\File;
 
 
class MultiFileUploadController extends Controller
{
    public function index()
    {
        return view('multiple-files-upload');
    }
 
    public function store(Request $request)
    {
         
        $validatedData = $request->validate([
        'files' => 'required',
        'files.*' => 'mimes:csv,txt,xlx,xls,pdf'
        ]);
 
 
        if($request->hasfile('files'))
         {
            foreach($request->file('files') as $key => $file)
            {
                $path = $file->store('public/files');
                $name = $file->getClientOriginalName();
 
                $insert[$key]['name'] = $name;
                $insert[$key]['path'] = $path;
 
            }
         }
 
        File::insert($insert);
 
        return redirect('files-upload')->with('status', 'Multiple File has been uploaded Successfully');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\File;

class MultiFileUploadController extends Controller

{

public function index()

{

return view('multiple-files-upload');

}

public function store(Request $request)

{

$validatedData = $request->validate([

'files' => 'required',

'files.*' => 'mimes:csv,txt,xlx,xls,pdf'

]);

if($request->hasfile('files'))

{

foreach($request->file('files') as $key => $file)

{

$path = $file->store('public/files');

$name = $file->getClientOriginalName();

$insert[$key]['name'] = $name;

$insert[$key]['path'] = $path;

}

File::insert($insert);

return redirect('files-upload')->with('status', 'Multiple File has been uploaded Successfully');

}

Note:- Before uploading any file make sure you have created following directory in the storage/app/public folder called files.

Create Multiple File Upload Form

In this step, we will create view/blade file to generate and display multiple file Upload Form. Lets create a blade file “multiple-files-upload.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/multiple-files-upload.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Multiple File Upload in Laravel 8</title>
 
  <meta name="csrf-token" content="{{ csrf_token() }}">
 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 
</head>
<body>
 
<div class="container mt-5">
 
  @if(session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
  @endif
 
 
      <h2 class="text-center">Laravel 8 Multiple File Upload With Validation</h2>
 
 
    <div class="text-center">
 
        <form name="save-multiple-files" method="POST"  action="{{ url('save-multiple-files') }}" accept-charset="utf-8" enctype="multipart/form-data">
 
          @csrf
                   
            <div class="row">
 
                <div class="col-md-12">
                    <div class="form-group">
                        <input type="file" name="files[]" placeholder="Choose files" multiple >
                    </div>
                    @error('files')
                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                </div>
                   
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</button>
                </div>
            </div>     
        </form>
 
    </div>
 
 
</div>  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Multiple File Upload in Laravel 8</title>

</head>

<body>

@if(session('status'))

</div>

@endif

<h2 class="text-center">Laravel 8 Multiple File Upload With Validation</h2>

@csrf

</div>

@error('files')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</div>

</form>

</div>

</body>

</html>

Create Directory inside Storage/app/public

Before uploading any file make sure you have created following directory in the storage/app/public folder called files.

$path = $request-&gt;file('file')-&gt;store('public/files');

1	$path = $request->file('file')->store('public/files');

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/files-upload

1	http://localhost:8000/files-upload

Laravel 8 Ajax Image Upload with Preview Tutorial

In this Laravel 8 Ajax Image Upload with Preview Tutorial I’ll show you how to upload image using ajax with preview in laravel 8. I will also show you how to upload image using jQuery and ajax and display preview without reloading of page.

Laravel 8 Ajax Image Upload with Preview Tutorial

In this step by step ajax image upload with preview in laravel 8 tutorial you will learn to upload image with preview using jQuery and ajax in laravel 8. In this example I’ll share the process to upload image with preview using ajax in laravel 8. Please following steps given below:

Download Laravel 8 Application
Database Configuration
Build Model & Migration
Create Routes
Generate Controller By Artisan Command
Create Ajax Image Upload Form
Create Images Directory inside Storage/app/public
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel SimpleImageUpload

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=SimpleImageUpload

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, we have to define table schema for photos table. Open terminal and let’s run the following command to generate a migration along with model file to create photos table in our database.

php artisan make:model Photo -m

1	php artisan make:model Photo -m

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and put following code in it –

public function up()
{
    Schema::create('photos', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('path');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('photos', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('path');

$table->timestamps();

});

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the photos table will be created in database.

Create Routes

After this, we need to add following routes in “routes/web.php” file along with a resource route. Lets open “routes/web.php” file and add following route.

routes/web.php

use App\Http\Controllers\AjaxUploadController;
 
Route::get('image-preview', [AjaxUploadController::class, 'index']);
Route::post('upload', [AjaxUploadController::class, 'store']);

use App\Http\Controllers\AjaxUploadController;

Route::get('image-preview', [AjaxUploadController::class, 'index']);

Route::post('upload', [AjaxUploadController::class, 'store']);

Create Controller By Artisan Command

Now, lets create a controller for simple image uploading. Create a controller named AjaxUploadController using command given below –

php artisan make:controller AjaxUploadController

1	php artisan make:controller AjaxUploadController

Once the above command executed, it will create a controller file AjaxUploadController.php in app/Http/Controllers/ directory. Open the AjaxUploadController.php file and put the following code in it.

app/Http/Controllers/AjaxUploadController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\Photo;
 
class AjaxUploadController extends Controller
{
     public function index()
    {
        return view('image-upload-preview-form');
    }
 
    public function store(Request $request)
    {
         
        $validatedData = $request->validate([
         'image' => 'required|image|mimes:jpg,png,jpeg,gif,svg|max:2048',
 
        ]);
 
        $name = $request->file('image')->getClientOriginalName();
 
        $path = $request->file('image')->store('public/images');
 
 
        $save = new Photo;
 
        $save->name = $name;
        $save->path = $path;
 
        $save->save();
 
        return response()->json($path);
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Photo;

class AjaxUploadController extends Controller

{

public function index()

{

return view('image-upload-preview-form');

}

public function store(Request $request)

{

$validatedData = $request->validate([

'image' => 'required|image|mimes:jpg,png,jpeg,gif,svg|max:2048',

]);

$name = $request->file('image')->getClientOriginalName();

$path = $request->file('image')->store('public/images');

$save = new Photo;

$save->name = $name;

$save->path = $path;

$save->save();

return response()->json($path);

}

Note:- Before uploading any file make sure you have created following directory in the storage/app/public folder called images.

Create Ajax Image Upload Form

In this step, we will create view/blade file to generate and display Image Upload Form. Lets create a blade file “image-upload-preview-form.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/image-upload-preview-form.blade.php

<!DOCTYPE html>
<html>
<head>
<title>Laravel 8 Ajax Image Upload With Preview</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div class="container mt-4">
<h2 class="text-center">Image Upload with Preview using jQuery Ajax in Laravel 8</h2>
<form method="POST" enctype="multipart/form-data" id="image-upload" action="javascript:void(0)" >
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="file" name="image" placeholder="Choose image" id="image">
</div>
</div>
<div class="col-md-12 mb-2">
<img id="preview-image-before-upload" src="images/product_image_not_found.gif"
alt="preview image" style="max-height: 250px;">
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-primary" id="submit">Submit</button>
</div>
</div>     
</form>
</div>
<script type="text/javascript">
$(document).ready(function (e) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('#image').change(function(){
let reader = new FileReader();
reader.onload = (e) => { 
$('#preview-image-before-upload').attr('src', e.target.result); 
}
reader.readAsDataURL(this.files[0]); 
});
$('#image-upload').submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
type:'POST',
url: "{{ url('upload')}}",
data: formData,
cache:false,
contentType: false,
processData: false,
success: (data) => {
this.reset();
alert('Image has been uploaded using jQuery ajax successfully');
},
error: function(data){
console.log(data);
}
});
});
});
</script>
</div>  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Ajax Image Upload With Preview</title>

</head>

<body>

<h2 class="text-center">Image Upload with Preview using jQuery Ajax in Laravel 8</h2>

</div>

<img id="preview-image-before-upload" src="images/product_image_not_found.gif"

alt="preview image" style="max-height: 250px;">

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</div>

</form>

</div>

$(document).ready(function (e) {

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

}

});

$('#image').change(function(){

let reader = new FileReader();

reader.onload = (e) => {

$('#preview-image-before-upload').attr('src', e.target.result);

}

reader.readAsDataURL(this.files[0]);

});

$('#image-upload').submit(function(e) {

e.preventDefault();

var formData = new FormData(this);

$.ajax({

type:'POST',

url: "{{ url('upload')}}",

data: formData,

cache:false,

contentType: false,

processData: false,

success: (data) => {

this.reset();

alert('Image has been uploaded using jQuery ajax successfully');

error: function(data){

console.log(data);

}

});

</script>

</div>

</body>

</html>

Create Images Directory inside Storage/app/public

Before uploading any file make sure you have created following directory in the storage/app/public folder called images.

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/image-preview

1	http://localhost:8000/image-preview

Laravel 8 Image Upload with Preview

In this Laravel 8 Image Upload with Preview example, we will learn how to upload image along with preview before upload in laravel 8. In this laravel 8 image upload example I’ll show you how to validate upload image into folder and then save it into database. In this tutorial before saving image into database we will show preview of the images and then save it into directory. Before uploading the image we will display preview of the image. After successfully image upload into the database and folder we will display success message on the screen.

Laravel 8 Image Upload with Preview

In this step by step Laravel 8 Image Upload with Preview tutorial I’ll demonstrate how to upload image in laravel 8 with preview. I’ll also show you how to upload image in laravel 8 with preview. Please follow the steps given below:

Download Laravel 8 Application
Setup Database with App
Create Model & Migration
Create Routes
Generate Controller By Artisan Command
Create Blade View
Implement javascript Code to Show Image Preview
Create Images Directory inside Storage/app/public
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel lara8blog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara8blog

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, we have to define table schema for photos table. Open terminal and let’s run the following command to generate a migration along with model file to create photos table in our database.

php artisan make:model Photo -m

1	php artisan make:model Photo -m

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and put following code in it –

public function up()
{
    Schema::create('photos', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('path');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('photos', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('path');

$table->timestamps();

});

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the photos table will be created in database.

Create Routes

After this, we need to add following routes in “routes/web.php” file along with a resource route. Lets open “routes/web.php” file and add following route.

routes/web.php

use App\Http\Controllers\ImageUploadController;
 
Route::get('image-upload-preview', [ImageUploadController::class, 'index']);
Route::post('upload-image', [ImageUploadController::class, 'store']);

use App\Http\Controllers\ImageUploadController;

Route::get('image-upload-preview', [ImageUploadController::class, 'index']);

Route::post('upload-image', [ImageUploadController::class, 'store']);

Create Controller By Artisan Command

Now, lets create a controller for simple image uploading. Create a controller named ImageUploadController using command given below –

php artisan make:controller ImageUploadController

1	php artisan make:controller ImageUploadController

Once the above command executed, it will create a controller file ImageUploadController.php in app/Http/Controllers/ directory. Open the ImageUploadController.php file and put the following code in it.

app/Http/Controllers/ImageUploadController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\Photo;
 
class ImageUploadController extends Controller
{
     public function index()
    {
        return view('image-upload');
    }
 
    public function store(Request $request)
    {
         
        $validatedData = $request->validate([
         'image' => 'required|image|mimes:jpg,png,jpeg,gif,svg|max:2048',
 
        ]);
 
        $name = $request->file('image')->getClientOriginalName();
 
        $path = $request->file('image')->store('public/images');
 
 
        $save = new Photo;
 
        $save->name = $name;
        $save->path = $path;
 
        return redirect('image-upload-preview')->with('status', 'Image Has been uploaded successfully in laravel 8');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Photo;

class ImageUploadController extends Controller

{

public function index()

{

return view('image-upload');

}

public function store(Request $request)

{

$validatedData = $request->validate([

'image' => 'required|image|mimes:jpg,png,jpeg,gif,svg|max:2048',

]);

$name = $request->file('image')->getClientOriginalName();

$path = $request->file('image')->store('public/images');

$save = new Photo;

$save->name = $name;

$save->path = $path;

return redirect('image-upload-preview')->with('status', 'Image Has been uploaded successfully in laravel 8');

}

Note:- Before uploading any file make sure you have created following directory in the storage/app/public folder called images.

Create Blade View

In this step, we will create view/blade file to generate and display Image Upload Form. Lets create a blade file “image-upload.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/image-upload.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Laravel 8 Image Upload With Preview</title>
 
  <meta name="csrf-token" content="{{ csrf_token() }}">
 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 
 
</head>
<body>
 
<div class="container mt-4">
 
  <h2 class="text-center">Image Upload with Preview using in Laravel 8</h2>
 
      <form method="POST" enctype="multipart/form-data" id="upload-image" action="{{ url('upload-image') }}" >
                 
          <div class="row">
 
              <div class="col-md-12">
                  <div class="form-group">
                      <input type="file" name="image" placeholder="Choose image" id="image">
                        @error('image')
                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                        @enderror
                  </div>
              </div>
 
              <div class="col-md-12 mb-2">
                  <img id="preview-image-before-upload" src="https://www.riobeauty.co.uk/images/product_image_not_found.gif"
                      alt="preview image" style="max-height: 250px;">
              </div>
                 
              <div class="col-md-12">
                  <button type="submit" class="btn btn-primary" id="submit">Submit</button>
              </div>
          </div>     
      </form>
</div>
 
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
 
<script type="text/javascript">
      
$(document).ready(function (e) {
 
   
   $('#image').change(function(){
            
    let reader = new FileReader();
 
    reader.onload = (e) => { 
 
      $('#preview-image-before-upload').attr('src', e.target.result); 
    }
 
    reader.readAsDataURL(this.files[0]); 
   
   });
   
});
 
</script>
</div>  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Image Upload With Preview</title>

</head>

<body>

<h2 class="text-center">Image Upload with Preview using in Laravel 8</h2>

@error('image')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<img id="preview-image-before-upload" src="https://www.riobeauty.co.uk/images/product_image_not_found.gif"

alt="preview image" style="max-height: 250px;">

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</div>

</form>

</div>

$(document).ready(function (e) {

$('#image').change(function(){

let reader = new FileReader();

reader.onload = (e) => {

$('#preview-image-before-upload').attr('src', e.target.result);

}

reader.readAsDataURL(this.files[0]);

});

</script>

</div>

</body>

</html>

Create Images Directory inside Storage/app/public

Before uploading any file make sure you have created following directory in the storage/app/public folder called images.

$path = $request->file('image')->store('public/images');

1	$path = $request->file('image')->store('public/images');

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/image-upload-preview

1	http://localhost:8000/image-upload-preview

Laravel 8 File Upload Tutorial Example

In this Laravel 8 file upload example tutorial, I’ll show you how to upload files in laravel 8 application with validation. I’ll show you how to validate upload file into folder and then save it into database. In this tutorial before saving file into database we will validate file and then save it into directory using.

Laravel 8 File Upload Tutorial Example

In this step by step tutorial I’ll demonstrate how to upload file in laravel 8 with validation. I’ll also show you how to upload pdf, txt, csv, excel, doc files in laravel 8 application. Please follow the steps given below:

Download Laravel 8 Application
Database Configuration
Build File Model & Migration
Create Routes
Build Upload Controller By Artisan Command
Create File Upload Form
Create Directory inside Storage/app/public
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel lara8blog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=lara8blog

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, we have to define table schema for files table. Open terminal and let’s run the following command to generate a migration along with model file to create files table in our database.

php artisan make:model File -m

1	php artisan make:model File -m

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and put following code in it –

public function up()
{
    Schema::create('files', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('path');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('files', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('path');

$table->timestamps();

});

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the files table will be created in database.

Create Routes

After this, we need to add following routes in “routes/web.php” file along with a resource route. Lets open “routes/web.php” file and add following route.

routes/web.php

use App\Http\Controllers\FileUploadController;
 
Route::get('file-upload', [FileUploadController::class, 'index']);
Route::post('store', [FileUploadController::class, 'store']);

use App\Http\Controllers\FileUploadController;

Route::get('file-upload', [FileUploadController::class, 'index']);

Route::post('store', [FileUploadController::class, 'store']);

Create Controller By Artisan Command

Now, lets create a controller for simple file uploading. Create a controller named FileUploadController using command given below –

php artisan make:controller FileUploadController

1	php artisan make:controller FileUploadController

Once the above command executed, it will create a controller file FileUploadController.php in app/Http/Controllers/ directory. Open the FileUploadController.php file and put the following code in it.

app/Http/Controllers/FileUploadController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\File;
 
class FileUploadController extends Controller
{
     public function index()
    {
        return view('file-upload');
    }
 
    public function store(Request $request)
    {
         
        $validatedData = $request->validate([
         'file' => 'required|csv,txt,xlx,xls,pdf|max:2048',
 
        ]);
 
        $name = $request->file('file')->getClientOriginalName();
 
        $path = $request->file('file')->store('public/files');
 
 
        $save = new File;
 
        $save->name = $name;
        $save->path = $path;
 
        return redirect('file-upload')->with('status', 'File Has been uploaded successfully in laravel 8');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\File;

class FileUploadController extends Controller

{

public function index()

{

return view('file-upload');

}

public function store(Request $request)

{

$validatedData = $request->validate([

'file' => 'required|csv,txt,xlx,xls,pdf|max:2048',

]);

$name = $request->file('file')->getClientOriginalName();

$path = $request->file('file')->store('public/files');

$save = new File;

$save->name = $name;

$save->path = $path;

return redirect('file-upload')->with('status', 'File Has been uploaded successfully in laravel 8');

}

Note:- Before uploading any file make sure you have created following directory in the storage/app/public folder called files.

Create File Upload Form

In this step, we will create view/blade file to generate and display file Upload Form. Lets create a blade file “file-upload.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/file-upload.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Laravel 8 File Upload Example</title>
 
  <meta name="csrf-token" content="{{ csrf_token() }}">
 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 
 
</head>
<body>
 
<div class="container mt-4">
 
  <h2 class="text-center">File Upload in Laravel 8</h2>
 
      <form method="POST" enctype="multipart/form-data" id="upload-file" action="{{ url('store') }}" >
                 
          <div class="row">
 
              <div class="col-md-12">
                  <div class="form-group">
                      <input type="file" name="file" placeholder="Choose file" id="file">
                        @error('file')
                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                        @enderror
                  </div>
              </div>
                 
              <div class="col-md-12">
                  <button type="submit" class="btn btn-primary" id="submit">Submit</button>
              </div>
          </div>     
      </form>
</div>
 
</div>  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 File Upload Example</title>

</head>

<body>

<h2 class="text-center">File Upload in Laravel 8</h2>

@error('file')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</div>

</form>

</div>

</body>

</html>

Create Directory inside Storage/app/public

Before uploading any file make sure you have created following directory in the storage/app/public folder called files.

$path = $request-&gt;file('file')-&gt;store('public/files');

1	$path = $request->file('file')->store('public/files');

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/file-upload

1	http://localhost:8000/file-upload

Laravel 8 Ajax CRUD Using Datatable Tutorial

In this Laravel 8 Datatables CRUD operation example tutorial I’ll show you how to create a simple crud application using yajra Datatables in laravel 8. In this example we will learn how to create a simple crud operation application using Datatables in laravel 8. In this laravel 8 crud application we will be using jQuery and ajax to delete data from datatable crud app and MySQL database in laravel 8 app.

Laravel 8 Ajax CRUD Using Datatable Tutorial

In this tutorial, you will learn to implement ajax based CRUD (Create, Read, Update and Delete) operations using datatable js. In this tutorial, we will be using yajra datatable package for listing of records with pagination, sorting and filter (search) feature.

In this step by step guide, we will be creating a simple laravel 8 application to demonstrate you how to install yajra datatable package and implement ajax based CRUD operations with datatable js.

Download Laravel 8 App
Database Configuration
Installing Yajra Datatables
Build Model & Migration
Create Routes
Generate CRUD Controller By Artisan Command
Create Blade Views File
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Install Yajra Datatable Package

In this step, we will install Yajra Datatables Package via the composer dependency manager. Use the following command to install Yajra Datatables Package.

composer require yajra/laravel-datatables-oracle

1	composer require yajra/laravel-datatables-oracle

After Installing Yajra Datatables package, we need to add service provider and alias in config/app.php file as following.

config/app.php

'providers' => [
      // Other service providers…
  Yajra\DataTables\DataTablesServiceProvider::class,
 ],

'aliases' => [
 // Other aliases…
 'Datatables' => Yajra\Datatables\Facades\Datatables::class,
 ],

'providers' => [

// Other service providers…

Yajra\DataTables\DataTablesServiceProvider::class,

'aliases' => [

// Other aliases…

'Datatables' => Yajra\Datatables\Facades\Datatables::class,

Now, we need to publish laravel datatables vendor package by using the following command:

php artisan vendor:publish

1	php artisan vendor:publish

Build Model & Migration

Now, in this step we will create model and migration file for form. Please run the following command:

php artisan make:model Company -m

1	php artisan make:model Company -m

Once above command is executed there will be a migration file created inside database/migrations/ directory, just open create_companies_table.php migration file and update the function up() method as following:

public function up()
{
    Schema::create('companies', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('email');
        $table->string('address');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('companies', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('email');

$table->string('address');

$table->timestamps();

});

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Create Routes

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

Route::resource('companies', CompanyCRUDController::class);
Route::post('delete-company', [CompanyCRUDController::class,'destroy']);

1 2	Route::resource('companies', CompanyCRUDController::class); Route::post('delete-company', [CompanyCRUDController::class,'destroy']);

Generate CRUD Controller By Artisan Command

Next, we have to create a controller to for laravel crud operations. Lets Create a controller named CompanyCRUDController using command given below –

php artisan make:controller CompanyCRUDController

1	php artisan make:controller CompanyCRUDController

Open the CompanyCRUDController.php file and put the following code in it.

app/Http/Controllers/CompanyCRUDController.php

<?php
namespace App\Http\Controllers;
use App\Models\Company;
use Illuminate\Http\Request;
use Datatables;
class CompanyCRUDController extends Controller
{
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
if(request()->ajax()) {
return datatables()->of(Company::select('*'))
->addColumn('action', 'companies.action')
->rawColumns(['action'])
->addIndexColumn()
->make(true);
}
return view('companies.index');
}
/**
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view('companies.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',
'address' => 'required'
]);
$company = new Company;
$company->name = $request->name;
$company->email = $request->email;
$company->address = $request->address;
$company->save();
return redirect()->route('companies.index')
->with('success','Company has been created successfully.');
}
/**
* Display the specified resource.
*
* @param  \App\company  $company
* @return \Illuminate\Http\Response
*/
public function show(Company $company)
{
return view('companies.show',compact('company'));
} 
/**
* Show the form for editing the specified resource.
*
* @param  \App\Company  $company
* @return \Illuminate\Http\Response
*/
public function edit(Company $company)
{
return view('companies.edit',compact('company'));
}
/**
* Update the specified resource in storage.
*
* @param  \Illuminate\Http\Request  $request
* @param  \App\company  $company
* @return \Illuminate\Http\Response
*/
public function update(Request $request, $id)
{
$request->validate([
'name' => 'required',
'email' => 'required',
'address' => 'required'
]);
$company = Company::find($id);
$company->name = $request->name;
$company->email = $request->email;
$company->address = $request->address;
$company->save();
return redirect()->route('companies.index')
->with('success','Company Has Been updated successfully');
}
/**
* Remove the specified resource from storage.
*
* @param  \App\Company  $company
* @return \Illuminate\Http\Response
*/
public function destroy(Request $request)
{
$com = Company::where('id',$request->id)->delete();
return Response()->json($com);
}
}

100

101

102

103

104

105

106

107

<?php

namespace App\Http\Controllers;

use App\Models\Company;

use Illuminate\Http\Request;

use Datatables;

class CompanyCRUDController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

if(request()->ajax()) {

return datatables()->of(Company::select('*'))

->addColumn('action', 'companies.action')

->rawColumns(['action'])

->addIndexColumn()

->make(true);

}

return view('companies.index');

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

return view('companies.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',

'address' => 'required'

]);

$company = new Company;

$company->name = $request->name;

$company->email = $request->email;

$company->address = $request->address;

$company->save();

return redirect()->route('companies.index')

->with('success','Company has been created successfully.');

}

/**

* Display the specified resource.

* @param \App\company $company

* @return \Illuminate\Http\Response

public function show(Company $company)

{

return view('companies.show',compact('company'));

}

/**

* Show the form for editing the specified resource.

* @param \App\Company $company

* @return \Illuminate\Http\Response

public function edit(Company $company)

{

return view('companies.edit',compact('company'));

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param \App\company $company

* @return \Illuminate\Http\Response

public function update(Request $request, $id)

{

$request->validate([

'name' => 'required',

'email' => 'required',

'address' => 'required'

]);

$company = Company::find($id);

$company->name = $request->name;

$company->email = $request->email;

$company->address = $request->address;

$company->save();

return redirect()->route('companies.index')

->with('success','Company Has Been updated successfully');

}

/**

* Remove the specified resource from storage.

* @param \App\Company $company

* @return \Illuminate\Http\Response

public function destroy(Request $request)

{

$com = Company::where('id',$request->id)->delete();

return Response()->json($com);

}

Create Blade Views File

Create the directory and create blade view file for CRUD operations as following:

Make Directory Name Companies
index.blade.php
create.blade.php
edit.blade.php
action.blade.php

Create directory name companies inside resources/views directory.

index.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Laravel 8 DataTables CRUD Tutorial</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link  href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
</head>
<body>
<div class="container mt-2">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Laravel 8 CRUD using DataTables Tutorial</h2>
</div>
<div class="pull-right mb-2">
<a class="btn btn-success" href="{{ route('companies.create') }}"> Create Company</a>
</div>
</div>
</div>
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
<div class="card-body">
<table class="table table-bordered" id="datatable-crud">
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>Email</th>
<th>Address</th>
<th>Created at</th>
<th>Action</th>
</tr>
</thead>
</table>
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready( function () {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('#datatable-crud').DataTable({
processing: true,
serverSide: true,
ajax: "{{ url('companies') }}",
columns: [
{ data: 'id', name: 'id' },
{ data: 'name', name: 'name' },
{ data: 'email', name: 'email' },
{ data: 'address', name: 'address' },
{ data: 'created_at', name: 'created_at' },
{data: 'action', name: 'action', orderable: false},
],
order: [[0, 'desc']]
});
$('body').on('click', '.delete', function () {
if (confirm("Delete Record?") == true) {
var id = $(this).data('id');
// ajax
$.ajax({
type:"POST",
url: "{{ url('delete-company') }}",
data: { id: id},
dataType: 'json',
success: function(res){
var oTable = $('#datatable-crud').dataTable();
oTable.fnDraw(false);
}
});
}
});
});
</script>
</html>

<!DOCTYPE html>

<head>

<title>Laravel 8 DataTables CRUD Tutorial</title>

</head>

<body>

<h2>Laravel 8 CRUD using DataTables Tutorial</h2>

</div>

<a class="btn btn-success" href="{{ route('companies.create') }}"> Create Company</a>

</div>

@if ($message = Session::get('success'))

<p>{{ $message }}</p>

</div>

@endif

<thead>

<tr>

<th>Email</th>

<th>Address</th>

<th>Created at</th>

<th>Action</th>

</tr>

</thead>

</table>

</div>

</body>

$(document).ready( function () {

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

}

});

$('#datatable-crud').DataTable({

processing: true,

serverSide: true,

ajax: "{{ url('companies') }}",

columns: [

{ data: 'id', name: 'id' },

{ data: 'name', name: 'name' },

{ data: 'email', name: 'email' },

{ data: 'address', name: 'address' },

{ data: 'created_at', name: 'created_at' },

{data: 'action', name: 'action', orderable: false},

order: [[0, 'desc']]

});

$('body').on('click', '.delete', function () {

if (confirm("Delete Record?") == true) {

var id = $(this).data('id');

// ajax

$.ajax({

type:"POST",

url: "{{ url('delete-company') }}",

data: { id: id},

dataType: 'json',

success: function(res){

var oTable = $('#datatable-crud').dataTable();

oTable.fnDraw(false);

}

});

}

});

</script>

</html>

create.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Add Company Form - Laravel 8 Datatable CRUD</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
</head>
<body>
<div class="container mt-2">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left mb-2">
<h2>Add Company</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('companies.index') }}"> Back</a>
</div>
</div>
</div>
@if(session('status'))
<div class="alert alert-success mb-1 mt-1">
{{ session('status') }}
</div>
@endif
<form action="{{ route('companies.store') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Company Name:</strong>
<input type="text" name="name" class="form-control" placeholder="Company Name">
@error('name')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Company Email:</strong>
<input type="email" name="email" class="form-control" placeholder="Company Email">
@error('email')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Company Address:</strong>
<input type="text" name="address" class="form-control" placeholder="Company Address">
@error('address')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
</div>
<button type="submit" class="btn btn-primary ml-3">Submit</button>
</div>
</form>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Add Company Form - Laravel 8 Datatable CRUD</title>

</head>

<body>

<h2>Add Company</h2>

</div>

</div>

@if(session('status'))

</div>

@endif

@csrf

<strong>Company Name:</strong>

@error('name')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<strong>Company Email:</strong>

@error('email')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<strong>Company Address:</strong>

@error('address')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<button type="submit" class="btn btn-primary ml-3">Submit</button>

</div>

</form>

</body>

</html>

edit.blade.php:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Edit Company Form - Laravel 8 Datatable CRUD Tutorial</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" >
</head>
<body>
<div class="container mt-2">
<div class="row">
<div class="col-lg-12 margin-tb">
<div class="pull-left">
<h2>Edit Company</h2>
</div>
<div class="pull-right">
<a class="btn btn-primary" href="{{ route('companies.index') }}" enctype="multipart/form-data"> Back</a>
</div>
</div>
</div>
@if(session('status'))
<div class="alert alert-success mb-1 mt-1">
{{ session('status') }}
</div>
@endif
<form action="{{ route('companies.update',$company->id) }}" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Company Name:</strong>
<input type="text" name="name" value="{{ $company->name }}" class="form-control" placeholder="Company name">
@error('name')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Company Email:</strong>
<input type="email" name="email" class="form-control" placeholder="Company Email" value="{{ $company->email }}">
@error('email')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Company Address:</strong>
<input type="text" name="address" value="{{ $company->address }}" class="form-control" placeholder="Company Address">
@error('address')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
</div>
<button type="submit" class="btn btn-primary ml-3">Submit</button>
</div>
</form>
</div>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Edit Company Form - Laravel 8 Datatable CRUD Tutorial</title>

</head>

<body>

<h2>Edit Company</h2>

</div>

</div>

@if(session('status'))

</div>

@endif

<form action="{{ route('companies.update',$company->id) }}" method="POST" enctype="multipart/form-data">

@csrf

@method('PUT')

<strong>Company Name:</strong>

<input type="text" name="name" value="{{ $company->name }}" class="form-control" placeholder="Company name">

@error('name')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<strong>Company Email:</strong>

<input type="email" name="email" class="form-control" placeholder="Company Email" value="{{ $company->email }}">

@error('email')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<strong>Company Address:</strong>

<input type="text" name="address" value="{{ $company->address }}" class="form-control" placeholder="Company Address">

@error('address')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<button type="submit" class="btn btn-primary ml-3">Submit</button>

</div>

</form>

</div>

</body>

</html>

action.blade.php

<a href="{{ route('companies.edit',$id) }}" data-toggle="tooltip" data-original-title="Edit" class="edit btn btn-success edit">
Edit
</a>
<a href="javascript:void(0)" data-id="{{ $id }}" data-toggle="tooltip" data-original-title="Delete" class="delete btn btn-danger">
Delete
</a>

Edit

</a>

Delete

</a>

In the above code following jQuery ajax code is used to delete from datatable and database without refresh or reload page in laravel 8 app:

$('body').on('click', '.delete', function () {
if (confirm("Delete Record?") == true) {
var id = $(this).data('id');
// ajax
$.ajax({
type:"POST",
url: "{{ url('delete-company') }}",
data: { id: id},
dataType: 'json',
success: function(res){
var oTable = $('#datatable-crud').dataTable();
oTable.fnDraw(false);
}
});
}
});

$('body').on('click', '.delete', function () {

if (confirm("Delete Record?") == true) {

var id = $(this).data('id');

// ajax

$.ajax({

type:"POST",

url: "{{ url('delete-company') }}",

data: { id: id},

dataType: 'json',

success: function(res){

var oTable = $('#datatable-crud').dataTable();

oTable.fnDraw(false);

}

});

}

});

Start Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/companies

Laravel 8 Ajax Post Form Data With Validation

In this Laravel 8 Ajax Post Form Data With Validation tutorial you’ll learn to validate and submit form data without reloading or refreshing of page using ajax.

In this tutorial I’ll show you step by step how to submit and validate form data without reloading or refreshing of page using ajax. Generally Form validation is performed at server side, but can be performed at both the server and client side. In this laravel form validation tutorial we will be learning about laravel server side validations. In this tutorial, I’ll show you how to define laravel validation rules, how to validate form input and to display validation errors using ajax. In Laravel, to submit form data using ajax we must have to incorporate csrf token with form data and set X-CSRF-TOKEN request header with ajax form submit request.

Laravel 8 Ajax Post Form Data With Validation

In this laravel 8 ajax form validation example we will create a contact us form and submit form data on controller using jQuery ajax. We will also validate form data before submit to controller using jQuery validation in laravel. In this step by step tutorial I’ll guide you through the process to submit form using ajax with validation laravel 8. Please follow the steps given below:

Download Laravel 8 Application
Setup Database with App
Create Contact us Model & Migration
Create Contact us Routes
Create Contact us Controller By Artisan Command
Create Contact us form in Blade File
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, in this step we will create model and migration file for form. Please run the following command:

php artisan make:model Contact -m

1	php artisan make:model Contact -m

Once above command is executed there will be a migration file created inside database/migrations/ directory, just open create_contacts_table.php migration file and update the function up() method as following:

public function up()
{
    Schema::create('contacts', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('email');
        $table->text('message');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('contacts', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('email');

$table->text('message');

$table->timestamps();

});

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Create Routes

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\AjaxContactController;
 
Route::get('ajax-form', [AjaxContactController::class, 'index']);
Route::post('store-data', [AjaxContactController::class, 'store']);

use App\Http\Controllers\AjaxContactController;

Route::get('ajax-form', [AjaxContactController::class, 'index']);

Route::post('store-data', [AjaxContactController::class, 'store']);

Create Contact us Controller

Next, we have to create a controller to display form and to handle form validation and submit operations. Lets Create a controller named AjaxContactController using command given below –

php artisan make:controller AjaxContactController

1	php artisan make:controller AjaxContactController

Open the AjaxContactController.php file and put the following code in it.

app/Http/Controllers//AjaxContactController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\Contact;
 
 
class AjaxContactController extends Controller
{
    public function index()
    {
        return view('ajax-contact-us-form');
    }
 
    public function store(Request $request)
    {
         
        $validatedData = $request->validate([
          'name' => 'required',
          'email' => 'required|unique:employees|max:255',
          'message' => 'required'
        ]);
 
        $save = new Contact;
 
        $save->name = $request->name;
        $save->email = $request->email;
        $save->message = $request->message;
 
        $emp->save();
 
        return redirect('form')->with('status', 'Ajax Form Data Has Been validated and store into database');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Contact;

class AjaxContactController extends Controller

{

public function index()

{

return view('ajax-contact-us-form');

}

public function store(Request $request)

{

$validatedData = $request->validate([

'name' => 'required',

'email' => 'required|unique:employees|max:255',

'message' => 'required'

]);

$save = new Contact;

$save->name = $request->name;

$save->email = $request->email;

$save->message = $request->message;

$emp->save();

return redirect('form')->with('status', 'Ajax Form Data Has Been validated and store into database');

}

Create Form Blade File

Now, create form blade view file to display form and submit to database. So, Go to resources/views and create ajax-contact-us-form.blade.php and update the following code into it:

<!DOCTYPE html>
<html>
<head>
<title>Laravel 8 Ajax Form using jQuery Validation</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
<style>
.error{
color: #FF0000; 
}
</style>
</head>
<body>
<div class="container mt-4">
<div class="card">
<div class="card-header text-center font-weight-bold">
<h2>Laravel 8 Ajax Post Form Data on Controller with jQuery Validation Example</h2>
</div>
<div class="card-body">
<form name="contactUsForm" id="contactUsForm" method="post" action="javascript:void(0)">
@csrf
<div class="form-group">
<label for="exampleInputEmail1">Name</label>
<input type="text" id="name" name="name" class="form-control">
</div>          
<div class="form-group">
<label for="exampleInputEmail1">Email</label>
<input type="email" id="email" name="email" class="form-control">
</div>           
<div class="form-group">
<label for="exampleInputEmail1">Message</label>
<textarea name="message" id="message" class="form-control"></textarea>
</div>
<button type="submit" class="btn btn-primary" id="submit">Submit</button>
</form>
</div>
</div>
</div>    
<script>
if ($("#contactUsForm").length > 0) {
$("#contactUsForm").validate({
rules: {
name: {
required: true,
maxlength: 50
},
email: {
required: true,
maxlength: 50,
email: true,
},  
message: {
required: true,
maxlength: 300
},   
},
messages: {
name: {
required: "Please enter name",
maxlength: "Your name maxlength should be 50 characters long."
},
email: {
required: "Please enter valid email",
email: "Please enter valid email",
maxlength: "The email name should less than or equal to 50 characters",
},   
message: {
required: "Please enter message",
maxlength: "Your message name maxlength should be 300 characters long."
},
},
submitHandler: function(form) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$('#submit').html('Please Wait...');
$("#submit"). attr("disabled", true);
$.ajax({
url: "{{url('store-data')}}",
type: "POST",
data: $('#contactUsForm').serialize(),
success: function( response ) {
$('#submit').html('Submit');
$("#submit"). attr("disabled", false);
alert('Ajax form has been submitted successfully');
document.getElementById("contactUsForm").reset(); 
}
});
}
})
}
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Ajax Form using jQuery Validation</title>

<style>

.error{

color: #FF0000;

}

</style>

</head>

<body>

<h2>Laravel 8 Ajax Post Form Data on Controller with jQuery Validation Example</h2>

</div>

@csrf

</div>

<label for="exampleInputEmail1">Email</label>

</div>

<label for="exampleInputEmail1">Message</label>

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</form>

</div>

if ($("#contactUsForm").length > 0) {

$("#contactUsForm").validate({

rules: {

name: {

required: true,

maxlength: 50

email: {

required: true,

maxlength: 50,

email: true,

message: {

required: true,

maxlength: 300

messages: {

name: {

required: "Please enter name",

maxlength: "Your name maxlength should be 50 characters long."

email: {

required: "Please enter valid email",

email: "Please enter valid email",

maxlength: "The email name should less than or equal to 50 characters",

message: {

required: "Please enter message",

maxlength: "Your message name maxlength should be 300 characters long."

submitHandler: function(form) {

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

}

});

$('#submit').html('Please Wait...');

$("#submit"). attr("disabled", true);

$.ajax({

url: "{{url('store-data')}}",

type: "POST",

data: $('#contactUsForm').serialize(),

success: function( response ) {

$('#submit').html('Submit');

$("#submit"). attr("disabled", false);

alert('Ajax form has been submitted successfully');

document.getElementById("contactUsForm").reset();

}

});

}

})

}

</script>

</body>

</html>

Start Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/ajax-form

Laravel 8 Google ReCAPTCHA v2 Example Tutorial

In this Laravel 8 google ReCAPTCHA v2 form validation tutorial I’ll show you how to integrate google v2 ReCAPTCHA with laravel 8 forms. In this tutorial, we will implement google v2 recaptcha with form in laravel 8. We will be using google v2 Recaptcha in laravel to secure laravel forms against spam.

Laravel 8 Google ReCAPTCHA v2 Example Tutorial

In this step by step Laravel 8 Google ReCAPTCHA v2 Example Tutorial I’ll guide you through the process to integrate google recaptcha v2 in laravel 8.

Install Laravel 8 Application
Configure Database Details
Install Google Recaptcha Package (anhskohbo/no-captcha)
Create Controller
Create Routes
Create Blade File
Start Development Server
Run This App On Browser

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Install Google reCaptcha v2 Package

We will be using ‘anhskohbo/no-captcha’ package for google recaptcha integration in laravel 5.8 application. In this step we will be installing “anhskohbo/no-captcha” via following composer command, lets open your terminal and switch to the project directory and enter the following command –

composer require anhskohbo/no-captcha

1	composer require anhskohbo/no-captcha

This package is supports the auto-discovery feature so we need to only publish config file

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

1	php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

Add Google Site Key and Secret Key

Now, we need to set Google Site Key and Secret Key in .env file. Let’s start by getting Google key & secret required to make ReCaptcha authorize with the Google servers. Visit the following link to register your site –

https://www.google.com/recaptcha/admin/create

1	https://www.google.com/recaptcha/admin/create

Let’s open .env file and add this credential as following –

.env

NOCAPTCHA_SECRET=XXXXXX
NOCAPTCHA_SITEKEY=XXXXX

1 2	NOCAPTCHA_SECRET=XXXXXX NOCAPTCHA_SITEKEY=XXXXX

Create Controller

Now, lets create UserController using following command

php artisan make:controller <strong>UserController</strong>

1	php artisan make:controller <strong>UserController</strong>

Once the above command executed, it will create a controller file UserController.php in app/Http/Controllers/ directory. Open the UserController.php file and put the following code in it.

Controllers/UserController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\User;

class UserController extends Controller
{
    
    public function create()
    {
        return view('users.create');
    }

    public function store(Request $request)
    {
        $request->validate([
            'name' => 'required',
            'email' => 'required|email',
            'g-recaptcha-response' => 'required|captcha',
        ]);

        User::create($request->all());
   
        return "Success";
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\User;

class UserController extends Controller

{

public function create()

{

return view('users.create');

}

public function store(Request $request)

{

$request->validate([

'name' => 'required',

'email' => 'required|email',

'g-recaptcha-response' => 'required|captcha',

]);

User::create($request->all());

return "Success";

}

Create Route

After this, we need to add following routes in “routes/web.php” to display form. Lets open “routes/web.php” file and add following route.

routes/web.php

use App\Http\Controllers\UserController;

Route::resource('users', UserController::class);

use App\Http\Controllers\UserController;

Route::resource('users', UserController::class);

Create Blade File

In this step, we will create view/blade file to render a register form with recaptcha field. Lets create a “create.blade.php” file in “resources/views/” directory and put the following code in it.

resources/views/create.blade.php

<html>
<head>
   <title>Laravel 8 Google Recaptcha Example</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
</head>
<body>

   <div class="container">

      <div class="row" style="margin-top: 10px;">
         <div class="col-lg-12 margin-tb">
            <div class="text-center">
               <h2>Create New User</h2>
            </div>
         </div>
      </div>

      @if ($errors->any())
      <div class="alert alert-danger">
         <strong>Error!</strong> <br>
         <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
         </ul>
      </div>
      @endif

      <form action="{{ route('users.store') }}" method="POST">
         @csrf
         <div style="margin-left: 400px;">
            <div class="row">
               <div class="col-xs-12 col-sm-12 col-md-6">
                  <div class="form-group">
                     <strong>Name:</strong>
                     <input type="text" name="name" class="form-control" placeholder="Name">
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xs-12 col-sm-12 col-md-6">
                  <div class="form-group">
                     <strong>Email:</strong>
                     <input type="email" name="email" class="form-control" placeholder="Email">
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xs-12 col-sm-12 col-md-6">
                  <div class="form-group">
                     <strong>Recaptcha:</strong>                  
                     {!! NoCaptcha::renderJs() !!}
                     {!! NoCaptcha::display() !!}
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xs-12 col-sm-12 col-md-12 text-left">
                  <button type="submit" class="btn btn-primary">Submit</button>
               </div>
            </div>
         </div>
      </form>
   </div>
</body>
</html>

<html>

<head>

<title>Laravel 8 Google Recaptcha Example</title>

</head>

<body>

<h2>Create New User</h2>

</div>

@if ($errors->any())

<strong>Error!</strong> <br>

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

@csrf

</div>

<strong>Email:</strong>

</div>

<strong>Recaptcha:</strong>

{!! NoCaptcha::renderJs() !!}

{!! NoCaptcha::display() !!}

</div>

<button type="submit" class="btn btn-primary">Submit</button>

</div>

</form>

</div>

</body>

</html>

Start Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/users

Laravel 8 Image Upload Example Tutorial

In this Laravel 8 Image Upload Example Tutorial, we will learn how to upload and save image in laravel 8. In this Laravel 8 Image Upload Example Tutorial, I’ll show you how to validate upload image into folder and then save it into database. In this tutorial before saving image into database we will validate image and then save it into directory using. Before uploading the image we will perform server side validation. You will also learn how to validate image mime type, size, dimension, etc on laravel controller by using laravel validation rules. After successfully image upload into the database and folder we will display success message on the screen.

Image Upload In Laravel 8

In this step by step tutorial I’ll guide you through the process to upload image on public storage and directory in laravel 8:

Download Laravel 8 Application
Setup Database with App
Create Model & Migration
Create Routes
Create Controller By Artisan Command
Create Blade View
Create Images Directory inside Storage/app/public
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel SimpleImageUpload

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

.env

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=SimpleImageUpload

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, we have to define table schema for photos table. Open terminal and let’s run the following command to generate a migration along with model file to create photos table in our database.

php artisan make:model Photo -m

1	php artisan make:model Photo -m

Once this command is executed you will find a migration file created under “database/migrations”. lets open migration file and put following code in it –

public function up()
{
    Schema::create('photos', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('path');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('photos', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('path');

$table->timestamps();

});

}

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

After, the migration executed successfully the photos table will be created in database.

Create Routes

After this, we need to add following routes in “routes/web.php” file along with a resource route. Lets open “routes/web.php” file and add following route.

routes/web.php

use App\Http\Controllers\UploadImageController;
 
Route::get('upload-image', [UploadImageController::class, 'index']);
Route::post('save', [UploadImageController::class, 'save']);

use App\Http\Controllers\UploadImageController;

Route::get('upload-image', [UploadImageController::class, 'index']);

Route::post('save', [UploadImageController::class, 'save']);

Create Controller By Artisan Command

Now, lets create a controller for simple image uploading. Create a controller named UploadImageController using command given below –

php artisan make:controller <strong>UploadImageController</strong>

1	php artisan make:controller <strong>UploadImageController</strong>

Once the above command executed, it will create a controller file UploadImageController.php in app/Http/Controllers/ directory. Open the UploadImageController.php file and put the following code in it.

app/Http/Controllers/UploadImageController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\Image;
 
 
class UploadImageController extends Controller
{
    public function index()
    {
        return view('image');
    }
 
    public function save(Request $request)
    {
         
        $validatedData = $request->validate([
         'image' => 'required|image|mimes:jpg,png,jpeg,gif,svg|max:2048',
 
        ]);
 
        $name = $request->file('image')->getClientOriginalName();
 
        $path = $request->file('image')->store('public/images');
 
 
        $save = new Photo;
 
        $save->name = $name;
        $save->path = $path;
 
        $save->save();
 
        return redirect('upload-image')->with('status', 'Image Has been uploaded');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Image;

class UploadImageController extends Controller

{

public function index()

{

return view('image');

}

public function save(Request $request)

{

$validatedData = $request->validate([

'image' => 'required|image|mimes:jpg,png,jpeg,gif,svg|max:2048',

]);

$name = $request->file('image')->getClientOriginalName();

$path = $request->file('image')->store('public/images');

$save = new Photo;

$save->name = $name;

$save->path = $path;

$save->save();

return redirect('upload-image')->with('status', 'Image Has been uploaded');

}

Note:- Before uploading any file make sure you have created following directory in the storage/app/public folder called images.

Create Blade View

In this step, we will create view/blade file to generate and display Image Upload Form. Lets create a blade file “image.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/image.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Laravel 8 Uploading Image</title>
 
  <meta name="csrf-token" content="{{ csrf_token() }}">
 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
 
</head>
<body>
 
<div class="container mt-5">
 
  @if(session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
  @endif
 
  <div class="card">
 
    <div class="card-header text-center font-weight-bold">
      <h2>Laravel 8 Upload Image Tutorial</h2>
    </div>
 
    <div class="card-body">
        <form method="POST" enctype="multipart/form-data" id="upload-image" action="{{ url('save') }}" >
                   
            <div class="row">
 
                <div class="col-md-12">
                    <div class="form-group">
                        <input type="file" name="image" placeholder="Choose image" id="image">
                    @error('image')
                        <div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
                    @enderror
                    </div>
                </div>
                   
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary" id="submit">Submit</button>
                </div>
            </div>     
        </form>
 
    </div>
 
  </div>
 
</div>  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Uploading Image</title>

</head>

<body>

@if(session('status'))

</div>

@endif

<h2>Laravel 8 Upload Image Tutorial</h2>

</div>

@error('image')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<button type="submit" class="btn btn-primary" id="submit">Submit</button>

</div>

</form>

</div>

</body>

</html>

Create Images Directory inside Storage/app/public

Before uploading any file make sure you have created following directory in the storage/app/public folder called images.

$path = $request->file('image')->store('public/images');

1	$path = $request->file('image')->store('public/images');

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/image-upload

1	http://localhost:8000/image-upload

Laravel 8 Form Validation Tutorial Example

In this Laravel 8 form validation example tutorial I’ll show you how to validate form data in laravel 8 application. In this laravel form validation tutorial you will learn to validate laravel form with built in laravel validation available in laravel. In this Laravel 8 form validation tutorial I’ll share various validation implementation and use case.

Laravel 8 Form Validation

Generally Form validation is performed at server side, but can be performed at both the server and client side. In this laravel form validation tutorial we will be learning about laravel server side validations. In this tutorial, I’ll show you how to define laravel validation rules, how to validate form input and to display validation errors.

Laravel 8 comes many built-in validation rules that can be easily implemented. In this example, we have used some of following validation rules –

required:- It set input field is required.
min:- Validate minimum character length.
max:- Validate maximum character length.
email: It set input must be a valid email address.
unique: It checks for unique value against a database column.
numeric: Input value must numeric.
same:- It validates two input fields value must be same.

Laravel 8 Form Validation Example

In this step by step tutorial I’ll show you how to implement validations in laravel form.

Download Laravel 8 Application
Setup Database with App
Create Model & Migration
Create Form Routes
Create Form Controller By Artisan Command
Create Form Blade File
Run Development Server

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Create Model & Migration

Now, in this step we will create model and migration file for form. Please run the following command:

php artisan make:model Employee -m

1	php artisan make:model Employee -m

Once above command is executed there will be a migration file created inside database/migrations/ directory, just open create_employees_table.php migration file and update the function up() method as following:

public function up()
{
    Schema::create('employees', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->string('email');
        $table->string('contact_no');
        $table->string('age');
        $table->timestamps();
    });
}

public function up()

{

Schema::create('employees', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('email');

$table->string('contact_no');

$table->string('age');

$table->timestamps();

});

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Create Form Routes

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

use App\Http\Controllers\FormController;
 
Route::get('form', [FormController::class, 'index']);
Route::post('store-form', [FormController::class, 'store']);

use App\Http\Controllers\FormController;

Route::get('form', [FormController::class, 'index']);

Route::post('store-form', [FormController::class, 'store']);

Create Form Controller By Artisan Command

Next, we have to create a controller to display form and to handle form validation and submit operations. Lets Create a controller named FormController using command given below –

php artisan make:controller FormController

1	php artisan make:controller FormController

Open the FormValidationController.php file and put the following code in it.

app/Http/Controllers//FormController.php

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use App\Models\Employee;
 
 
class FormController extends Controller
{
    public function index()
    {
        return view('form');
    }
 
    public function store(Request $request)
    {
         
        $validatedData = $request->validate([
          'name' => 'required',
          'email' => 'required|unique:employees|max:255',
          'age' => 'required',
          'contact_no' => 'required|unique:employees|max:255',
        ]);
 
        $emp = new Employee;
 
        $emp->name = $request->name;
        $emp->email = $request->email;
        $emp->age = $request->age;
        $emp->contact_no = $request->contact_no;
 
        $emp->save();
 
        return redirect('form')->with('status', 'Form Data Has Been validated and insert');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Employee;

class FormController extends Controller

{

public function index()

{

return view('form');

}

public function store(Request $request)

{

$validatedData = $request->validate([

'name' => 'required',

'email' => 'required|unique:employees|max:255',

'age' => 'required',

'contact_no' => 'required|unique:employees|max:255',

]);

$emp = new Employee;

$emp->name = $request->name;

$emp->email = $request->email;

$emp->age = $request->age;

$emp->contact_no = $request->contact_no;

$emp->save();

return redirect('form')->with('status', 'Form Data Has Been validated and insert');

}

Create Form Blade File

Now, create form blade view file to display form and submit to database. So, Go to resources/views and create form.blade.php and update the following code into it:

<!DOCTYPE html>
<html>
<head>
<title>Laravel 8 Example Form Validation</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<div class="container mt-4">
@if(session('status'))
<div class="alert alert-success">
{{ session('status') }}
</div>
@endif
<div class="card">
<div class="card-header text-center font-weight-bold">
<h2>Laravel 8 Form Validation Tutorial</h2>
</div>
<div class="card-body">
<form name="employee" id="employee" method="post" action="{{url('store-form')}}">
@csrf
<div class="form-group">
<label for="exampleInputEmail1">Name</label>
<input type="text" id="name" name="name" class="@error('name') is-invalid @enderror form-control">
@error('name')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>        
<div class="form-group">
<label for="exampleInputEmail1">Email</label>
<input type="email" id="email" name="email" class="@error('email') is-invalid @enderror form-control">
@error('email')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>        
<div class="form-group">
<label for="exampleInputEmail1">Age</label>
<input type="number" id="age" name="age" class="@error('age') is-invalid @enderror form-control">
@error('age')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>        
<div class="form-group">
<label for="exampleInputEmail1">Contact No</label>
<input type="number" id="contact_no" name="contact_no" class="@error('contact_no') is-invalid @enderror form-control">
@error('contact_no')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>  
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel 8 Example Form Validation</title>

</head>

<body>

@if(session('status'))

</div>

@endif

<h2>Laravel 8 Form Validation Tutorial</h2>

</div>

@csrf

@error('name')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<label for="exampleInputEmail1">Email</label>

@error('email')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

@error('age')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<label for="exampleInputEmail1">Contact No</label>

@error('contact_no')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

</div>

<button type="submit" class="btn btn-primary">Submit</button>

</form>

</div>

</body>

</html>

The following below code will display validation error message on blade view file:

@error('name')
<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>
@enderror

@error('name')

<div class="alert alert-danger mt-1 mb-1">{{ $message }}</div>

@enderror

Start Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

http://localhost:8000/form

Laravel 8 Rest API CRUD with Passport Auth Tutorial

In this Laravel 8 Rest API CRUD with Passport Auth Tutorial tutorial, I will show you how to create rest api in laravel 8 application with passport authentication. In this tutorial we will be using passport for api authentication. we will create register and login api with simple retrieve user details.

Laravel 8 Rest CRUD APIs Tutorial With Example

Download Laravel 8 App
Database Configuration
Install Passport Auth
Passport Configuration
Create Product Table and Model
Run Migration
Create Auth and CRUD APIs Route
Create Passport Auth and CRUD Controller
Test Laravel 8 REST CRUD API with Passport Auth in Postman

Install Laravel 8

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

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

1	composer create-project --prefer-dist laravel/laravel larablog

Configure Database In .env file

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

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

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=larablog

DB_USERNAME=root

DB_PASSWORD=

Install Passport Package

In this step, we need to install Laravel Passport package via the composer dependency manager. Use the following command to install passport package.

composer require laravel/passport

1	composer require laravel/passport

After Installing ‘laravel/passport’ package, we need to add service provider in config/app.php file as following.

config/app.php

'providers' => [
    ....
    Laravel\Passport\PassportServiceProvider::class,
]

'providers' => [

....

Laravel\Passport\PassportServiceProvider::class,

]

Run Migration and Install Laravel Passport

After successfully installing ‘laravel/passport’ package, we require to create default passport tables in our database. so let’s run the following command to migrate Laravel Passport tables to your database.

php artisan migrate

1	php artisan migrate

Now, it is mandatory to install passport using the command below. This command will generate encryption keys required to generate secret access tokens.

php artisan passport:install

1	php artisan passport:install

Laravel Passport Configuration

Now, we need to make following changes in our model, service provider and auth config file to complete passport configuration. Open App/User.php model file and add ‘Laravel\Passport\HasApiTokens’ trait in it.

<?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\Passport\HasApiTokens;
 
class User extends Authenticatable
{
    use Notifiable, HasApiTokens;
 
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'email', 'password',
    ];
 
    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];
 
    /**
     * The attributes that should be cast to native types.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];
}

<?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\Passport\HasApiTokens;

class User extends Authenticatable

{

use Notifiable, HasApiTokens;

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'email', 'password',

];

/**

* The attributes that should be hidden for arrays.

* @var array

protected $hidden = [

'password', 'remember_token',

];

/**

* The attributes that should be cast to native types.

* @var array

protected $casts = [

'email_verified_at' => 'datetime',

];

}

Next Register passport routes in App/Providers/AuthServiceProvider.php, open App/Providers/AuthServiceProvider.php and put “Passport::routes()” inside the boot method like below.

<?php
namespace App\Providers;
use Laravel\Passport\Passport;
use Illuminate\Support\Facades\Gate;
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
 
 
class AuthServiceProvider extends ServiceProvider
{
    /**
     * The policy mappings for the application.
     *
     * @var array
     */
    protected $policies = [
        'App\Model' => 'App\Policies\ModelPolicy',
    ];
 
 
    /**
     * Register any authentication / authorization services.
     *
     * @return void
     */
    public function boot()
    {
        $this->registerPolicies();
    }
}

<?php

namespace App\Providers;

use Laravel\Passport\Passport;

use Illuminate\Support\Facades\Gate;

use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;

class AuthServiceProvider extends ServiceProvider

{

/**

* The policy mappings for the application.

* @var array

protected $policies = [

'App\Model' => 'App\Policies\ModelPolicy',

];

/**

* Register any authentication / authorization services.

* @return void

public function boot()

{

$this->registerPolicies();

}

Now open config/auth.php file and set api driver to passport instead of session.

[ 
         'web' => [ 
             'driver' => 'session', 
             'provider' => 'users', 
         ], 
         'api' => [ 
             'driver' => 'passport', 
             'provider' => 'users', 
         ], 
     ],

[

'web' => [

'driver' => 'session',

'provider' => 'users',

'api' => [

'driver' => 'passport',

'provider' => 'users',

Create Product Table and Model

Now we will create product model and migration file, open terminal and run the following command:

php artisan make:model Product -m

1	php artisan make:model Product -m

After that, navigate to database/migrations directory and open create_products_table.php file. Then put the following code in it:

<?php
 
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
 
class CreateProductsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('products', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('name');
            $table->text('detail');
            $table->timestamps();
        });
    }
 
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('products');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateProductsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('products', function (Blueprint $table) {

$table->bigIncrements('id');

$table->string('name');

$table->text('detail');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('products');

}

Now, add fillable property in product.php file, so go to app/models directory and open product.php file and put the following code into it:

<?php
   
namespace App\Models;
 
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
    
class Product extends Model
{
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'detail'
    ];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Product extends Model

{

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'detail'

];

}

Run Migration

Now you need to run the migration using the following command. This command will create tables in the database :

php artisan migrate

1	php artisan migrate

Create Auth and CRUD APIs Route

Now we will create rest API auth and crud operation routes. Go to the routes directory and open api.php. Then put the following routes into api.php file:

routes/api.php

use App\Http\Controllers\API\PassportAuthController;
use App\Http\Controllers\API\ProductController;
 
Route::post('register', [PassportAuthController::class, 'register']);
Route::post('login', [PassportAuthController::class, 'login']);
  
Route::middleware('auth:api')->group(function () {
    Route::get('get-user', [PassportAuthController::class, 'userInfo']);
 
 Route::resource('products', [ProductController::class]);
 
});

use App\Http\Controllers\API\PassportAuthController;

use App\Http\Controllers\API\ProductController;

Route::post('register', [PassportAuthController::class, 'register']);

Route::post('login', [PassportAuthController::class, 'login']);

Route::middleware('auth:api')->group(function () {

Route::get('get-user', [PassportAuthController::class, 'userInfo']);

Route::resource('products', [ProductController::class]);

});

Create Passport Auth and CRUD Controller

In this step, we will create a controllers name PassportAuthController and ProductController. Use the following command to create a controller :

php artisan make:controller Api\PassportAuthController
 php artisan make:controller Api\ProductController

1 2	php artisan make:controller Api\PassportAuthController php artisan make:controller Api\ProductController

After that, Create some authentication methods in PassportAuthController.php. So navigate to app/http/controllers/API directory and open PassportAuthController.php file. And, update the following methods into your PassportAuthController.php file:

<?php
 
namespace App\Http\Controllers\API;
 
use App\Http\Controllers\Controller;
 
use Illuminate\Http\Request;
 
use App\Models\User;
 
class AuthController extends Controller
{
    /**
     * Registration Req
     */
    public function register(Request $request)
    {
        $this->validate($request, [
            'name' => 'required|min:4',
            'email' => 'required|email',
            'password' => 'required|min:8',
        ]);
  
        $user = User::create([
            'name' => $request->name,
            'email' => $request->email,
            'password' => bcrypt($request->password)
        ]);
  
        $token = $user->createToken('Laravel8PassportAuth')->accessToken;
  
        return response()->json(['token' => $token], 200);
    }
  
    /**
     * Login Req
     */
    public function login(Request $request)
    {
        $data = [
            'email' => $request->email,
            'password' => $request->password
        ];
  
        if (auth()->attempt($data)) {
            $token = auth()->user()->createToken('Laravel8PassportAuth')->accessToken;
            return response()->json(['token' => $token], 200);
        } else {
            return response()->json(['error' => 'Unauthorised'], 401);
        }
    }
 
    public function userInfo() 
    {
 
     $user = auth()->user();
      
     return response()->json(['user' => $user], 200);
 
    }
}

<?php

namespace App\Http\Controllers\API;

use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use App\Models\User;

class AuthController extends Controller

{

/**

* Registration Req

public function register(Request $request)

{

$this->validate($request, [

'name' => 'required|min:4',

'email' => 'required|email',

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

]);

$user = User::create([

'name' => $request->name,

'email' => $request->email,

'password' => bcrypt($request->password)

]);

$token = $user->createToken('Laravel8PassportAuth')->accessToken;

return response()->json(['token' => $token], 200);

}

/**

* Login Req

public function login(Request $request)

{

$data = [

'email' => $request->email,

'password' => $request->password

];

if (auth()->attempt($data)) {

$token = auth()->user()->createToken('Laravel8PassportAuth')->accessToken;

return response()->json(['token' => $token], 200);

} else {

return response()->json(['error' => 'Unauthorised'], 401);

}

public function userInfo()

{

$user = auth()->user();

return response()->json(['user' => $user], 200);

}

Now we will create rest api crud methods in ProductController.php. So navigate to app/http/controllers/API directory and open ProductController.php file. And, update the following methods into your ProductController.php file:

<?php
namespace App\Http\Controllers\API;
use App\Http\Controllers\Controller;
use App\Models\Product;
use Illuminate\Http\Request;
use Validator;
class ProductController extends Controller
{
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
$products = Product::all();
return response()->json([
"success" => true,
"message" => "Product List",
"data" => $products
]);
}
/**
* Store a newly created resource in storage.
*
* @param  \Illuminate\Http\Request  $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
$input = $request->all();
$validator = Validator::make($input, [
'name' => 'required',
'detail' => 'required'
]);
if($validator->fails()){
return $this->sendError('Validation Error.', $validator->errors());       
}
$product = Product::create($input);
return response()->json([
"success" => true,
"message" => "Product created successfully.",
"data" => $product
]);
} 
/**
* Display the specified resource.
*
* @param  int  $id
* @return \Illuminate\Http\Response
*/
public function show($id)
{
$product = Product::find($id);
if (is_null($product)) {
return $this->sendError('Product not found.');
}
return response()->json([
"success" => true,
"message" => "Product retrieved successfully.",
"data" => $product
]);
}
/**
* Update the specified resource in storage.
*
* @param  \Illuminate\Http\Request  $request
* @param  int  $id
* @return \Illuminate\Http\Response
*/
public function update(Request $request, Product $product)
{
$input = $request->all();
$validator = Validator::make($input, [
'name' => 'required',
'detail' => 'required'
]);
if($validator->fails()){
return $this->sendError('Validation Error.', $validator->errors());       
}
$product->name = $input['name'];
$product->detail = $input['detail'];
$product->save();
return response()->json([
"success" => true,
"message" => "Product updated successfully.",
"data" => $product
]);
}
/**
* Remove the specified resource from storage.
*
* @param  int  $id
* @return \Illuminate\Http\Response
*/
public function destroy(Product $product)
{
$product->delete();
return response()->json([
"success" => true,
"message" => "Product deleted successfully.",
"data" => $product
]);
}
}

100

101

102

103

104

105

<?php

namespace App\Http\Controllers\API;

use App\Http\Controllers\Controller;

use App\Models\Product;

use Illuminate\Http\Request;

use Validator;

class ProductController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$products = Product::all();

return response()->json([

"success" => true,

"message" => "Product List",

"data" => $products

]);

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

$input = $request->all();

$validator = Validator::make($input, [

'name' => 'required',

'detail' => 'required'

]);

if($validator->fails()){

return $this->sendError('Validation Error.', $validator->errors());

}

$product = Product::create($input);

return response()->json([

"success" => true,

"message" => "Product created successfully.",

"data" => $product

]);

}

/**

* Display the specified resource.

* @param int $id

* @return \Illuminate\Http\Response

public function show($id)

{

$product = Product::find($id);

if (is_null($product)) {

return $this->sendError('Product not found.');

}

return response()->json([

"success" => true,

"message" => "Product retrieved successfully.",

"data" => $product

]);

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param int $id

* @return \Illuminate\Http\Response

public function update(Request $request, Product $product)

{

$input = $request->all();

$validator = Validator::make($input, [

'name' => 'required',

'detail' => 'required'

]);

if($validator->fails()){

return $this->sendError('Validation Error.', $validator->errors());

}

$product->name = $input['name'];

$product->detail = $input['detail'];

$product->save();

return response()->json([

"success" => true,

"message" => "Product updated successfully.",

"data" => $product

]);

}

/**

* Remove the specified resource from storage.

* @param int $id

* @return \Illuminate\Http\Response

public function destroy(Product $product)

{

$product->delete();

return response()->json([

"success" => true,

"message" => "Product deleted successfully.",

"data" => $product

]);

}

Then open command prompt and run the following command to start developement server:

php artisan serve

1	php artisan serve

Test Laravel 8 REST CRUD API with Passport Auth in Postman

Now, we will call above create crud and auth apis in postman app:

1 – Laravel Register Rest API :

Laravel 8 REST CRUD API with Passport Auth 1

Laravel 8 REST CRUD API with Passport Auth 2

Next Step, you will call getUser, create product, list product, edit product, and delete product APIs, In this apis need to pass the access token as headers:

‘headers’ =&gt; [
‘Accept’ =&gt; ‘application/json’,
‘Authorization’ =&gt; ‘Bearer ‘.$accessToken,
]

‘headers’ => [

‘Accept’ => ‘application/json’,

‘Authorization’ => ‘Bearer ‘.$accessToken,

]

3 – Product List API

Method:- GET
URL:- http://127.0.0.1:8000/api/products

4 – Product Create API

Method:- POST
URL:- http://127.0.0.1:8000/api/products

5 – Product Fetch API

Method:- GET
URL :- http://127.0.0.1:8000/api/products/{id}

6 – Product Update API

Method:- PUT
URL :- http://127.0.0.1:8000/api/products/{id}

7 – Product Delete API

Method:- DELETE
URL :- http://127.0.0.1:8000/api/products/{id}

Laravel Arr add() function Example

In this article, we will learn about laravel array add() function. In this tutorial we will learn about the Laravel Arr add() method’s syntax and use with example. I’ll show you how to use Laravel Arr add() function with Example.

Laravel Arr::add method

Laravel Arr::add method adds the given $key and $value to an $array if the $key doesn’t already exist within the given $array. If the $key already exists then it will replaces the given $value in a array.

Syntax:-

public static function add($array,$key,$value);

1	public static function add($array,$key,$value);

How to use Laravel Arr::add method

Here, I will give you full example for simply Arr add() method in laravel as bellow.

Example:-

<?php


namespace App\Http\Controllers;


use Illuminate\Http\Request;

use App\Http\Controllers\FileController;

use Illuminate\Support\Arr;


class HomeController extends Controller

{

    /**

     * Show the application dashboard.

     *

     * @return \Illuminate\Contracts\Support\Renderable

     */

    public function index()
    {
    $array1 = Arr::add(['name' => 'Steve'], 'Keith', 100);
    print_r($array1); 
    echo "<br>";
    $array2 = Arr::add(['name' => 'Steve', 'Keith' => null], 'Keith', 200); 
    print_r($array2); 
    }

}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Controllers\FileController;

use Illuminate\Support\Arr;

class HomeController extends Controller

{

/**

* Show the application dashboard.

* @return \Illuminate\Contracts\Support\Renderable

public function index()

{

$array1 = Arr::add(['name' => 'Steve'], 'Keith', 100);

print_r($array1);

echo "<br>";

$array2 = Arr::add(['name' => 'Steve', 'Keith' => null], 'Keith', 200);

print_r($array2);

}

Output:-

Array ( [name] => Steve [Keith] => 100 )
Array ( [name] => Steve [Keith] => 200 )

1 2	Array ( [name] => Steve [Keith] => 100 ) Array ( [name] => Steve [Keith] => 200 )

Laravel 8 Database Seeder Example

In this tutorial, we will learn how to create database seeder in laravel 8 and what is command to create seeder and how to run that seeder in laravel 8. In this tutorial we will insert data using Database Seeder in Laravel. I’ll show you how to create database seeder class for a table, seed data in seeder, call database seeder and run database seeder. In this example, we assume that we already have admins table created and wants to seed some test data into it.

Laravel 8 Database Seeder

There are many instances where we need a populated database with test data in order to test the working of various operation. Populating Test data manually is time consuming, but Laravel provides a simple method of seeding test data in your database automatically instead doing it manually. In laravel you are required to created seeder classed per table, all these classes are stored in the database/seeds directory.

Create Seeder Using Artisan Command

Seeder class file can be generated using following artisan command:

Syntax:-

php artisan make:seeder <TableNameSeeder>

1	php artisan make:seeder <TableNameSeeder>

Example:-

php artisan make:seeder AdminSeeder

1	php artisan make:seeder AdminSeeder

Once the above command is executed, this will generate a seeder class file in the database/seeds directory. This class has a default run() method.

Add Data In Seeder Class file

Lets open seeder class file and within default run() method, we can populate single or multiple records as following:

database/seeds/AdminSeeder.php

<?php

  

use Illuminate\Database\Seeder;

use App\Models\User;

   

class AdminSeeder extends Seeder

{

    /**

     * Run the database seeds.

     *

     * @return void

     */

    public function run()

    {

        User::create([

            'name' => 'Admin',

            'email' => 'admin@admin.com',

            'password' => bcrypt('123456'),

        ]);

    }

}

<?php

use Illuminate\Database\Seeder;

use App\Models\User;

class AdminSeeder extends Seeder

{

/**

* Run the database seeds.

* @return void

public function run()

{

User::create([

'name' => 'Admin',

'email' => 'admin@admin.com',

'password' => bcrypt('123456'),

]);

}

Laravel Run Single Seeder

Use the bellow command to run specific seeder class:

php artisan db:seed --class=AdminSeeder

1	php artisan db:seed --class=AdminSeeder

Laravel Run Single Seeder

In this method you have to declare all your seeder in DatabaseSeeder class file. Now you have to run single command to run all listed seeder class.

database/seeds/DatabaseSeeder.php

<?php

  

use Illuminate\Database\Seeder;

   

class DatabaseSeeder extends Seeder

{

    /**

     * Seed the application's database.

     *

     * @return void

     */

    public function run()

    {

        $this->call(AdminSeeder::class);

    }

}

<?php

use Illuminate\Database\Seeder;

class DatabaseSeeder extends Seeder

{

/**

* Seed the application's database.

* @return void

public function run()

{

$this->call(AdminSeeder::class);

}

Now, use the following artisan command to run all your seeders.

php artisan db:seed --class=DatabaseSeeder

1	php artisan db:seed --class=DatabaseSeeder