Category Archives: Laravel

Laravel Tutorials

Laravel Query Scope Example Tutorial

In this Laravel Query Scope Example Tutorial I will show you how to use query scopes in laravel eloquent model. In this tutorial you will learn to implement and use query scopes in laravel eloquent model. I will Also show you how to create and use dynamic query scope in laravel applications.

Laravel Query Scope Example Tutorial

In this step by step guide I will demonstrate you to create and use dynamic query scope in laravel applications.

Create Basic Scope in Model

Here we will first create a basic scope. Go to app/Post.php and create a scope here:

<?php
  
namespace App;
  
use Illuminate\Database\Eloquent\Model;
  
class Post extends Model
{
    public $table = "posts";
      
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'id', 'title', 'body', 'status'
    ];
    /**
     * Scope a query to only include popular users.
     *
     * @param \Illuminate\Database\Eloquent\Builder $query
     * @return \Illuminate\Database\Eloquent\Builder
     */

    public function scopeStatus($query)
    {
        return $query->whereDate('status', 1);
    }
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

public $table = "posts";

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'id', 'title', 'body', 'status'

];

/**

* Scope a query to only include popular users.

* @param \Illuminate\Database\Eloquent\Builder $query

* @return \Illuminate\Database\Eloquent\Builder

public function scopeStatus($query)

{

return $query->whereDate('status', 1);

}

Use Basic Query Scope on Controller:

We can use basic query scope as following:

Post::status()->get(['id','title']);

1	Post::status()->get(['id','title']);

Create Dynamic Scope in Model

Now we are creating a dynamic query scope in laravel model as following:

<?php
  
namespace App;
  
use Illuminate\Database\Eloquent\Model;
  
class Post extends Model
{
    public $table = "posts";
      
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'id', 'title', 'body', 'status'
    ];
    /**
     * Scope a query to only include popular users.
     *
     * @param \Illuminate\Database\Eloquent\Builder $query
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public function scopeStatus($query, $type)
    {
        return $query->where('status', $type);
    }
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model

{

public $table = "posts";

/**

* The attributes that are mass assignable.

* @var array

protected $fillable = [

'id', 'title', 'body', 'status'

];

/**

* Scope a query to only include popular users.

* @param \Illuminate\Database\Eloquent\Builder $query

* @return \Illuminate\Database\Eloquent\Builder

public function scopeStatus($query, $type)

{

return $query->where('status', $type);

}

Use Dynamic Scope Query On Controller

We can use dynamic scope in laravel as following:

Post::status(1)->get(['id',title']);

1	Post::status(1)->get(['id',title']);

Apply Scope to Relationship Laravel

Here, you will learn how to use query scopes with laravel relationship. Go to your App/Category.php and create a relationship between Categories and Posts Tables:

class Category extends \Eloquent

{

    public function posts()

    {

        return $this->HasMany('Post');

    }

}

class Category extends \Eloquent

{

public function posts()

{

return $this->HasMany('Post');

}

Go to your App/Post.php and create a relationship between Posts and Categories Tables:

class Post extends \Eloquent
 {
    public function category()
    {
        return $this->belongsTo('Category');
    }
 public function scopePublished($query)
    {
        return $query->where('published', 1);
    }
 }

class Post extends \Eloquent

{

public function category()

{

return $this->belongsTo('Category');

}

public function scopePublished($query)

{

return $query->where('published', 1);

}

Use query scope with relationship

Here we can use query scope with relationship as following:

$categories = Category::with(['posts' => function ($q) {

  $q->published();

}])->get();

$categories = Category::with(['posts' => function ($q) {

$q->published();

}])->get();

Laravel 7 Google Autocomplete Address Example Tutorial

In this Laravel 7 Google Autocomplete Address Example Tutorial, I’ll show you how to integrate Address or location Autocomplete using Google Autocomplete in laravel 7. In this tutorial you will learn to implement google autocomplete in laravel 7.

Google Autocomplete

Google autocomplete widget is used to display suggestions for places, address and location as soon as the user starts typing in the given input box.

Laravel 7 Google Autocomplete Address Example Tutorial

In this laravel 7 google autocomplete tutorial I’ll demonstrate you step by step process to integrate google autocomplete in laravel 7 project. Pleasae follow the instructions given below:

Install Laravel Application
Get Api Key From Google
Create Route
Generate Controller by Command
Create Blade View
Run Development Server
Conclusion

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: Get Api Key From Google

Now, we need to get Google API key to enable the communication between client and Google server. Now follow the instructions given below to get Google API Key:

Visit Google Cloud Platform.
Click on the project dropdown at the top to create the project.
Click APIs & Services > Credentials.
Now, click on Create Credentials > API key.
Copy google API and store in some text file.
Now we need to enable few services, so click on Credentials > “Enable APIs and Services”, additionally enable “Maps JavaScript API” and “Places API” services.

Step 3: 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("auto-complete", "GoogleController@index");

1	Route::get("auto-complete", "GoogleController@index");

Step 4: Generate Controller by Command

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

php artisan make:controller GoogleController

1	php artisan make:controller GoogleController

After successfully create controller go to app/controllers/GoogleController.php and put the following code :

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
class GoogleController extends Controller
{
    // ---------------- [ Load View ] ----------------
    public function index(Request $request) {
 
        return view("auto-complete");
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class GoogleController extends Controller

{

// ---------------- [ Load View ] ----------------

public function index(Request $request) {

return view("auto-complete");

}

Step 5: Create Blade view

Now, we will create a blade view file. Go to app/resources/views and create one file name auto-complete.blade.php :

<!doctype html>
<html lang="en">
<head>
<title>Google Autocomplete Address Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="crossorigin="anonymous"></script>
</head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-8 col-sm-12 col-12 m-auto">
<div class="card shadow">
<div class="card-header bg-primary">
<h5 class="card-title text-white"> Google Autocomplete Address</h5>
</div>
<div class="card-body">
<div class="form-group">
<label for="autocomplete"> Location/City/Address </label>
<input type="text" name="autocomplete" id="autocomplete" class="form-control" placeholder="Select Location">
</div>
<div class="form-group" id="lat_area">
<label for="latitude"> Latitude </label>
<input type="text" name="latitude" id="latitude" class="form-control">
</div>
<div class="form-group" id="long_area">
<label for="latitude"> Longitude </label>
<input type="text" name="longitude" id="longitude" class="form-control">
</div>
</div>
<div class="card-footer">
<button type="submit" class="btn btn-success"> Submit </button>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

<!doctype html>

<head>

<title>Google Autocomplete Address Example</title>

</head>

<body>

<h5 class="card-title text-white"> Google Autocomplete Address</h5>

</div>

<label for="autocomplete"> Location/City/Address </label>

</div>

<label for="latitude"> Latitude </label>

</div>

<label for="latitude"> Longitude </label>

</div>

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

</div>

</body>

</html>

Add Autocomplete Script

{{-- javascript code --}}
<script src="https://maps.google.com/maps/api/js?key=AIzaSyDxTV3a6oL6vAaRookXxpiJhynuUpSccjY&libraries=places&callback=initAutocomplete" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#lat_area").addClass("d-none");
$("#long_area").addClass("d-none");
});
</script>
<script>
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var input = document.getElementById('autocomplete');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.addListener('place_changed', function() {
var place = autocomplete.getPlace();
$('#latitude').val(place.geometry['location'].lat());
$('#longitude').val(place.geometry['location'].lng());
// --------- show lat and long ---------------
$("#lat_area").removeClass("d-none");
$("#long_area").removeClass("d-none");
});
}
</script>

$(document).ready(function() {

$("#lat_area").addClass("d-none");

$("#long_area").addClass("d-none");

});

</script>

google.maps.event.addDomListener(window, 'load', initialize);

function initialize() {

var input = document.getElementById('autocomplete');

var autocomplete = new google.maps.places.Autocomplete(input);

autocomplete.addListener('place_changed', function() {

var place = autocomplete.getPlace();

$('#latitude').val(place.geometry['location'].lat());

$('#longitude').val(place.geometry['location'].lng());

// --------- show lat and long ---------------

$("#lat_area").removeClass("d-none");

$("#long_area").removeClass("d-none");

});

}

</script>

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/auto-complete

1	http://localhost:8000/auto-complete

Laravel 7/6 Ajax Multiple Image Upload with Preview

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

Laravel 7/6 Ajax Multiple Image Upload with Preview

Install Laravel Fresh Setup
Setup Database Credentials
Create Route
Generate Controller By Command
Create the blade view
Start Development Server

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

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

3: 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('images-upload', 'ImageController@imagesUpload');
 
Route::post('images-upload', 'ImageController@imagesUploadPost')->name('images.upload');

Route::get('images-upload', 'ImageController@imagesUpload');

Route::post('images-upload', 'ImageController@imagesUploadPost')->name('images.upload');

4: Generate Controller by Command

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

php artisan make:controller ImageController

1	php artisan make:controller ImageController

The above command will create a controller name ImageController. Now, open controller app/HTTP/Controller/ImageController and put the following code in it:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
class HomeController extends Controller
 
{
 
    /**
 
     * Create a new controller instance.
 
     *
 
     * @return void
 
     */
 
    public function imagesUpload()
 
    {
 
        return view('image');
 
    }
 
 
 
    /**
 
     * Create a new controller instance.
 
     *
 
     * @return void
 
     */
 
    public function imagesUploadPost(Request $request)
 
    {
 
        request()->validate([
 
            'uploadFile' => 'required',
 
        ]);
 
 
 
        foreach ($request->file('uploadFile') as $key => $value) {
 
            $imageName = time(). $key . '.' . $value->getClientOriginalExtension();
 
            $value->move(public_path('images'), $imageName);
 
        }
 
 
 
        return response()->json(['success'=>'Images Uploaded Successfully.']);
 
    }
 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller

{

/**

* Create a new controller instance.

* @return void

public function imagesUpload()

{

return view('image');

}

/**

* Create a new controller instance.

* @return void

public function imagesUploadPost(Request $request)

{

request()->validate([

'uploadFile' => 'required',

]);

foreach ($request->file('uploadFile') as $key => $value) {

$imageName = time(). $key . '.' . $value->getClientOriginalExtension();

$value->move(public_path('images'), $imageName);

}

return response()->json(['success'=>'Images Uploaded Successfully.']);

}

5: Create the blade view

Now, we will create some blade views files, Go to app/resources/views/ and create a blade file name image.blade.php and put the following code into your file:

image.blade.php

<!DOCTYPE html>
 
<html>
 
<head>
 
  <title>Laravel Ajax Multiple Image Upload with Preview Example</title>
 
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
 
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script>
 
 
 
  <style type="text/css">
 
    input[type=file]{
 
      display: inline;
 
    }
 
    #imgPreview{
 
      border: 1px solid black;
 
      padding: 10px;
 
    }
 
    #imgPreview img{
 
      width: 200px;
 
      padding: 5px;
 
    }
 
  </style>
 
 
 
</head>
 
<body>
 
<div class="container">
 
  <h1>Laravel Multiple Image Upload using Ajax with Preview Example</h1>
 
  <form action="{{ route('images.upload') }}" method="post" enctype="multipart/form-data">
 
      {{ csrf_field() }}
 
      <input type="file" id="uploadFile" name="uploadFile[]" multiple/>
 
      <input type="submit" class="btn btn-success" name='submitImage' value="Upload Image"/>
 
  </form>
 
 
 
  <br/>
 
  <div id="imgPreview"></div>
 
</div>
 
 
 
</body>
 
 
 
<script type="text/javascript">
 
 
 
  $("#uploadFile").change(function(){
 
     $('#imgPreview').html("");
 
     var total_file=document.getElementById("uploadFile").files.length;
 
     for(var i=0;i<total_file;i++)
 
     {
 
      $('#imgPreview').append("<img src='"+URL.createObjectURL(event.target.files[i])+"'>");
 
     }
 
  });
 
 
 
  $('form').ajaxForm(function() 
 
   {
 
    alert("Uploaded SuccessFully");
 
   }); 
 
 
 
</script>
 
</html>

100

101

102

103

104

105

106

107

108

109

110

111

<!DOCTYPE html>

<html>

<head>

<title>Laravel Ajax Multiple Image Upload with Preview Example</title>

input[type=file]{

display: inline;

}

#imgPreview{

border: 1px solid black;

padding: 10px;

}

#imgPreview img{

width: 200px;

padding: 5px;

}

</style>

</head>

<body>

<h1>Laravel Multiple Image Upload using Ajax with Preview Example</h1>

</form>

<br/>

</div>

</body>

$("#uploadFile").change(function(){

$('#imgPreview').html("");

var total_file=document.getElementById("uploadFile").files.length;

for(var i=0;i<total_file;i++)

{

$('#imgPreview').append("<img src='"+URL.createObjectURL(event.target.files[i])+"'>");

}

});

$('form').ajaxForm(function()

{

alert("Uploaded SuccessFully");

});

</script>

</html>

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/images-upload

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

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 Query Scope Example Tutorial

Create Basic Scope in Model

Use Basic Query Scope on Controller:

Create Dynamic Scope in Model

Use Dynamic Scope Query On Controller

Apply Scope to Relationship Laravel

Use query scope with relationship

Google Autocomplete

Laravel 7 Google Autocomplete Address Example Tutorial

Step 1: Install Laravel Application

Step 2: Get Api Key From Google

Step 3: Create Route

Step 4: Generate Controller by Command

Step 5: Create Blade view

Add Autocomplete Script

Step 6: Run Development Server

Laravel 7/6 Ajax Multiple Image Upload with Preview

1: Install Laravel Fresh Setup

2: Setup Database Credentials

3: Create Route

4: Generate Controller by Command

5: Create the blade view

6: Run Development Server

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