Category Archives: Blog

Blog

Laravel 7 Crud with Image Upload From Scratch

In this Laravel 7 Crud with Image Upload Example tutorial, I’ll show you how to create basic CRUD application with Image upload in laravel. In this tutorial you learn to create simple CRUD application with image upload. In this step by step tutorial we will be creating simple crud application with image upload in laravel.

Laravel 7 Crud with Image Upload From Scratch

Install Laravel Fresh Setup
Setup Database Credentials
Generate Model and Migration
Create Resource Route & Controller
Create the blade view
Start Development Server

Step 1: Install Laravel Fresh Setup

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

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

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

Step 2: Setup Database Credentials

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=here your database name here
DB_USERNAME=here database username here
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Generate Model and Migration

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

php artisan make:model Product-m

1	php artisan make:model Product-m

The above command will create a model name Product and a migration file for Product table. Now, go to database/migrations file and put the below here :

<?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->increments('id'); 
            $table->string('title'); 
            $table->string('product_code'); 
            $table->text('image');  
            $table->text('description'); 
            $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->increments('id');

$table->string('title');

$table->string('product_code');

$table->text('image');

$table->text('description');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('products');

}

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

php artisan migrate

1	php artisan migrate

If you found any query builder error in command prompt go to => app\Providers\AppServiceProvider.php and put the below code here :

use Illuminate\Support\Facades\Schema;
  
 public function boot()
 {
     Schema::defaultStringLength(191);
 }

use Illuminate\Support\Facades\Schema;

public function boot()

{

Schema::defaultStringLength(191);

}

And then run this below command :

 php artisan migrate:fresh

1	php artisan migrate:fresh

Now, add the fillable property inside Product.php file.

<?php
 namespace App;
 use Illuminate\Database\Eloquent\Model;
 class Product extends Model
 {
     protected $fillable = [
     'title',
     'product_code',
     'image', 
     'description',
    ];
 }

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Product extends Model

{

protected $fillable = [

'title',

'product_code',

'image',

'description',

];

}

4). Create Resource Route & Controller

In this step we will create a resource route and controller using following command:

php artisan make:controller ProductController  --resource

1	php artisan make:controller ProductController --resource

The above command will create a controller name ProductController with default methods like index, store, create, update, destroy, show, edit. Now we need to add the resource route. Go to routes/web.php put the below routes here :

<?php 

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

<?php

Route::get('/', function () {

return view('welcome');

});

Route::resource('products', 'ProductController');

Next open controller, Go to app/HTTP/Controller/ProductController and put the below code here :

<?php
namespace App\Http\Controllers;
use App\Product;
use Illuminate\Http\Request;
use Redirect;
use PDF;
class ProductController extends Controller
{
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
$data['products'] = Product::orderBy('id','desc')->paginate(10);
return view('product.list',$data);
}
/**
* Show the form for creating a new resource.
*
* @return \Illuminate\Http\Response
*/
public function create()
{
return view('product.create');
}
/**
* Store a newly created resource in storage.
*
* @param  \Illuminate\Http\Request  $request
* @return \Illuminate\Http\Response
*/
public function store(Request $request)
{
$request->validate([
'title' => 'required',
'product_code' => 'required',
'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
'description' => 'required',
]);
if ($files = $request->file('image')) {
$destinationPath = 'public/image/'; // upload path
$profileImage = date('YmdHis') . "." . $files->getClientOriginalExtension();
$files->move($destinationPath, $profileImage);
$insert['image'] = "$profileImage";
}
$insert['title'] = $request->get('title');
$insert['product_code'] = $request->get('product_code');
$insert['description'] = $request->get('description');
Product::insert($request->all());
return Redirect::to('products')
->with('success','Greate! Product created successfully.');
}
/**
* Display the specified resource.
*
* @param  \App\Product  $product
* @return \Illuminate\Http\Response
*/
public function show(Request $request)
{
}
/**
* Show the form for editing the specified resource.
*
* @param  \App\Product  $product
* @return \Illuminate\Http\Response
*/
public function edit($id)
{   
$where = array('id' => $id);
$data['product_info'] = Product::where($where)->first();
return view('product.edit', $data);
}
/**
* Update the specified resource in storage.
*
* @param  \Illuminate\Http\Request  $request
* @param  \App\Product  $product
* @return \Illuminate\Http\Response
*/
public function update(Request $request, $id)
{
$request->validate([
'title' => 'required',
'product_code' => 'required',
'description' => 'required',
]);
$update = ['title' => $request->title, 'description' => $request->description];
if ($files = $request->file('image')) {
$destinationPath = 'public/image/'; // upload path
$profileImage = date('YmdHis') . "." . $files->getClientOriginalExtension();
$files->move($destinationPath, $profileImage);
$update['image'] = "$profileImage";
}
$update['title'] = $request->get('title');
$update['product_code'] = $request->get('product_code');
$update['description'] = $request->get('description');
Product::where('id',$id)->update($update);
return Redirect::to('products')
->with('success','Great! Product updated successfully');
}
/**
* Remove the specified resource from storage.
*
* @param  \App\Product  $product
* @return \Illuminate\Http\Response
*/
public function destroy($id)
{
Product::where('id',$id)->delete();
return Redirect::to('products')->with('success','Product deleted successfully');
}
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

<?php

namespace App\Http\Controllers;

use App\Product;

use Illuminate\Http\Request;

use Redirect;

use PDF;

class ProductController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$data['products'] = Product::orderBy('id','desc')->paginate(10);

return view('product.list',$data);

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

return view('product.create');

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

$request->validate([

'title' => 'required',

'product_code' => 'required',

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

'description' => 'required',

]);

if ($files = $request->file('image')) {

$destinationPath = 'public/image/'; // upload path

$profileImage = date('YmdHis') . "." . $files->getClientOriginalExtension();

$files->move($destinationPath, $profileImage);

$insert['image'] = "$profileImage";

}

$insert['title'] = $request->get('title');

$insert['product_code'] = $request->get('product_code');

$insert['description'] = $request->get('description');

Product::insert($request->all());

return Redirect::to('products')

->with('success','Greate! Product created successfully.');

}

/**

* Display the specified resource.

* @param \App\Product $product

* @return \Illuminate\Http\Response

public function show(Request $request)

{

}

/**

* Show the form for editing the specified resource.

* @param \App\Product $product

* @return \Illuminate\Http\Response

public function edit($id)

{

$where = array('id' => $id);

$data['product_info'] = Product::where($where)->first();

return view('product.edit', $data);

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param \App\Product $product

* @return \Illuminate\Http\Response

public function update(Request $request, $id)

{

$request->validate([

'title' => 'required',

'product_code' => 'required',

'description' => 'required',

]);

$update = ['title' => $request->title, 'description' => $request->description];

if ($files = $request->file('image')) {

$destinationPath = 'public/image/'; // upload path

$profileImage = date('YmdHis') . "." . $files->getClientOriginalExtension();

$files->move($destinationPath, $profileImage);

$update['image'] = "$profileImage";

}

$update['title'] = $request->get('title');

$update['product_code'] = $request->get('product_code');

$update['description'] = $request->get('description');

Product::where('id',$id)->update($update);

return Redirect::to('products')

->with('success','Great! Product updated successfully');

}

/**

* Remove the specified resource from storage.

* @param \App\Product $product

* @return \Illuminate\Http\Response

public function destroy($id)

{

Product::where('id',$id)->delete();

return Redirect::to('products')->with('success','Product deleted successfully');

}

Step 5: Create the blade view

Create the product directory with inside following blade view file for CRUD operations:

Layout.blade.php
List.blade.php
Create.blade.php
Edit.blade.php

Layout.blade.php

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Laravel Crud with Image Upload Example</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<style>
body{
background-color: #25274d;
}
.container{
background: #ff9b00;
padding: 4%;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
</style>
</head>
<body>
<div class="container">
<br><br><br>
@yield('content')
</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel Crud with Image Upload Example</title>

<style>

body{

background-color: #25274d;

}

.container{

background: #ff9b00;

padding: 4%;

border-top-left-radius: 0.5rem;

border-bottom-left-radius: 0.5rem;

}

</style>

</head>

<body>

@yield('content')

</div>

</body>

</html>

List.blade.php

@extends('product.layout')
@section('content')
<a href="{{ route('products.create') }}" class="btn btn-success mb-2">Add</a> 
<br>
<div class="row">
<div class="col-12">
<table class="table table-bordered" id="laravel_crud">
<thead>
<tr>
<th>Id</th>
<th>Title</th>
<th>Product Code</th>
<th>Description</th>
<th>Created at</th>
<td colspan="2">Action</td>
</tr>
</thead>
<tbody>
@foreach($products as $product)
<tr>
<td>{{ $product->id }}</td>
<td>{{ $product->title }}</td>
<td>{{ $product->product_code }}</td>
<td>{{ $product->description }}</td>
<td>{{ date('Y-m-d', strtotime($product->created_at)) }}</td>
<td><a href="{{ route('products.edit',$product->id)}}" class="btn btn-primary">Edit</a></td>
<td>
<form action="{{ route('products.destroy', $product->id)}}" method="post">
{{ csrf_field() }}
@method('DELETE')
<button class="btn btn-danger" type="submit">Delete</button>
</form>
</td>
</tr>
@endforeach
</tbody>
</table>
{!! $products->links() !!}
</div> 
</div>
@endsection

@extends('product.layout')

@section('content')

<br>

<thead>

<tr>

<th>Title</th>

<th>Product Code</th>

<th>Description</th>

<th>Created at</th>

<td colspan="2">Action</td>

</tr>

</thead>

<tbody>

@foreach($products as $product)

<tr>

<td>{{ $product->id }}</td>

<td>{{ $product->title }}</td>

<td>{{ $product->product_code }}</td>

<td>{{ $product->description }}</td>

<td>{{ date('Y-m-d', strtotime($product->created_at)) }}</td>

<td><a href="{{ route('products.edit',$product->id)}}" class="btn btn-primary">Edit</a></td>

<td>

<form action="{{ route('products.destroy', $product->id)}}" method="post">

@method('DELETE')

<button class="btn btn-danger" type="submit">Delete</button>

</form>

</td>

</tr>

@endforeach

</tbody>

</table>

{!! $products->links() !!}

</div>

@endsection

Create.blade.php

@extends('product.layout')
@section('content')
<h2 style="margin-top: 12px;" class="text-center">Add Product</a></h2>
<br>
<form action="{{ route('products.store') }}" method="POST" name="add_product">
{{ csrf_field() }}
<div class="row">
<div class="col-md-12">
<div class="form-group">
<strong>Title</strong>
<input type="text" name="title" class="form-control" placeholder="Enter Title">
<span class="text-danger">{{ $errors->first('title') }}</span>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<strong>Product Code</strong>
<input type="text" name="product_code" class="form-control" placeholder="Enter Product Code">
<span class="text-danger">{{ $errors->first('product_code') }}</span>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<strong>Description</strong>
<textarea class="form-control" col="4" name="description" placeholder="Enter Description"></textarea>
<span class="text-danger">{{ $errors->first('description') }}</span>
</div>
</div>    
<div class="col-md-12">
<div class="form-group">
<strong>Product Image</strong>
<input type="file" name="image" class="form-control" placeholder="">
<span class="text-danger">{{ $errors->first('image') }}</span>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
@endsection

@extends('product.layout')

@section('content')

<h2 style="margin-top: 12px;" class="text-center">Add Product</a></h2>

<br>

<strong>Title</strong>

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

</div>

<strong>Product Code</strong>

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

</div>

<strong>Description</strong>

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

</div>

<strong>Product Image</strong>

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

</div>

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

</div>

</form>

@endsection

Edit.blade.php

@extends('product.layout')
@section('content')
<h2 style="margin-top: 12px;" class="text-center">Edit Product</a></h2>
<br>
<form action="{{ route('products.update', $product_info->id) }}" method="POST" name="update_product">
{{ csrf_field() }}
@method('PATCH')
<div class="row">
<div class="col-md-12">
<div class="form-group">
<strong>Title</strong>
<input type="text" name="title" class="form-control" placeholder="Enter Title" value="{{ $product_info->title }}">
<span class="text-danger">{{ $errors->first('title') }}</span>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<strong>Product Code</strong>
<input type="text" name="product_code" class="form-control" placeholder="Enter Product Code" value="{{ $product_info->product_code }}">
<span class="text-danger">{{ $errors->first('product_code') }}</span>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<strong>Description</strong>
<textarea class="form-control" col="4" name="description" placeholder="Enter Description" >{{ $product_info->description }}</textarea>
<span class="text-danger">{{ $errors->first('description') }}</span>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<strong>Product Image</strong>
@if($product_info->image)
<img id="original" src="{{ url('public/image/'.$product_info->image) }}" height="70" width="70">
@endif
<input type="text" name="image" class="form-control" placeholder="" value="{{ $product_info->image }}">
<span class="text-danger">{{ $errors->first('image') }}</span>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
@endsection

@extends('product.layout')

@section('content')

<h2 style="margin-top: 12px;" class="text-center">Edit Product</a></h2>

<br>

<form action="{{ route('products.update', $product_info->id) }}" method="POST" name="update_product">

@method('PATCH')

<strong>Title</strong>

<input type="text" name="title" class="form-control" placeholder="Enter Title" value="{{ $product_info->title }}">

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

</div>

<strong>Product Code</strong>

<input type="text" name="product_code" class="form-control" placeholder="Enter Product Code" value="{{ $product_info->product_code }}">

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

</div>

<strong>Description</strong>

<textarea class="form-control" col="4" name="description" placeholder="Enter Description" >{{ $product_info->description }}</textarea>

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

</div>

<strong>Product Image</strong>

@if($product_info->image)

<img id="original" src="{{ url('public/image/'.$product_info->image) }}" height="70" width="70">

@endif

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

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

</div>

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

</div>

</form>

@endsection

Step 6: 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/products

1	http://localhost:8000/products

Laravel 7/6 socialite Linkedin Login Example

In this Laravel 7/6 socialite Linkedin Login tutorial I’ll show you how to integrate socialite LinkedIn social login in laravel application. In this tutorial you will learn to integrate LinkedIn login in laravel. In this article we will integrate login with LinkedIn in laravel application. This tutorial is step by step guide for you on how to integrate linkedin social login in laravel using socialite package.

As we all know that users are not much interested in filling up long registration form to register with any application. Allowing users to login with their social media accounts is quick and powerful way to get registered/verified users for your laravel application. Allowing users to login with their social media accounts makes registration/login process much easier, it also encourages more users to register for your application. In this step by step tutorial, you will learn to integrate linkedin login with your laravel application.

Step 1: Install Laravel App
Step 2: Connect App to Database
Step 3: Install Socialite Package
Step 4: Create a Linkedin App
Step 5: Add Code in Migration, Model File
Step 6 Run Migration
Step 7: Add Routes for Linkedin Login
Step 8: Create Controller
Step 9: Generate Bootstrap Auth File
Step 10: Add Linkedin Login In Blade View
Step 11: Run Development Server

Step 1: Install the laravel App

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

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

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

Step 2: Connect App to 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.

 DB_CONNECTION=mysql 
 DB_HOST=127.0.0.1 
 DB_PORT=3306 
 DB_DATABASE=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Download Socialite Package

In this step we will Install Socialite Package via Composer using following command:

composer require laravel/socialite

1	composer require laravel/socialite

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

config/app.php

'providers' => [
     // Other service providers…
 Laravel\Socialite\SocialiteServiceProvider::class,
],

'aliases' => [
// Other aliases…
'Socialite' => Laravel\Socialite\Facades\Socialite::class,
],

'providers' => [

// Other service providers…

Laravel\Socialite\SocialiteServiceProvider::class,

'aliases' => [

// Other aliases…

'Socialite' => Laravel\Socialite\Facades\Socialite::class,

Step 4: Create a Linkedin App

In this step, we will create linkedin app for client and secret key, go to following link

https://www.linkedin.com/developers/apps/new

1	https://www.linkedin.com/developers/apps/new

Now create linkedin app filling the details and create your linkedin app. After creating the app set the redirect URL. Now, copy the client id and secret from linkedin app dashboard. Now, go to your project config directory and open service.php file. Then add linkedin app details in service.php file as following:

 'linkedin' => [
    'client_id' => 'xxxx',
    'client_secret' => 'xxx',
    'redirect' => 'http://127.0.0.1:8000/callback/linkedin',
  ],

'linkedin' => [

'client_id' => 'xxxx',

'client_secret' => 'xxx',

'redirect' => 'http://127.0.0.1:8000/callback/linkedin',

Step 5: Add Code in Migration, Model File

Now, go to database/migrations directory and open create_users_table.php. Then put the following code into it:

<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class CreateUsersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('users', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name');
            $table->string('email')->unique()->nullable();
            $table->string('provider');
            $table->string('provider_id');
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password')->nullable();
            $table->rememberToken()->nullable();
            $table->timestamps();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('users');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateUsersTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->increments('id');

$table->string('name');

$table->string('email')->unique()->nullable();

$table->string('provider');

$table->string('provider_id');

$table->timestamp('email_verified_at')->nullable();

$table->string('password')->nullable();

$table->rememberToken()->nullable();

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('users');

}

Go to app/User.php and add fillable property like following in User.php model file:

protected $fillable = [
         'name', 'email', 'password', 'provider', 'provider_id'
     ];

protected $fillable = [

'name', 'email', 'password', 'provider', 'provider_id'

];

Step 6: Run Migration

Before you run PHP artisan migrate command go to app/providers/AppServiceProvider.php and put the following code in it:

...
use Illuminate\Support\Facades\Schema;
 
....
function boot()
{
    Schema::defaultStringLength(191);
}
...

...

use Illuminate\Support\Facades\Schema;

....

function boot()

{

Schema::defaultStringLength(191);

}

...

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

php artisan migrate

1	php artisan migrate

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::get('/auth/redirect/{provider}', 'LinkedinSocialController@redirect');
 Route::get('/callback/{provider}', 'LinkedinSocialController@callback');

1 2	Route::get('/auth/redirect/{provider}', 'LinkedinSocialController@redirect'); Route::get('/callback/{provider}', 'LinkedinSocialController@callback');

Step 8: Create Controller

Now, lets create a controller named LinkedinSocialController using command given below –

php artisan make:controller LinkedinSocialController

1	php artisan make:controller LinkedinSocialController

After creating controller go to app/http/controllers directory and open LinkedinSocialController.php file. And put the following code into LinkedinSocialController.php file:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use Validator,Redirect,Response,File;
use Socialite;
use App\User;
class LinkedinSocialController extends Controller
{
    public function redirect($provider)
    {
        return Socialite::driver($provider)->redirect();
    }
 
    public function callback($provider)
    {
               
        $getInfo = Socialite::driver($provider)->user();
         
        $user = $this->createUser($getInfo,$provider);
 
        auth()->login($user);
 
        return redirect()->to('/home');
 
    }
   function createUser($getInfo,$provider){
 
     $user = User::where('provider_id', $getInfo->id)->first();
 
     if (!$user) {
         $user = User::create([
            'name'     => $getInfo->name,
            'email'    => $getInfo->email,
            'provider' => $provider,
            'provider_id' => $getInfo->id
        ]);
      }
      return $user;
   }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

use Socialite;

use App\User;

class LinkedinSocialController extends Controller

{

public function redirect($provider)

{

return Socialite::driver($provider)->redirect();

}

public function callback($provider)

{

$getInfo = Socialite::driver($provider)->user();

$user = $this->createUser($getInfo,$provider);

auth()->login($user);

return redirect()->to('/home');

}

function createUser($getInfo,$provider){

$user = User::where('provider_id', $getInfo->id)->first();

if (!$user) {

$user = User::create([

'name' => $getInfo->name,

'email' => $getInfo->email,

'provider' => $provider,

'provider_id' => $getInfo->id

]);

}

return $user;

}

Step 9: Generate Bootstrap Auth File

Install Laravel UI

composer require laravel/ui

1	composer require laravel/ui

Create Auth

php artisan ui bootstrap --auth

1	php artisan ui bootstrap --auth

NPM Install

npm install

1	npm install

In this step, you need to add two buttons in laravel blade view for social LinkedIn login. So go to Resources/Views/Auth/register.blade.php and add a Linkedin social login button

<hr>
<div class="form-group row mb-0">
     <div class="col-md-8 offset-md-4">
        <a href="{{ url('/auth/redirect/linkedin') }}" class="btn btn-primary"><i class="fa fa-linkedin"></i> Linkedin</a>
    </div>
</div>

<hr>

<a href="{{ url('/auth/redirect/linkedin') }}" class="btn btn-primary"><i class="fa fa-linkedin"></i> Linkedin</a>

</div>

Then, go to Resources/Views/Auth/login.blade.php and add a LinkedIn social login button:

<hr>
<div class="form-group row mb-0">
     <div class="col-md-8 offset-md-4">
        <a href="{{ url('/auth/redirect/linkedin') }}" class="btn btn-primary"><i class="fa fa-linkedin"></i> Linkedin</a>
    </div>
</div>

<hr>

<a href="{{ url('/auth/redirect/linkedin') }}" class="btn btn-primary"><i class="fa fa-linkedin"></i> Linkedin</a>

</div>

Step 11: 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://127.0.0.1:8000/login

 Or direct hit in your browser

 http://localhost/blog/public/login

http://127.0.0.1:8000/login

Or direct hit in your browser

http://localhost/blog/public/login

Laravel 7/6 Login Registration Logout Example

In this Laravel 7/6 login, registration, logout example tutorial I will show you how to use laravel default login registration logout in laravel application. In this tutorial you will learn to create your own laravel login, registration, forget password and reset password functionality. This tutorial is complete laravel authentication system guide that helps you to implement laravel default authentication in laravel application.

First Install Laravel Fresh Project
Configuration changes in .env file
Generate Laravel Application Key
Database Migration
Create a Login Authentication Laravel
Run the Development Server

1. First Install Laravel Fresh Project

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

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

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

2. Configuration changes 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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

3. Generate Laravel Application Key

Now we will generate laravel application key using following command:

php artisan key:generate

1	php artisan key:generate

4. Database Migration

Before you run php artisan migrate command. Go to the app/providers/AppServiceProvider.php and put the following code in boot method

Use Schema; 

public function boot() { 

 Schema::defaultStringLength(191); 

 }

Use Schema;

public function boot() {

Schema::defaultStringLength(191);

}

php artisan migrate

1	php artisan migrate

5. Laravel Authentication

Now, we will enable laravel default authentication using following command:

composer require laravel/ui

1	composer require laravel/ui

The above command will generate default authentication routes, controllers and views files for Laravel Login Authentication and registration. After that you can run following command and check ui commands info.

php artisan ui --help

1	php artisan ui --help

You can use following commands for creating auth:

Using Vue:

php artisan ui vue --auth

1	php artisan ui vue --auth

Using React:

php artisan ui react --auth

1	php artisan ui react --auth

Now you need to run following npm command, otherwise you will not see layout of login and register page.

Install NPM:

npm install

npm run dev

npm install

npm run dev

6. Run the Development Server

php artisan serve

If you want to run the project diffrent port so use this command

php artisan serve --port=8080

php artisan serve

If you want to run the project diffrent port so use this command

php artisan serve --port=8080

laravel authentication is successfully completed, Now Go to the browser and hit the

URL :  http://localhost:8000/login

1	URL : http://localhost:8000/login

If you did not run PHP artisan server command, direct go to your browser and type the URL

URL  : http://localhost/blog/public/

1	URL : http://localhost/blog/public/

Laravel 7 Ajax Get Data From Database

In this Laravel ajax get data from the database tutorial I will show you how to fetch data from database using ajax in laravel applications. In this tutorial you will learn to use ajax in laravel. In this article I will demonstrate you how to fetch records from database using ajax in laravel. Using ajax you can fetch data from database without reloading page in laravel. In this step by step guide you will understand laravel ajax request implementation.

Laravel 7 Ajax Get Data From Database

First Install New Laravel Setup
Configure .env file
Create One Model and Migration
Make Route
Generate Controller by command
Create Blade View
Start Development Server

Step 1: First Install New Laravel Setup

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

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

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

Step 2: Configure .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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Next go to app/datatabase/migrations and open users migration file and put the below code here :

public function up()
 {
     Schema::create('users', function (Blueprint $table) {
         $table->increments('id');
         $table->string('username')->nullable();
         $table->string('name')->nullable(); 
         $table->string('email')->nullable();
         $table->timestamps();
     });
 }

public function up()

{

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

$table->increments('id');

$table->string('username')->nullable();

$table->string('name')->nullable();

$table->string('email')->nullable();

$table->timestamps();

});

}

Before we run php artisan migrate command go to app/providers/AppServiceProvider.php and put the below code :

...
use Illuminate\Support\Facades\Schema;
 
....
function boot()
{
    Schema::defaultStringLength(191);
}
...

...

use Illuminate\Support\Facades\Schema;

....

function boot()

{

Schema::defaultStringLength(191);

}

...

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

php artisan migrate

1	php artisan migrate

Step 3: Make Route

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

//routes

Route::get('/users', 'AjaxController@index');
Route::get('/getData/{id}','AjaxController@getData');

//routes

Route::get('/users', 'AjaxController@index');

Route::get('/getData/{id}','AjaxController@getData');

Step 4: Generate Controller by Command

Now, lets create a controller named AjaxController using command given below –

php artisan make:controller AjaxController

1	php artisan make:controller AjaxController

Next we will use only four methods the from resource controller. Next open your controller and replace the methods given in below :

<?php
 
namespace App\Http\Controllers;
 
use App\User;
use Illuminate\Http\Request;
use Redirect,Response;
 
class AjaxController extends Controller{
 
  public function index(){
    return view('get-ajax-data');
  }
 
  public function getData($id = 0){
    // get records from database
 
    if($id==0){
      $arr['data'] = User::orderBy('id', 'asc')->get(); 
    }else{
      $arr['data'] = User::where('id', $id)->first();
    }
    echo json_encode($arr);
    exit;
  }
}

<?php

namespace App\Http\Controllers;

use App\User;

use Illuminate\Http\Request;

use Redirect,Response;

class AjaxController extends Controller{

public function index(){

return view('get-ajax-data');

}

public function getData($id = 0){

// get records from database

if($id==0){

$arr['data'] = User::orderBy('id', 'asc')->get();

}else{

$arr['data'] = User::where('id', $id)->first();

}

echo json_encode($arr);

exit;

}

Step 5: Create blade view :

In this step, we will create a blade file name get-ajax-data.blade.php. Now, go to resource/views/ and create a blade file and put following code in it:

<!doctype html>
<html>
<body>
<input type='text' id='search' name='search' placeholder='Enter userid 1-27'>
<input type='button' value='Search' id='btnSearch'>
<br/>
<input type='button' value='Fetch all records' id='fetchAllRecord'>
<table border='1' id='userTable' style='border-collapse: collapse;'>
<thead>
<tr>
<th>S.no</th>
<th>Username</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody></tbody>
</table>
<!-- Script -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- jQuery CDN -->
<script type='text/javascript'>
$(document).ready(function(){
// Fetch all records
$('#fetchAllRecord').click(function(){
fetchRecords(0);
});
// Search by userid
$('#btnSearch').click(function(){
var userid = Number($('#search').val().trim());
if(userid > 0){
fetchRecords(userid);
}
});
});
function fetchRecords(id){
$.ajax({
url: 'getData/'+id,
type: 'get',
dataType: 'json',
success: function(response){
var len = 0;
$('#userTable tbody').empty(); // Empty <tbody>
if(response['data'] != null){
len = response['data'].length;
}
if(len > 0){
for(var i=0; i<len; i++){
var id = response['data'][i].id;
var username = response['data'][i].username;
var name = response['data'][i].name;
var email = response['data'][i].email;
var tr_str = "<tr>" +
"<td align='center'>" + (i+1) + "</td>" +
"<td align='center'>" + username + "</td>" +
"<td align='center'>" + name + "</td>" +
"<td align='center'>" + email + "</td>" +
"</tr>";
$("#userTable tbody").append(tr_str);
}
}else if(response['data'] != null){
var tr_str = "<tr>" +
"<td align='center'>1</td>" +
"<td align='center'>" + response['data'].username + "</td>" + 
"<td align='center'>" + response['data'].name + "</td>" +
"<td align='center'>" + response['data'].email + "</td>" +
"</tr>";
$("#userTable tbody").append(tr_str);
}else{
var tr_str = "<tr>" +
"<td align='center' colspan='4'>No record found.</td>" +
"</tr>";
$("#userTable tbody").append(tr_str);
}
}
});
}
</script>
</body>
</html>

<!doctype html>

<html>

<body>

<br/>

<thead>

<tr>

<th>Username</th>

<th>Email</th>

</tr>

</thead>

</table>

$(document).ready(function(){

// Fetch all records

$('#fetchAllRecord').click(function(){

fetchRecords(0);

});

// Search by userid

$('#btnSearch').click(function(){

var userid = Number($('#search').val().trim());

if(userid > 0){

fetchRecords(userid);

}

});

function fetchRecords(id){

$.ajax({

url: 'getData/'+id,

type: 'get',

dataType: 'json',

success: function(response){

var len = 0;

$('#userTable tbody').empty(); // Empty <tbody>

if(response['data'] != null){

len = response['data'].length;

}

if(len > 0){

for(var i=0; i<len; i++){

var id = response['data'][i].id;

var username = response['data'][i].username;

var name = response['data'][i].name;

var email = response['data'][i].email;

var tr_str = "<tr>" +

"<td align='center'>" + (i+1) + "</td>" +

"<td align='center'>" + username + "</td>" +

"<td align='center'>" + name + "</td>" +

"<td align='center'>" + email + "</td>" +

"</tr>";

$("#userTable tbody").append(tr_str);

}

}else if(response['data'] != null){

var tr_str = "<tr>" +

"<td align='center'>1</td>" +

"<td align='center'>" + response['data'].username + "</td>" +

"<td align='center'>" + response['data'].name + "</td>" +

"<td align='center'>" + response['data'].email + "</td>" +

"</tr>";

$("#userTable tbody").append(tr_str);

}else{

var tr_str = "<tr>" +

"<td align='center' colspan='4'>No record found.</td>" +

"</tr>";

$("#userTable tbody").append(tr_str);

}

});

}

</script>

</body>

</html>

Step 6: 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://127.0.0.1:8000/users

1	http://127.0.0.1:8000/users

How to Use try catch In laravel Example Tutorial

In this How to Use try catch In laravel Example TutorialI will show you How to Use try catch In laravel.In this tutorial you will learn to use try catch exception handling in laravel framework. While working or developing application with Laravel framework, you may encounter many errors. It is very important to handle these errors properly in order to build safe and error free laravel application. In laravel you can use try catch statement for proper error handling in laravel.

How to Use try catch In laravel Example Tutorial

Below is the syntax that represents the try..catch statement:

try {
    // run your code here
}
catch (exception $e) {
    //code to handle the exception
}

try {

// run your code here

}

catch (exception $e) {

//code to handle the exception

}

The try…catch statement is used to handle the errors.

Find Product By Title

Let’s take a look example of laravel try catch. Here you have product table and find the product with it’s title. So you have the following things:

routes/web.php

Route::get('/product', 'ProductController@index')->name('product.index');
Route::post('/product/search', 'ProductController@search')->name('product.search');

1 2	Route::get('/product', 'ProductController@index')->name('product.index'); Route::post('/product/search', 'ProductController@search')->name('product.search');

Controller with two methods:

class ProductController extends Controller
{
 
    public function index()
    {
        return view('product.index');
    }
 
    public function search(Request $request)
    {
        $product = Product::where('title',$request->get('title'))->first();
        return view('product.search', compact('product'));
    }
 
}

class ProductController extends Controller

{

public function index()

{

return view('product.index');

}

public function search(Request $request)

{

$product = Product::where('title',$request->get('title'))->first();

return view('product.search', compact('product'));

}

Blade view files as following:

index.blade.php

<form action="{{ route('product.search') }}" method="POST">
@csrf
<div class="form-group">
<input id="title" class="form-control" name="title" type="text" value="{{ old('product') }}" placeholder="Product Title">
</div>
<input class="btn btn-info" type="submit" value="Search">
</form>

@csrf

</div>

</form>

search.blade.php

<h3 class="page-title text-center">Product found: {{ $product->title }}</h3>
<b>Price</b>: {{ $product->price }}
<br>
<b>Code</b>: {{ $product->code }}

<h3 class="page-title text-center">Product found: {{ $product->title }}</h3>

<b>Price</b>: {{ $product->price }}

<br>

<b>Code</b>: {{ $product->code }}

Get Errors

In the above example if the product is found, there is no error but if a product is not found, we will encounter some errors on your search.blade.php file.

Now, go to .env file and set

APP_DEBUG=false

1	APP_DEBUG=false

Then the browser will just show blank screen, looks like something went wrong. But that still doesn’t give any valuable information to our visitor. If the product is not found there will error occurs, so you can pass errors on your search.blade.php file using try..catch statement as following:

public function search(Request $request)
{
    try {
        $product = Product::where('title',$request->get('title'));
    } catch (ModelNotFoundException $exception) {
        return back()->withError($exception->getMessage())->withInput();
    }
    return view('product.search', compact('product'));
}

public function search(Request $request)

{

try {

$product = Product::where('title',$request->get('title'));

} catch (ModelNotFoundException $exception) {

return back()->withError($exception->getMessage())->withInput();

}

return view('product.search', compact('product'));

}

we can display an error message in Blade file as following

<h3 class="page-title text-center">Search by proudct title</h3>
 
@if (session('error'))
<div class="alert alert-danger">{{ session('error') }}</div>
@endif
 
<form action="{{ route('product.search') }}" method="POST">...</form>

<h3 class="page-title text-center">Search by proudct title</h3>

@if (session('error'))

<div class="alert alert-danger">{{ session('error') }}</div>

@endif

Laravel Livewire Form Tutorial

In this laravel livewire form tutorial, I’ll show you how to install and use laravel liveware package in your laravel application. In this tutorial you will learn to install, setup and use laravel livewire form. In this article I will guide you through how to submit and store form data using the laravel livewire form package in laravel.

Laravel Livewire Form Tutorial

Step 1: Install Laravel
Step 2: Add Database Detail
Step 3: Generate Migration and Model by Command
Step 4: Install Livewire
Step 5: Create Component
Step 6: Create Route
Step 7: Create View File
Step 8: Run Development Server

Step 1: Install Laravel

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

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

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

Step 2: Add Database Detail

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=here your database name here 
DB_USERNAME=here database username here 
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Generate Model and Migration By Command

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

php artisan make:model Contact-m

1	php artisan make:model Contact-m

The above command will create a model name Contact and also create a migration file for Contact table. After successfully run the command go to database/migrations file and put the below here :

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

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateContactsUsForms extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->bigIncrements('id');

$table->string('name');

$table->string('email');

$table->text('body');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('contacts');

}

now go to app\Providers\AppServiceProvider.php and put the below code here :

 use Illuminate\Support\Facades\Schema;
  
 public function boot()
 {
     Schema::defaultStringLength(191);
 }

use Illuminate\Support\Facades\Schema;

public function boot()

{

Schema::defaultStringLength(191);

}

Now run the following command to create the table into your database:

php artisan migrate

1	php artisan migrate

Next, Open App/Contact.php file and add the fillable properties:

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

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Contact extends Model

{

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'name', 'email', 'body',

];

}

Step 4: Install Livewire

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

composer require livewire/livewire

1	composer require livewire/livewire

Step 5: Create Component

In this step we will create a component using following artisan command:

php artisan make:livewire contact-form

1	php artisan make:livewire contact-form

You can see a created file on the following path:

app/Http/Livewire/ContactForm.php
resources/views/livewire/contact-form.blade.php

1 2	app/Http/Livewire/ContactForm.php resources/views/livewire/contact-form.blade.php

Now, put the following code into your files, so follow the given path and update the code:

app/Http/Livewire/ContactForm.php

<?php
   
namespace App\Http\Livewire;
   
use Livewire\Component;
use App\Contact;
   
class ContactForm extends Component
{
    public $name;
    public $email;
    public $body;
   
    public function submit()
    {
        $validatedData = $this->validate([
            'name' => 'required|min:6',
            'email' => 'required|email',
            'body' => 'required',
        ]);
   
        Contact::create($validatedData);
   
        return redirect()->to('/form');
    }
   
    public function render()
    {
        return view('livewire.contact-form');
    }
}

<?php

namespace App\Http\Livewire;

use Livewire\Component;

use App\Contact;

class ContactForm extends Component

{

public $name;

public $email;

public $body;

public function submit()

{

$validatedData = $this->validate([

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

'email' => 'required|email',

'body' => 'required',

]);

Contact::create($validatedData);

return redirect()->to('/form');

}

public function render()

{

return view('livewire.contact-form');

}

resources/views/livewire/contact-form.blade.php

<form wire:submit.prevent="submit">
    <div class="form-group">
        <label for="exampleInputName">Name</label>
        <input type="text" class="form-control" id="exampleInputName" placeholder="Enter name" wire:model="name">
        @error('name') <span class="text-danger">{{ $message }}</span> @enderror
    </div>
   
    <div class="form-group">
        <label for="exampleInputEmail">Email</label>
        <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter name" wire:model="email">
        @error('email') <span class="text-danger">{{ $message }}</span> @enderror
    </div>
   
    <div class="form-group">
        <label for="exampleInputbody">Body</label>
        <textarea class="form-control" id="exampleInputbody" placeholder="Enter Body" wire:model="body"></textarea>
        @error('body') <span class="text-danger">{{ $message }}</span> @enderror
    </div>
   
    <button type="submit" class="btn btn-primary">Save Contact</button>
</form>

@error('name') <span class="text-danger">{{ $message }}</span> @enderror

</div>

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

@error('email') <span class="text-danger">{{ $message }}</span> @enderror

</div>

@error('body') <span class="text-danger">{{ $message }}</span> @enderror

</div>

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

</form>

Step 6: Create Route

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::get('/form', function () {
    return view('form');
});

Route::get('/form', function () {

return view('form');

});

Step 7: Create View File

In this step, we will create a blade files that name form.blade.php file inside resources/views/ folder and put the following code into your file:

resources/views/form.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <title>Laravel Livewire Contact Form Tutorial From Scratch</title>
 
        <!-- Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
 
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css">
 
        <!-- Styles -->
        <style>
            html, body {
                background-color: #fff;
                color: #636b6f;
                font-family: 'Nunito', sans-serif;
                font-weight: 200;
                height: 100vh;
                margin: 0;
            }
 
            .full-height {
                height: 100vh;
            }
 
            .flex-center {
                align-items: center;
                display: flex;
                justify-content: center;
            }
 
            .position-ref {
                position: relative;
            }
 
            .top-right {
                position: absolute;
                right: 10px;
                top: 18px;
            }
 
            .content {
                text-align: center;
            }
 
            .title {
                font-size: 84px;
            }
 
            .links > a {
                color: #636b6f;
                padding: 0 25px;
                font-size: 13px;
                font-weight: 600;
                letter-spacing: .1rem;
                text-decoration: none;
                text-transform: uppercase;
            }
 
            .m-b-md {
                margin-bottom: 30px;
            }
        </style>
    </head>
<body>
    <div class="container mt-5">
        <div class="row mt-5 justify-content-center">
            <div class="mt-5 col-md-8">
                <div class="card">
                  <div class="card-header bg-success">
                    <h2 class="text-white">Laravel Livewire Form Tutorial From Scratch</h2>
                  </div>
                  <div class="card-body">
                    @livewire('contact-form')
                  </div>
                </div>
            </div>
        </div>
    </div>
    @livewireScripts
</body>
</html>

<!DOCTYPE html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>

<title>Laravel Livewire Contact Form Tutorial From Scratch</title>

<style>

html, body {

background-color: #fff;

color: #636b6f;

font-family: 'Nunito', sans-serif;

font-weight: 200;

height: 100vh;

margin: 0;

}

.full-height {

height: 100vh;

}

.flex-center {

align-items: center;

display: flex;

justify-content: center;

}

.position-ref {

position: relative;

}

.top-right {

position: absolute;

right: 10px;

top: 18px;

}

.content {

text-align: center;

}

.title {

font-size: 84px;

}

.links > a {

color: #636b6f;

padding: 0 25px;

font-size: 13px;

font-weight: 600;

letter-spacing: .1rem;

text-decoration: none;

text-transform: uppercase;

}

.m-b-md {

margin-bottom: 30px;

}

</style>

</head>

<body>

<h2 class="text-white">Laravel Livewire Form Tutorial From Scratch</h2>

</div>

@livewire('contact-form')

</div>

@livewireScripts

</body>

</html>

Step 8: 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/form

1	http://localhost:8000/form

Laravel 7 Custom Validation Error Messages Example

In this laravel 7 custom validation error messages example tutorial I will show you how to implement custom validation message error in laravel projects. In this tutorial you will learn to customize default validation message and use custom validation error messages in laravel forms. In this step by step guide I will demonstrate you how to use custom validation error messages on laravel forms.

Laravel 7 Custom Validation Error Messages Example

Step 1: Install Laravel Application
Step 2: Setup Database Credentials
Step 3: Run Migration Command
Step 4: Create Route
Step 5: Generate Controller By Command
Step 6: Create the blade view
Step 7: Run Development Server

Step 1: Install Laravel Application

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

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

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

Step 2: Setup Database Credentials

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=here your database name here
DB_USERNAME=here database username here
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Run Migration Command

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

php artisan migrate

1	php artisan migrate

Step 4: 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::get('form', 'CustomErrorController@create');
Route::post('store', 'CustomErrorController@store');

1 2	Route::get('form', 'CustomErrorController@create'); Route::post('store', 'CustomErrorController@store');

Step 5: Generate Controller By Command

Now, lets create a controller named CustomErrorController using command given below –

php artisan make:controller CustomErrorController

1	php artisan make:controller CustomErrorController

Now, go to app/Http/Controllers/CustomErrorController.php and put the following code into your controller file:

app/Http/Controllers/CustomErrorController.php

namespace App\Http\Controllers;
   
use Illuminate\Http\Request;
use App\User;
   
class CustomErrorController extends Controller
{
    public function create()
    {
        return view('form');
    }
   
    public function store(Request $request)
    {
        $request->validate(
            [
                'name' => 'required',
                'password' => 'required|min:5',
                'email' => 'required|email|unique:users'
            ], 
            [
                'name.required' => 'Name is required',
                'password.required' => 'Password is required'
            ]
          );
    
        $input = $request->all();
        $input['password'] = bcrypt($input['password']);
        $user = User::create($input);
     
        return back()->with('success', 'User created successfully.');
    }
}

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\User;

class CustomErrorController extends Controller

{

public function create()

{

return view('form');

}

public function store(Request $request)

{

$request->validate(

[

'name' => 'required',

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

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

[

'name.required' => 'Name is required',

'password.required' => 'Password is required'

]

);

$input = $request->all();

$input['password'] = bcrypt($input['password']);

$user = User::create($input);

return back()->with('success', 'User created successfully.');

}

Step 6: Create Blade View

Now, we will go to resources/views folder and create a blade view file name from.blade.php and put the following code into your file:

resources/views/form.blade.php

<!DOCTYPE html>
<html>
<head>
    <title>Laravel Custom Validation Error Message Example Tutorial</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
   
        <h1>Laravel Custom Validation Error Message Example</h1>
    
        @if(Session::has('success'))
        <div class="alert alert-success">
            {{ Session::get('success') }}
            @php
                Session::forget('success');
            @endphp
        </div>
        @endif
    
        <form method="POST" action="{{ route('store') }}">
   
            @csrf
   
            <div class="form-group">
                <label>Name:</label>
                <input type="text" name="name" class="form-control" placeholder="Name">
                @if ($errors->has('name'))
                    <span class="text-danger">{{ $errors->first('name') }}</span>
                @endif
            </div>
    
            <div class="form-group">
                <label>Password:</label>
                <input type="password" name="password" class="form-control" placeholder="Password">
                @if ($errors->has('password'))
                    <span class="text-danger">{{ $errors->first('password') }}</span>
                @endif
            </div>
     
            <div class="form-group">
                <strong>Email:</strong>
                <input type="text" name="email" class="form-control" placeholder="Email">
                @if ($errors->has('email'))
                    <span class="text-danger">{{ $errors->first('email') }}</span>
                @endif
            </div>
    
            <div class="form-group">
                <button class="btn btn-success btn-submit">Submit</button>
            </div>
        </form>
    </div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel Custom Validation Error Message Example Tutorial</title>

</head>

<body>

<h1>Laravel Custom Validation Error Message Example</h1>

@if(Session::has('success'))

@php

Session::forget('success');

@endphp

</div>

@endif

@csrf

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

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

@endif

</div>

<label>Password:</label>

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

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

@endif

</div>

<strong>Email:</strong>

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

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

@endif

</div>

<button class="btn btn-success btn-submit">Submit</button>

</div>

</form>

</div>

</body>

</html>

Step 7: 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/form

1	http://localhost:8000/form

How to Set or Increase Session Lifetime in Laravel

In this How to Set or Increase Session Lifetime in Laravel I will show you how to set or increase the session timeout or session lifetime in your laravel project. In laravel the session-timeout defines the default session timeout interval for all sessions. The session timeout is defined in minutes. In this tutorial you will learn following topics:

How to Set or Increase Session Lifetime in Laravel
What is default session time in laravel?
How does laravel session expire?

How to Set or Increase Session Lifetime in Laravel

In laravel if you want to set session lifetime for 1 year you can do this as following:

60 * 24 * 365 = 525600

1	60 * 24 * 365 = 525600

How to Set or Increase Session Lifetime in Laravel

Using .env File

SESSION_LIFETIME=525600

1	SESSION_LIFETIME=525600

If you set the session timeout in the .env file. The config directory has a session.php. In this file, the session timeout of your laravel web application is set in this way.

<?php
   
use Illuminate\Support\Str;
   
return [
   
    .....
   
    'lifetime' => env('SESSION_LIFETIME', 120),
   
    .....
   
]

<?php

use Illuminate\Support\Str;

return [

.....

'lifetime' => env('SESSION_LIFETIME', 120),

.....

]

Using Config File

O open config/session.php file and set session timeout as following:

<?php
   
use Illuminate\Support\Str;
   
return [
   
    .....
   
    'lifetime' => 1 * (60 * 24 * 365),
   
    .....
   
]

<?php

use Illuminate\Support\Str;

return [

.....

'lifetime' => 1 * (60 * 24 * 365),

.....

]

What is default session time in laravel?

The cookie_lifetime specifies the lifetime of the cookie in seconds which is sent to the browser. The value 0 means “until the browser is closed.” Defaults to 0.

How does laravel session expire?

If you want laravel session to immediately expire on the browser closing then set that option. | */ ‘lifetime’ => 4320, ‘expire_on_close’ => false, if you want to set session lifetime per user, you need to set this value before logging in the user.

Laravel Logout on Session Expire

In this Laravel Logout on Session Expire tutorial I’ll show you how to logout user’s on session expires. In this tutorial, you will learn to logout user and redirect to the login page when user session timeout or expired. In laravel you can also schedule a task using cron job and artisan command to auto-logout when session expired/session timeout and redirect user’s.

Laravel Logout on Session Expire

php artisan make:middleware SessionExpired

1	php artisan make:middleware SessionExpired

Step 1: Create Middleware file

This command will create a middleware name SessionExpired.php. Next find app/Http/Middleware/SessionExpired.php & update the following code into your middleware file:

<?php
 
namespace App\Http\Middleware;
 
use Closure;
use Illuminate\Session\Store;
use Auth;
use Session;
 
class SessionExpired {
    protected $session;
    protected $timeout = 1200;
     
    public function __construct(Store $session){
        $this->session = $session;
    }
    public function handle($request, Closure $next){
        $isLoggedIn = $request->path() != 'dashboard/logout';
        if(! session('lastActivityTime'))
            $this->session->put('lastActivityTime', time());
        elseif(time() - $this->session->get('lastActivityTime') > $this->timeout){
            $this->session->forget('lastActivityTime');
            $cookie = cookie('intend', $isLoggedIn ? url()->current() : 'dashboard');
            auth()->logout();
        }
        $isLoggedIn ? $this->session->put('lastActivityTime', time()) : $this->session->forget('lastActivityTime');
        return $next($request);
    }
}

<?php

namespace App\Http\Middleware;

use Closure;

use Illuminate\Session\Store;

use Auth;

use Session;

class SessionExpired {

protected $session;

protected $timeout = 1200;

public function __construct(Store $session){

$this->session = $session;

}

public function handle($request, Closure $next){

$isLoggedIn = $request->path() != 'dashboard/logout';

if(! session('lastActivityTime'))

$this->session->put('lastActivityTime', time());

elseif(time() - $this->session->get('lastActivityTime') > $this->timeout){

$this->session->forget('lastActivityTime');

$cookie = cookie('intend', $isLoggedIn ? url()->current() : 'dashboard');

auth()->logout();

}

$isLoggedIn ? $this->session->put('lastActivityTime', time()) : $this->session->forget('lastActivityTime');

return $next($request);

}

Step 2: Register the Middleware in Kernal file

In this step, Visit app/Http directory and open a file name Kernel.php & put the below code.

protected $middleware = [
        'Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode',
        'Illuminate\Cookie\Middleware\EncryptCookies',
        'Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse',
        'Illuminate\Session\Middleware\StartSession',
        'Illuminate\View\Middleware\ShareErrorsFromSession',
        'App\Http\Middleware\SessionDataCheckMiddleware'
    ];
protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \App\Http\Middleware\SessionExpired::class,
 
        ],
protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
    ];

protected $middleware = [

'Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode',

'Illuminate\Cookie\Middleware\EncryptCookies',

'Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse',

'Illuminate\Session\Middleware\StartSession',

'Illuminate\View\Middleware\ShareErrorsFromSession',

'App\Http\Middleware\SessionDataCheckMiddleware'

];

protected $middlewareGroups = [

'web' => [

\App\Http\Middleware\EncryptCookies::class,

\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,

\Illuminate\Session\Middleware\StartSession::class,

\App\Http\Middleware\SessionExpired::class,

protected $routeMiddleware = [

'auth' => \App\Http\Middleware\Authenticate::class,

];

Now open your browser put the below URL:

http://127.0.0.1:8000/

1	http://127.0.0.1:8000/

Laravel 7 Load More Data On Infinite Page Scroll

In this Laravel 7 Load More Tutorial From Scratch tutorial I’ll show you how to implement infinity scroll or dynamix ajax load more on page scroll in laravel. In this tutorial you will learn to implement dynamic load more pagination in laravel. In this step by step guide I’ll share example of ajax load more or infinity scroll in laravel.

Laravel 7 Load More Data On Infinite Page Scroll

Download Laravel Fresh Setup
Configure .env file
Create One Model and Migration
Create Route
Generate Controller by Command
Create Blade View
Run Development Server

Step 1: Download Laravel Fresh Setup

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

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

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

Step 2: Configure .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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Create Model and Migration

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

php artisan make:model Post -m

1	php artisan make:model Post -m

Now, go to app/database/migrations and open posts migration file and put following fields

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

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreatePostsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->increments('id');

$table->string('title');

$table->text('description');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('contacts');

}

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

php artisan migrate

1	php artisan migrate

Step 4: Create Route

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::get('posts', 'PostController@index');

1	Route::get('posts', 'PostController@index');

Step 5: Generate Controller by Command

Now, lets create a controller named PostController using command given below –

php artisan make:controller PostController

1	php artisan make:controller PostController

Now, go to app/http/controller/PostController and open PostController. And put the following code into your PostController file:

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Validator,Redirect,Response;
use App\Post;
class PostController extends Controller
{
    public function index(Request $request)
    {
        $posts = Post::paginate(8);
        $data = '';
        if ($request->ajax()) {
            foreach ($posts as $post) {
                $data.='<li>'.$post->id.' <strong>'.$post->title.'</strong> : '.$post->description.'</li>';
            }
            return $data;
        }
        return view('posts');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response;

use App\Post;

class PostController extends Controller

{

public function index(Request $request)

{

$posts = Post::paginate(8);

$data = '';

if ($request->ajax()) {

foreach ($posts as $post) {

$data.='<li>'.$post->id.' <strong>'.$post->title.'</strong> : '.$post->description.'</li>';

}

return $data;

}

return view('posts');

}

Step 6: Create a blade view

Now, we will create a blade file name posts.blade.php. And update the below HTML code into your posts.blade.php file:

<!doctype html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <title>Laravel load more page scroll</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
   
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<style>
   .wrapper > ul#results li {
     margin-bottom: 2px;
     background: #e2e2e2;
     padding: 20px;
     width: 97%;
     list-style: none;
   }
   .ajax-loading{
     text-align: center;
   }
</style>
</head>
  
<body>
  
  <div class="container">
   <div class="wrapper">
    <ul id="results"><!-- results appear here --></ul>
     <div class="ajax-loading"><img src="{{ asset('images/loading.gif') }}" /></div>
   </div>
  </div>
</body>
</html>

<!doctype html>

<head>

<title>Laravel load more page scroll</title>

<style>

.wrapper > ul#results li {

margin-bottom: 2px;

background: #e2e2e2;

padding: 20px;

width: 97%;

list-style: none;

}

.ajax-loading{

text-align: center;

}

</style>

</head>

<body>

</div>

</body>

</html>

This blade view file displays your all blog posts when you scroll the page down. Now, update the following script into your blade view file:

<script>
   var SITEURL = "{{ url('/') }}";
   var page = 1; //track user scroll as page number, right now page number is 1
   load_more(page); //initial content load
   $(window).scroll(function() { //detect page scroll
      if($(window).scrollTop() + $(window).height() >= $(document).height()) { //if user scrolled from top to bottom of the page
      page++; //page number increment
      load_more(page); //load content   
      }
    });     
    function load_more(page){
        $.ajax({
           url: SITEURL + "posts?page=" + page,
           type: "get",
           datatype: "html",
           beforeSend: function()
           {
              $('.ajax-loading').show();
            }
        })
        .done(function(data)
        {
            if(data.length == 0){
            console.log(data.length);
            //notify user if nothing to load
            $('.ajax-loading').html("No more records!");
            return;
          }
          $('.ajax-loading').hide(); //hide loading animation once data is received
          $("#results").append(data); //append data into #results element          
           console.log('data.length');
       })
       .fail(function(jqXHR, ajaxOptions, thrownError)
       {
          alert('No response from server');
       });
    }
</script>

var SITEURL = "{{ url('/') }}";

var page = 1; //track user scroll as page number, right now page number is 1

load_more(page); //initial content load

$(window).scroll(function() { //detect page scroll

if($(window).scrollTop() + $(window).height() >= $(document).height()) { //if user scrolled from top to bottom of the page

page++; //page number increment

load_more(page); //load content

}

});

function load_more(page){

$.ajax({

url: SITEURL + "posts?page=" + page,

type: "get",

datatype: "html",

beforeSend: function()

{

$('.ajax-loading').show();

}

})

.done(function(data)

{

if(data.length == 0){

console.log(data.length);

//notify user if nothing to load

$('.ajax-loading').html("No more records!");

return;

}

$('.ajax-loading').hide(); //hide loading animation once data is received

$("#results").append(data); //append data into #results element

console.log('data.length');

})

.fail(function(jqXHR, ajaxOptions, thrownError)

{

alert('No response from server');

});

}

</script>

Step 7: 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://127.0.0.1:8000/posts

1	http://127.0.0.1:8000/posts

Laravel 7 Livewire Crud Example

In this Laravel livewire crud example tutorial I will shoe you how to create simple crud application using livewire package in laravel. In this tutorial you will learn to create basic CRUD application using livewire package in laravel. In this article you will also learn how to validate laravel livewire forms, how to update livewire form data, and how to edit livewire form data in laravel.

Laravel 7 Livewire Crud Example

Step 1: Download Laravel Fresh App
Step 2: Setup Database Configuration
Step 3: Install Livewire
Step 4: Create Component
Step 5: Add Route
Step 6: Create Blade Views
Step 7: Run Development Server

Step 1: Download Laravel Fresh App

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

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

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

Step 2: Setup Database Configuration

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=Enter_Your_Database_Name
DB_USERNAME=Enter_Your_Database_Username
DB_PASSWORD=Enter_Your_Database_Password

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=Enter_Your_Database_Name

DB_USERNAME=Enter_Your_Database_Username

DB_PASSWORD=Enter_Your_Database_Password

Step 3: Install Livewire

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

composer require livewire/livewire

1	composer require livewire/livewire

Step 4: Create Component

In this step we will create a component using following command:

php artisan make:livewire users

1	php artisan make:livewire users

The above command will create two files on the following location:

app/Http/Livewire/Users.php
resources/views/livewire/users.blade.php

1 2	app/Http/Livewire/Users.php resources/views/livewire/users.blade.php

app/Http/Livewire/Users.php

<?php
namespace App\Http\Livewire;
use Livewire\Component;
use App\User;
class Users extends Component
{
    public $users, $name, $email, $user_id;
    public $updateMode = false;
    public function render()
    {
        $this->users = User::all();
        return view('livewire.users');
    }
    private function resetInputFields(){
        $this->name = '';
        $this->email = '';
    }
    public function store()
    {
        $validatedDate = $this->validate([
            'name' => 'required',
            'email' => 'required|email',
        ]);
        User::create($validatedDate);
        session()->flash('message', 'Users Created Successfully.');
        $this->resetInputFields();
    }
    public function edit($id)
    {
        $this->updateMode = true;
        $user = User::where('id',$id)->first();
        $this->user_id = $id;
        $this->name = $user->name;
        $this->email = $user->email;
         
    }
    public function cancel()
    {
        $this->updateMode = false;
        $this->resetInputFields();
    }
    public function update()
    {
        $validatedDate = $this->validate([
            'name' => 'required',
            'email' => 'required|email',
        ]);
        if ($this->user_id) {
            $user = User::find($this->user_id);
            $user->update([
                'name' => $this->name,
                'email' => $this->email,
            ]);
            $this->updateMode = false;
            session()->flash('message', 'Users Updated Successfully.');
            $this->resetInputFields();
        }
    }
    public function delete($id)
    {
        if($id){
            User::where('id',$id)->delete();
            session()->flash('message', 'Users Deleted Successfully.');
        }
    }
}

<?php

namespace App\Http\Livewire;

use Livewire\Component;

use App\User;

class Users extends Component

{

public $users, $name, $email, $user_id;

public $updateMode = false;

public function render()

{

$this->users = User::all();

return view('livewire.users');

}

private function resetInputFields(){

$this->name = '';

$this->email = '';

}

public function store()

{

$validatedDate = $this->validate([

'name' => 'required',

'email' => 'required|email',

]);

User::create($validatedDate);

session()->flash('message', 'Users Created Successfully.');

$this->resetInputFields();

}

public function edit($id)

{

$this->updateMode = true;

$user = User::where('id',$id)->first();

$this->user_id = $id;

$this->name = $user->name;

$this->email = $user->email;

}

public function cancel()

{

$this->updateMode = false;

$this->resetInputFields();

}

public function update()

{

$validatedDate = $this->validate([

'name' => 'required',

'email' => 'required|email',

]);

if ($this->user_id) {

$user = User::find($this->user_id);

$user->update([

'name' => $this->name,

'email' => $this->email,

]);

$this->updateMode = false;

session()->flash('message', 'Users Updated Successfully.');

$this->resetInputFields();

}

public function delete($id)

{

if($id){

User::where('id',$id)->delete();

session()->flash('message', 'Users Deleted Successfully.');

}

Step 5: Add Route

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::view('users','livewire.home');

1	Route::view('users','livewire.home');

Step 6: Create Blade Views

In this step we will create following blade views file and update the following code into your files:

resources/views/livewire/users.blade.php

<div>
    @if($updateMode)
        @include('livewire.update')
    @else
        @include('livewire.create')
    @endif
    <table class="table table-bordered mt-5">
        <thead>
            <tr>
                <th>No.</th>
                <th>Name</th>
                <th>Email</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach($users as $value)
            <tr>
                <td>{{ $value->id }}</td>
                <td>{{ $value->name }}</td>
                <td>{{ $value->email }}</td>
                <td>
                <button wire:click="edit({{ $value->id }})" class="btn btn-primary btn-sm">Edit</button>
                <button wire:click="delete({{ $value->id }})" class="btn btn-danger btn-sm">Delete</button>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div>

@if($updateMode)

@include('livewire.update')

@else

@include('livewire.create')

@endif

<thead>

<tr>

<th>Email</th>

<th>Action</th>

</tr>

</thead>

<tbody>

@foreach($users as $value)

<tr>

<td>{{ $value->id }}</td>

<td>{{ $value->name }}</td>

<td>{{ $value->email }}</td>

<td>

<button wire:click="edit({{ $value->id }})" class="btn btn-primary btn-sm">Edit</button>

<button wire:click="delete({{ $value->id }})" class="btn btn-danger btn-sm">Delete</button>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>

resources/views/livewire/home.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel Livewire CRUD Operation Tutorial From Scratch</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">
<h2>Laravel Livewire Crud - tutmake.com</h2>
</div>
<div class="card-body">
@if (session()->has('message'))
<div class="alert alert-success">
{{ session('message') }}
</div>
@endif
@livewire('users')
</div>
</div>
</div>
</div>
</div>
@livewireScripts
</body>
</html>

<!DOCTYPE html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>

<title>Laravel Livewire CRUD Operation Tutorial From Scratch</title>

<style>

html, body {

background-color: #fff;

color: #636b6f;

font-family: 'Nunito', sans-serif;

font-weight: 200;

height: 100vh;

margin: 0;

}

.full-height {

height: 100vh;

}

.flex-center {

align-items: center;

display: flex;

justify-content: center;

}

.position-ref {

position: relative;

}

.top-right {

position: absolute;

right: 10px;

top: 18px;

}

.content {

text-align: center;

}

.title {

font-size: 84px;

}

.links > a {

color: #636b6f;

padding: 0 25px;

font-size: 13px;

font-weight: 600;

letter-spacing: .1rem;

text-decoration: none;

text-transform: uppercase;

}

.m-b-md {

margin-bottom: 30px;

}

</style>

</head>

<body>

<h2>Laravel Livewire Crud - tutmake.com</h2>

</div>

@if (session()->has('message'))

</div>

@endif

@livewire('users')

</div>

@livewireScripts

</body>

</html>

resources/views/livewire/create.blade.php

<form>
<div class="form-group">
<label for="exampleFormControlInput1">Name</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Enter Name" wire:model="name">
@error('name') <span class="text-danger">{{ $message }}</span>@enderror
</div>
<div class="form-group">
<label for="exampleFormControlInput2">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput2" wire:model="email" placeholder="Enter Email">
@error('email') <span class="text-danger">{{ $message }}</span>@enderror
</div>
<button wire:click.prevent="store()" class="btn btn-success">Save</button>
</form>

<form>

@error('name') <span class="text-danger">{{ $message }}</span>@enderror

</div>

<label for="exampleFormControlInput2">Email address</label>

@error('email') <span class="text-danger">{{ $message }}</span>@enderror

</div>

</form>

resources/views/livewire/update.blade.php

<form>
<div class="form-group">
<input type="hidden" wire:model="user_id">
<label for="exampleFormControlInput1">Name</label>
<input type="text" class="form-control" wire:model="name" id="exampleFormControlInput1" placeholder="Enter Name">
@error('name') <span class="text-danger">{{ $message }}</span>@enderror
</div>
<div class="form-group">
<label for="exampleFormControlInput2">Email address</label>
<input type="email" class="form-control" wire:model="email" id="exampleFormControlInput2" placeholder="Enter Email">
@error('email') <span class="text-danger">{{ $message }}</span>@enderror
</div>
<button wire:click.prevent="update()" class="btn btn-dark">Update</button>
<button wire:click.prevent="cancel()" class="btn btn-danger">Cancel</button>
</form>

<form>

@error('name') <span class="text-danger">{{ $message }}</span>@enderror

</div>

<label for="exampleFormControlInput2">Email address</label>

@error('email') <span class="text-danger">{{ $message }}</span>@enderror

</div>

<button wire:click.prevent="update()" class="btn btn-dark">Update</button>

<button wire:click.prevent="cancel()" class="btn btn-danger">Cancel</button>

</form>

Step 7: 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/users

1	http://localhost:8000/users

Laravel 7 jwt Authentication Rest API Tutorial

In this Laravel 7 jwt Authentication Rest API Tutorial I’ll show you how to build the rest APIs with jwt (JSON web token) authentication in laravel 7. In this example I’ll also show you how to install jwt auth and configure jwt auth in laravel 7. In this article, we will learn to create fully functional restful API with JWT Authentication in Laravel 7. In this tutorial, we will be creating fully functional REST API along with JWT Authentication.

Laravel 7 jwt Authentication Rest API Tutorial

Step 1: Install Laravel 7/6/5 App
Step 2: Configure Database
Step 3: Install jwt laravel
Step 4: Configure jwt in laravel
Step 5: Generate jwt secret key
Step 6: Add jwt Class in Model
Step 7: Add Api Routes
Step 8: Create Api Controller
Step 9: Run Development Server

Step 1: Install Laravel 7/6/5 App

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

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

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

Step 2: 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.

DB_CONNECTION=mysql 
 DB_HOST=127.0.0.1 
 DB_PORT=3306 
 DB_DATABASE=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Install jwt laravel

In this step, we will install tymon jwt auth package via the composer dependency manager. Use the following command to install laravel jwt authentication package.

composer require tymon/jwt-auth

1	composer require tymon/jwt-auth

Step 4: Configure jwt in laravel

After Installing tymon/jwt-auth package, we need to add service provider and alias in config/app.php file as following.

config/app.php

'providers' => [
….
'Tymon\JWTAuth\Providers\JWTAuthServiceProvider',
],
'aliases' => [
….
'JWTAuth' => 'Tymon\JWTAuth\Facades\JWTAuth',
'JWTFactory' => 'Tymon\JWTAuth\Facades\JWTFactory',
],

'providers' => [

….

'Tymon\JWTAuth\Providers\JWTAuthServiceProvider',

'aliases' => [

….

'JWTAuth' => 'Tymon\JWTAuth\Facades\JWTAuth',

'JWTFactory' => 'Tymon\JWTAuth\Facades\JWTFactory',

After that, run the below given command to publish the configuration file in Laravel for jwt auth:

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

1	php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

Step 5: Generate jwt secret key

Now, you need to generate jwt encryption keys. Use the following command to generate encryption keys needed to generate secure access tokens:

php artisan jwt:generate

1	php artisan jwt:generate

Now, open JWTGenerateCommand.php file and put the following code,

vendor/tymon/src/Commands/JWTGenerateCommand.php

public function handle() { 
 $this->fire(); 
}

public function handle() {

$this->fire();

}

Step 6: Add jwt Class in Model

In this step, Navigate to App folder and open User.php file. Then update the following code into User.php:

<?php 
 
namespace App;
 
use Illuminate\Notifications\Notifiable;
use Illuminate\Foundation\Auth\User as Authenticatable;
 
class User extends Authenticatable
{
    use Notifiable;
 
    protected $fillable = [
        'name', 'email', 'password',
    ];
 
    protected $hidden = [
        'password', 'remember_token',
    ];
 
}

<?php

namespace App;

use Illuminate\Notifications\Notifiable;

use Illuminate\Foundation\Auth\User as Authenticatable;

class User extends Authenticatable

{

use Notifiable;

protected $fillable = [

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

];

protected $hidden = [

'password', 'remember_token',

];

}

Step 7: Add Api Routes

Now, go to routes folder and open api.php. Then put the following routes into api.php file:

Route::post('login', 'JwtAuthController@login');
Route::post('register', 'JwtAuthController@register');
  
Route::group(['middleware' => 'auth.jwt'], function () {
 
    Route::get('logout', 'JwtAuthController@logout');
    Route::get('user-info', 'JwtAuthController@getUser');
});

Route::post('login', 'JwtAuthController@login');

Route::post('register', 'JwtAuthController@register');

Route::group(['middleware' => 'auth.jwt'], function () {

Route::get('logout', 'JwtAuthController@logout');

Route::get('user-info', 'JwtAuthController@getUser');

});

Step 8: Create Api Controller

php artisan make:controller JwtAuthController

1	php artisan make:controller JwtAuthController

After that, you need to create some methods in JwtAuthController.php. So go to app/http/controllers/ and open JwtAuthController.php file. Then put the following methods into your JwtAuthController.php file:

<?php
namespace App\Http\Controllers;
use JWTAuth;
use Validator;
use App\User;
use Illuminate\Http\Request;
use App\Http\Requests\RegisterAuthRequest;
use Tymon\JWTAuth\Exceptions\JWTException;
use Symfony\Component\HttpFoundation\Response;
class JwtAuthController extends Controller
{
public $token = true;
public function register(Request $request)
{
$validator = Validator::make($request->all(), 
[ 
'name' => 'required',
'email' => 'required|email',
'password' => 'required',  
'c_password' => 'required|same:password', 
]);  
if ($validator->fails()) {  
return response()->json(['error'=>$validator->errors()], 401); 
}   
$user = new User();
$user->name = $request->name;
$user->email = $request->email;
$user->password = bcrypt($request->password);
$user->save();
if ($this->token) {
return $this->login($request);
}
return response()->json([
'success' => true,
'data' => $user
], Response::HTTP_OK);
}
public function login(Request $request)
{
$input = $request->only('email', 'password');
$jwt_token = null;
if (!$jwt_token = JWTAuth::attempt($input)) {
return response()->json([
'success' => false,
'message' => 'Invalid Email or Password',
], Response::HTTP_UNAUTHORIZED);
}
return response()->json([
'success' => true,
'token' => $jwt_token,
]);
}
public function logout(Request $request)
{
$this->validate($request, [
'token' => 'required'
]);
try {
JWTAuth::invalidate($request->token);
return response()->json([
'success' => true,
'message' => 'User logged out successfully'
]);
} catch (JWTException $exception) {
return response()->json([
'success' => false,
'message' => 'Sorry, the user cannot be logged out'
], Response::HTTP_INTERNAL_SERVER_ERROR);
}
}
public function getUser(Request $request)
{
$this->validate($request, [
'token' => 'required'
]);
$user = JWTAuth::authenticate($request->token);
return response()->json(['user' => $user]);
}
}

<?php

namespace App\Http\Controllers;

use JWTAuth;

use Validator;

use App\User;

use Illuminate\Http\Request;

use App\Http\Requests\RegisterAuthRequest;

use Tymon\JWTAuth\Exceptions\JWTException;

use Symfony\Component\HttpFoundation\Response;

class JwtAuthController extends Controller

{

public $token = true;

public function register(Request $request)

{

$validator = Validator::make($request->all(),

[

'name' => 'required',

'email' => 'required|email',

'password' => 'required',

'c_password' => 'required|same:password',

]);

if ($validator->fails()) {

return response()->json(['error'=>$validator->errors()], 401);

}

$user = new User();

$user->name = $request->name;

$user->email = $request->email;

$user->password = bcrypt($request->password);

$user->save();

if ($this->token) {

return $this->login($request);

}

return response()->json([

'success' => true,

'data' => $user

], Response::HTTP_OK);

}

public function login(Request $request)

{

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

$jwt_token = null;

if (!$jwt_token = JWTAuth::attempt($input)) {

return response()->json([

'success' => false,

'message' => 'Invalid Email or Password',

], Response::HTTP_UNAUTHORIZED);

}

return response()->json([

'success' => true,

'token' => $jwt_token,

]);

}

public function logout(Request $request)

{

$this->validate($request, [

'token' => 'required'

]);

try {

JWTAuth::invalidate($request->token);

return response()->json([

'success' => true,

'message' => 'User logged out successfully'

]);

} catch (JWTException $exception) {

return response()->json([

'success' => false,

'message' => 'Sorry, the user cannot be logged out'

], Response::HTTP_INTERNAL_SERVER_ERROR);

}

public function getUser(Request $request)

{

$this->validate($request, [

'token' => 'required'

]);

$user = JWTAuth::authenticate($request->token);

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

}

Step 9: 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

Laravel 7 Crud with Image Upload From Scratch

Step 1: Install Laravel Fresh Setup

Step 2: Setup Database Credentials

Step 3: Generate Model and Migration

4). Create Resource Route & Controller

Step 5: Create the blade view

Step 6: Run Development Server

Laravel 7/6 socialite Linkedin Login Example

Step 1: Install the laravel App

Step 2: Connect App to Database

Step 3: Download Socialite Package

Step 4: Create a Linkedin App

Step 5: Add Code in Migration, Model File

Step 6: Run Migration

Step 7: Add Routes for Linkedin Login

Step 8: Create Controller

Step 9: Generate Bootstrap Auth File

Install Laravel UI

Create Auth

NPM Install

Step 10: Add Linkedin Login In Blade View

Step 11: Run Development Server

Laravel 7/6 Login Registration Logout Example

1. First Install Laravel Fresh Project

2. Configuration changes in .env file

3. Generate Laravel Application Key

4. Database Migration

5. Laravel Authentication

6. Run the Development Server

Laravel 7 Ajax Get Data From Database

Step 1: First Install New Laravel Setup

Step 2: Configure .env file

Step 3: Make Route

Step 4: Generate Controller by Command

Step 5: Create blade view :

Step 6: Run Development Server

How to Use try catch In laravel Example Tutorial

Find Product By Title

Controller with two methods:

Get Errors

Laravel Livewire Form Tutorial

Step 1: Install Laravel

Step 2: Add Database Detail

Step 3: Generate Model and Migration By Command

Step 4: Install Livewire

Step 5: Create Component

Step 6: Create Route

Step 7: Create View File

Step 8: Run Development Server

Laravel 7 Custom Validation Error Messages Example

Step 1: Install Laravel Application

Step 2: Setup Database Credentials

Step 3: Run Migration Command

Step 4: Create Routes

Step 5: Generate Controller By Command

Step 6: Create Blade View

Step 7: Run Development Server

How to Set or Increase Session Lifetime in Laravel

How to Set or Increase Session Lifetime in Laravel

Using .env File

Using Config File

What is default session time in laravel?

How does laravel session expire?

Laravel Logout on Session Expire

Step 1: Create Middleware file

Step 2: Register the Middleware in Kernal file

Laravel 7 Load More Data On Infinite Page Scroll

Step 1: Download Laravel Fresh Setup

Step 2: Configure .env file

Step 3: Create Model and Migration

Step 4: Create Route

Step 5: Generate Controller by Command

Step 6: Create a blade view

Step 7: Run Development Server

Laravel 7 Livewire Crud Example

Step 1: Download Laravel Fresh App

Step 2: Setup Database Configuration

Step 3: Install Livewire

Step 4: Create Component

Step 5: Add Route