Web Prepration

Web Concept Tutorials

Laravel CURD operation

How To Create Custom Validation Rules in Laravel

by Leave a Comment

Laravel is the most powerful and very popular framework in PHP, Laravel provides so many helpful validations rules but if you want to define own validation rules then you can easily define rules. In this post, I am going to explain “How to create custom validation rule in Laravel 5”.

Custom validation rule is very useful and interesting concept of laravel, So I will show you how to create custom validation and use same as predefined laravel validation rules.

In this post, I will show you step by step create custom validation rule to validate Indian phone number that start with +91 .

Step 1 :- Create routes for display form and check validation before submit form

app/Http/routes.php

1
2
3
4
 
Route::get('custom-validation','DemoController@customValidation');
Route::post('savedata','DemoController@savedata');
 

 

Step 2 :- In this create controller file like DemoController.php and copy below code and paste it in your file.

app/Http/Controllers/DemoController.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<?php
namespace App\Http\Controllers;
 
 
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
 
 
 
class DemoController extends Controller
{
 
    
    function customValidation(){
        return view('form_view');
    }
    function savedata(Request $request){
       $this->validate($request, [
            'phone' => 'required|indian_phone',
        ]);
        return 'successfully';
    }
    
}
 
?>
 

 

Step 3 :- In this step we will declare and write code for custom validation rule, So first open app/Providers/AppServiceProvider.php

file and put the given code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<?php
 
namespace App\Providers;
 
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Facades\Schema;
use Validator;
 
 
class AppServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
       Schema::defaultStringLength(191);
        Validator::extend('indian_phone', function($attribute, $value, $parameters) {
            return substr($value, 0, 3) == '+91';
        });
    }
 
    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}
 

 

Now, we have to give error message for new created custom validation rules, so register custom message open resoueces/lang/en/validation.phpand put one line as i did bellow

resoueces/lang/en/validation.php

1
2
3
4
5
6
7
 
'custom' => [
    'phone' => [
        'indian_phone' => 'Please enter Indian phone number which starts with +91',
        ],
    ],
 

 

Step 4:- This is last step and you have to create one view for demo. so just copy bellow code and put on following file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Custom Validation In Laravel</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
​
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">Custom Validation In Laravel
    </div>
​
      <div class="panel-body"> ​
       <div class="panel-body">  
         <div class="row">
          @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
          <form action="{{url('/')}}/savedata" method="post" id="sitelogo">
           {{csrf_field() }}
            <div class="form-group">
              <label for="phone">Phone: </label>
              <input type="text" class="form-control" id="phone" name="phone">
            </div>
             <button type="submit" class="btn btn-default">Submit</button>
          </form>        
      </div>
        </div>
​
       </div>
       </div>
  
</div>
​
</body>
</html>
​
 

Laravel custom validation rule

 

View Demo
 

I hope you might have understood it properly, keep reading our other blog posts for more coding tricks.

Thanks!!

Ajax Image Upload Example with Validation in PHP Laravel Framework

by 7 Comments

In this post, I am going to explain “How to upload image using ajax in laravel “. Laravel provide very simple way to store image or file on server. Laravel also provide validation for max file size, Image mime type and height width etc.

So, If we make image upload using jquery ajax then it become good for our GUI and best. So Today in this post we will learn how to upload image using jquery ajax.

Here i give you full example of ajax image uploading step by step like create laravel project, migration, model, route, blade file etc. So you have to just follow few step as listed bellow.

Step 1:- Install laravel using below command

1
2
3
 
composer create-project --prefer-dist laravel/laravel ajaxImageDemo
 

 

Step 2:- After installation need to setup database configuration in .env file like

1
2
3
4
5
6
 
DB_HOST=localhost
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
 

Step 3:- Now create image table,  Model and Migration for store image in database

1
2
3
 
php artisan make:migration create_image_tabel
 

After this command you will find image migration file on following path database/migrations and you have to put bellow code in your migration file for create table.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<?php
 
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
 
class CreateImageTabel extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('ajax_images', function (Blueprint $table) {
            $table->increments('id');
            $table->string('image');
            $table->timestamps();
        });
    }
 
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::drop("images");
    }
}
 

Now we need to run migration command

1
2
3
 
php artisan migrate
 

After create table, Now we need to create Model using below command

1
2
3
 
php artisan make:model Image
 

Now copy below code and paste in Image model file

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<?php
 
 
namespace App;
 
 
use Illuminate\Database\Eloquent\Model;
 
 
class Image extends Model
{
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'image'
    ];
}
 

Step 4:- In this step we need to create route for ajax image upload in route file

routes/web.php

1
2
3
4
 
Route::get('ajax-upload-image','DemoController@index');
Route::post('uploadImage','DemoController@uploadImage');
 

Step 5:- Now we should create controller as DemoController.php file

app/Http/Controllers/DemoController.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<?php
 
 
namespace App\Http\Controllers;
 
 
use Illuminate\Http\Request;
use Validator;
use App\Image;
 
 
class DemoController extends Controller
{
/**
     * Show the application .
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
     return view('ajaxImageUpload');
    }
 
 
    /**
     * Show the application .
     *
     * @return \Illuminate\Http\Response
     */
    public function uploadImage(Request $request)
    {
      $validator = Validator::make($request->all(), [
        'image' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
      ]);
 
 
      if ($validator->passes()) {
 
 
        $input = $request->all();
        $input['image'] = time().'.'.$request->image->getClientOriginalExtension();
        $request->image->move(public_path('images'), $input['image']);
 
 
        Image::create($input);
 
 
        return response()->json(['success'=>'done']);
      }
 
 
      return response()->json(['error'=>$validator->errors()->all()]);
    }
}
 

Step 6:- Now we should create view file ajaxImageUpload.blade.php for layout, So just copy below code paste in view file.

resources/views/ajaxImageUpload.blade.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">  
 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Webprepration Demo</title>
<link rel="icon" href="https://webprepration.com/wp-content/uploads/2017/11/wp-65x65.png" sizes="32x32" />
<link rel="icon" href="https://webprepration.com/wp-content/uploads/2017/11/wp-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://webprepration.com/wp-content/uploads/2017/11/wp-300x300.png" />
<meta name="msapplication-TileImage" content="https://webprepration.com/wp-content/uploads/2017/11/wp-300x300.png" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <link rel="stylesheet" type="text/css" href="https://webprepration.com/demo/css/style.css">
<link href="public/css/sweetalert.css" rel="stylesheet">
  </head>
  <body>
 
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">WEB PREPRATION</span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="https://webprepration.com/">WEB PREPRATION</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">        
          <ul class="nav navbar-nav navbar-right">
            <li class="sa"><a href="https://webprepration.com/category/php/">PHP</a></li>
            <li class="sa"><a href="https://webprepration.com/category/wordpress/">WordPress</a></li>
            <li class="sa"><a href="https://webprepration.com/category/wordpress/">Plugins</a></li>
            <li class="sa"><a href="https://webprepration.com/category/codeignitor/">CodeIgnitor</a></li>
            <li class="sa"><a href="https://webprepration.com/category/laravel/">Laravel</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav><!--/nav-->
 
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">Upload Image Using Ajax in Laravel
    </div>
 
      <div class="panel-body">
 
       <div class="panel-body">  
         <div class="row">
          <form action="" method="post" id="sitelogo">
            <div class="form-group">
              <input type="file" class="form-control" id="logo" name="logo">              
            </div>
            <div class="form-group">
              <img id="myImg" src="{{url('/')}}/public/uploads/{{ (isset($setting->logo) && $setting->logo) !='' ? $setting->logo : 'images.jpg'}}" style="max-width: 500px;max-height: 400px;width: 100%;">            
            </div>
          </form>        
      </div>
        </div>
 
       </div>
       </div>
  
</div>  
 
<div class="footer-bottom">
   <div class="container">
      <div class="row">
         <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <div class="copyright" style="font-family: sans-serif;">
               Web Prepration <span style="color: #504f4f;">Copyright © 2017.</span>
            </div>
         </div>
         <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <div class="copyright" align="center">
               <a href="https://webprepration.com" style="color: #337ab7;">Home</a>|
               <a href="https://webprepration.com/about-us/" style="color: #337ab7;">About Us</a>|
               <a href="https://webprepration.com/contact-us/" style="color: #337ab7;">Contact</a>
            </div>
         </div>
         <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <div class="design">
               <a href="https://webprepration.com" style="color: #0274be;">Back to Top</a>
            </div>
         </div>
      </div>
   </div>
</div>
<script src="{{asset('public/js/ajaxscript.js')}}"></script>
<script src="{{asset('public/js/sweetalert.min.js')}}"></script>
<script type="text/javascript">
$("#logo").change(function () {
 
    jQuery.ajax({
      url:"{{url('/')}}/uploadImage",
       headers: {
         'X-CSRF-TOKEN': "{{csrf_token()}}"
         },
 
      data:new FormData($("#sitelogo")[0]),
      method:"POST",
      processData: false,
      contentType: false,
      success:function(data){  
       console.log(data);
      },
      error:function(error){
          console.log(error);
      }
   });
};
</script>
</body>
</html>
 

 

Now we are ready to run example, So just run below command

1
2
3
 
php artisan serve
 

Now you can open below command on browser

1
2
3
 
http://localhost:8000
 

 

View Demo

 

I hope you might have understood it properly, keep reading our other blogs posts for more coding tricks.

Thanks!!

How to create API Authentication using Passport

by Leave a Comment

In this article, We are going to explain “How to create API Authentication using passport in laravel”  application. In Laravel 5.2, we got a new structure in our authentication system with multiple auth drivers. This means that, instead of there being a single auth system that is responsible for one app at a time, you can apply different auth systems to different routes (or in different environments).

Web services

web service is very important for when you are create web and mobile apps.

If you require to create API for mobile application As we know laravel is most popular framework for API creation. If you are beginners and don’t know what is API and web services then you are a right place. In this article I will show how to create very simple API and Authentication for mobile APPs.



Laravel provide passport package for API authentication, In this example we will use passport package for user auth via API.

You have to just follow below given steps for users API.

  1. Register API
  2. Login API
  3. User Details API

Above three API, you can simply get by following few step. It is from scratch so just follow bellow steps, at last i attach screen shot of api test.

Step 1:-  In first step require to install fresh laravel using below command, So open your terminal or command prompt and run command.

1
2
3
 
composer create-project --prefer-dist laravel/laravel APITest
 

Step 2:-  In this  step to get install the passport package in laravel using below command

1
2
3
 
composer require laravel/passport
 

After passport installation package open config/app.php file and add service provider

1
2
3
 
Laravel\Passport\PassportServiceProvider::class,
 

Step 3:- The Passport service provider registers its own database migration directory with the framework, so you should migrate your database after registering the provider. The Passport migrations will create the tables your application needs to store clients and access tokens.

1
2
3
 
php artisan migrate
 

Next, you should run the passport:install command. This command will create the encryption keys needed to generate secure access tokens. In addition, the command will create “personal access” and “password grant” clients which will be used to generate access tokens.

1
2
3
 
php artisan passport:install
 

Step 4:- In this step we have to configure passport, So just follow three given file changes.

firest we need to add the Laravel\Passport\HasApiTokens trait to your App\Usermodel. This trait will provide a few helper methods to your model which allow you to inspect the authenticated user’s token and scopes.

App/User.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<?php
 
 
namespace App;
 
 
use Laravel\Passport\HasApiTokens;
use Illuminate\Notifications\Notifiable;
use Illuminate\Foundation\Auth\User as Authenticatable;
 
 
class User extends Authenticatable
{
    use HasApiTokens, Notifiable;
 
 
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    protected $fillable = [
        'name', 'email', 'password',
    ];
 
 
    /**
     * The attributes that should be hidden for arrays.
     *
     * @var array
     */
    protected $hidden = [
        'password', 'remember_token',
    ];
}
 

app/Providers/AuthServiceProvider.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<?php
 
 
namespace App\Providers;
 
 
use Laravel\Passport\Passport;
use Illuminate\Support\Facades\Gate;
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
 
 
class AuthServiceProvider extends ServiceProvider
{
    /**
     * The policy mappings for the application.
     *
     * @var array
     */
    protected $policies = [
        'App\Model' => 'App\Policies\ModelPolicy',
    ];
 
 
    /**
     * Register any authentication / authorization services.
     *
     * @return void
     */
    public function boot()
    {
        $this->registerPolicies();
        Passport::routes();
    }
}
 

config/auth.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<?php
 
 
return [
    .....
    'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users',
        ],
        'api' => [
            'driver' => 'passport',
            'provider' => 'users',
        ],
    ],
    .....
]
 

Step 5:- In this step, We will create API routes laravel provide api.php file for write web services routes So lets add new routes on that file.

routes/api.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<?php
 
 
/*
|--------------------------------------------------------------------------
| API Routes
|--------------------------------------------------------------------------
|
| Here is where you can register API routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
 
| is assigned the "api" middleware group. Enjoy building your API!
|
*/
 
 
Route::post('login', 'API\UserController@login');
Route::post('register', 'API\UserController@register');
 
 
Route::group(['middleware' => 'auth:api'], function(){
Route::post('details', 'API\UserController@details');
});
 

Step 6:- In this step  first we have create new directory API on controller folder  and create new controller in API directory, So let’s create UserController and put below code.

app/Http/Controllers/API/UserController.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
 
<?php
 
 
namespace App\Http\Controllers\API;
 
 
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\User;
use Illuminate\Support\Facades\Auth;
use Validator;
 
 
class UserController extends Controller
{
 
 
    public $successStatus = 200;
 
 
    /**
     * login api
     *
     * @return \Illuminate\Http\Response
     */
    public function login(){
        if(Auth::attempt(['email' => request('email'), 'password' => request('password')])){
            $user = Auth::user();
            $success['token'] =  $user->createToken('MyApp')->accessToken;
            return response()->json(['success' => $success], $this->successStatus);
        }
        else{
            return response()->json(['error'=>'Unauthorised'], 401);
        }
    }
 
 
    /**
     * Register api
     *
     * @return \Illuminate\Http\Response
     */
    public function register(Request $request)
    {
        $validator = Validator::make($request->all(), [
            'name' => 'required',
            'email' => 'required|email',
            'password' => 'required',
            'c_password' => 'required|same:password',
        ]);
 
 
        if ($validator->fails()) {
            return response()->json(['error'=>$validator->errors()], 401);            
        }
 
 
        $input = $request->all();
        $input['password'] = bcrypt($input['password']);
        $user = User::create($input);
        $success['token'] =  $user->createToken('MyApp')->accessToken;
        $success['name'] =  $user->name;
 
 
        return response()->json(['success'=>$success], $this->successStatus);
    }
 
 
    /**
     * details api
     *
     * @return \Illuminate\Http\Response
     */
    public function details()
    {
        $user = Auth::user();
        return response()->json(['success' => $user], $this->successStatus);
    }
}
 

Now we are ready to run our API, So run below command

1
2
3
 
php artisan serve
 

Now, we can simply test API using postman tool, I have test it and you can see screenshot.

Register:-

 

Login:-

 

getDetails:-

 

We hope this article is very helpful for creating API using passport for mobile application.

Thanks !!

Create CURD operation in Laravel Using Ajax

by 4 Comments

In this post, I am going to given example with Demo how to create CURD (CREATE,UPDATE and DELETE) operation in laravel 5+ Using Ajax from scratch. This article is very helpful for laravel beginners, and If you want to create CURD Application using jQuery Ajax then just need to follow given steps.

In this simple ajax curd example, I have created products management with several options like:-

  1. Product Listing
  2. Add New Product
  3. Edit Product
  4. Delete Product

you can create Curd operation using simple steps, After create successful example you will find layout as below.

Step 1: Laravel Installation

If you haven’t installed laravel in your system and want to fresh project then just run bellow command and get new Laravel project.

1
2
3
 
composer create-project --prefer-dist laravel/laravel laravel-ajax
 

Step 2: Create items table and model

In this step we have to create migration for products table using Laravel  php artisan command, so first fire bellow command:

1
2
3
 
php artisan make:migration create_products_table
 

After this command you will find one file in following path database/migrations and you have to put bellow code in your migration file for create products table

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<?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('brand_name');
           $table->string('model_name');
           $table->string('price');
           $table->string('description');
           $table->timestamps();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('products');
    }
}
 




After create “products” table you should create Product model for products, so first create file in this path app/Product.php and put bellow content in product.php file:

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
 
namespace App;
 
use Illuminate\Database\Eloquent\Model;
 
class Product extends Model
{
    protected $fillable = ['brand_name','model_name','price','description'];
}
 

Step 3: Configure database and migrate tables

Now we just need to create new database in phpmyadmin with any name  and then just change database configuration setting in .env file. There are three things are need to change like DB_DATABASE,DB_USERNAME and DB_PASSWORD. Then run below command.

1
2
3
 
php artisan migrate
 

Step 4: Add Route

Now we have to add route for products CRUD, in this example i added get,put and  method in route for application,  So add bellow line in your route file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<?php
 
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
use Illuminate\Http\Request;
 
 
Route::get('ajaxCRUD', function () {
    $products = App\Product::all();
    return view('ajaxcurd.index')->with('products',$products);
});
Route::get('ajaxCRUD/{product_id?}',function($product_id){
    $product = App\Product::find($product_id);
    return response()->json($product);
});
Route::post('ajaxCRUD',function(Request $request){  
    $product = App\Product::create($request->input());
    return response()->json($product);
});
Route::put('ajaxCRUD/{product_id?}',function(Request $request,$product_id){
    $product = App\Product::find($product_id);
    $product->brand_name = $request->brand_name;
    $product->model_name = $request->model_name;
    $product->price = $request->price;
    $product->description = $request->description;
    $product->save();
    return response()->json($product);
});
Route::delete('ajaxCRUD/{product_id?}',function($product_id){
    $product = App\Product::destroy($product_id);
    return response()->json($product);
});
 

 

Step 5: Create Blade File

In this step we have to create only one blade file that will manage create,update and delete modules with jQuery in modal, So let’s create index.blade.php file.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
 
<html>
  <head>
   <title>Laravel CRUD Demo with code using Ajax without Reloading Page</title>  
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  </head>
<body>
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">Laravel CURD Using Ajax without Reloading Page
<button id="btn_add" name="btn_add" class="btn btn-info pull-right"><span class="glyphicon glyphicon-plus"></span>Add New</button>
    </div>
 
      <div class="panel-body">
 
       <table class="table">
        <thead>
          <tr>
            <th>ID</th>
            <th>Brand Name</th>
            <th>Model Name</th>
            <th>Price</th>
            <th>Description</th>
            <th>Action</th>
          </tr>
         </thead>
         <tbody id="products-list" name="products-list">
           @foreach ($products as $product)
            <tr id="product{{$product->id}}">
             <td>{{$product->id}}</td>
             <td>{{$product->brand_name}}</td>
             <td>{{$product->model_name}}</td>
             <td>{{$product->price}}</td>
             <td>{{ str_limit($product->description, $limit = 65, $end = '...') }}</td>
              <td>
              <button class="btn btn-warning btn-detail open_modal" value="{{$product->id}}"><span class="glyphicon glyphicon-edit"></span></button>
              <button class="btn btn-danger btn-delete delete-product" value="{{$product->id}}"><span class="glyphicon glyphicon-trash"></span></button>
              </td>
            </tr>
            @endforeach
        </tbody>
        </table>
       </div>
       </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">Product</h4>
            </div>
            <div class="modal-body">
            <form id="frmProducts" name="frmProducts" class="form-horizontal" novalidate="">
                <div class="form-group error">
                 <label for="inputName" class="col-sm-3 control-label">Brand Name</label>
                   <div class="col-sm-9">
                    <input type="text" class="form-control has-error" id="brand_name" name="brand_name" placeholder="Brand Name" value="">
                   </div>
                </div>
                  <div class="form-group error">
                 <label for="inputName" class="col-sm-3 control-label">Brand Name</label>
                   <div class="col-sm-9">
                    <input type="text" class="form-control has-error" id="model_name" name="model_name" placeholder="Model Name" value="">
                   </div>
                </div>
                  <div class="form-group error">
                 <label for="inputName" class="col-sm-3 control-label">Price</label>
                   <div class="col-sm-9">
                    <input type="text" class="form-control has-error" id="price" name="price" placeholder="Product price" value="">
                   </div>
                </div>
                  <div class="form-group error">
                 <label for="inputName" class="col-sm-3 control-label">Description</label>
                   <div class="col-sm-9">
                    <textarea name="description" id="description" class="form-control"></textarea>
                   </div>
                </div>              
            </form>
            </div>
            <div class="modal-footer">
            <button type="button" class="btn btn-primary" id="btn-save" value="add">Save changes</button>
            <input type="hidden" id="product_id" name="product_id" value="0">
            </div>
        </div>
      </div>
  </div>
</div>
    <meta name="_token" content="{!! csrf_token() !!}" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="{{asset('js/ajaxscript.js')}}"></script>
</body>
</html>
 

Add modal preview:-

Edit Modal preview:-

Step 6: Create JS File

In this step we require to create ajaxscript.js file through this file we can manage create,edit and delete methods.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
  var url = "http://localhost/blog/public/ajaxCRUD";
    //display modal form for product editing
    $(document).on('click','.open_modal',function(){
        var product_id = $(this).val();
      
        $.get(url + '/' + product_id, function (data) {
            //success data
            console.log(data);
            $('#product_id').val(data.id);
            $('#brand_name').val(data.brand_name);
            $('#model_name').val(data.model_name);
            $('#price').val(data.price);
            $('#description').val(data.description);
            $('#btn-save').val("update");
            $('#myModal').modal('show');
        })
    });
    //display modal form for creating new product
    $('#btn_add').click(function(){
        $('#btn-save').val("add");
        $('#frmProducts').trigger("reset");
        $('#myModal').modal('show');
    });
    //delete product and remove it from list
    $(document).on('click','.delete-product',function(){
        var product_id = $(this).val();
         $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        })
        $.ajax({
            type: "DELETE",
            url: url + '/' + product_id,
            success: function (data) {
                console.log(data);
                $("#product" + product_id).remove();
            },
            error: function (data) {
                console.log('Error:', data);
            }
        });
    });
    //create new product / update existing product
    $("#btn-save").click(function (e) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        })
        e.preventDefault();
        var formData = $('#frmProducts').serialize();
        //used to determine the http verb to use [add=POST], [update=PUT]
        var state = $('#btn-save').val();
        var type = "POST"; //for creating new resource
        var product_id = $('#product_id').val();;
        var my_url = url;
        if (state == "update"){
            type = "PUT"; //for updating existing resource
            my_url += '/' + product_id;
        }
        $.ajax({
            type: type,
            url: my_url,
            data: formData,
            dataType: 'json',
            success: function (data) {
                var product = '<tr id="product' + data.id + '"><td>' + data.id + '</td><td>' + data.brand_name + '</td><td>' + data.model_name + '</td><td>' + data.price + '</td><td>' + data.description + '</td>';
                product += '<td><button class="btn btn-warning btn-detail open_modal" value="' + data.id + '"><span class="glyphicon glyphicon-edit"></span></button>';
                product += ' <button class="btn btn-danger btn-delete delete-product" value="' + data.id + '"><span class="glyphicon glyphicon-trash"></span></button></td></tr>';
                if (state == "add"){ //if user added a new record
                    $('#products-list').append(product);
                }else{ //if user updated an existing record
                    $("#product" + product_id).replaceWith( product );
                }
                $('#frmProducts').trigger("reset");
                $('#myModal').modal('hide')
            },
            error: function (data) {
                console.log('Error:', data);
            }
        });
    });
 

View Demo

Okay, Now we have created successfully Ajax CURD operation, If you want to download of demo then click here For other laravel tutorials you can follow my blog Laravel category

Thanks!!!

Create CURD operation in Laravel

by 5 Comments

In this post, I am going to explain how to create CURD (Create,Update,Read and Delete) operation with image in laravel 5+ from scratch. This post is very helpful for laravel beginners. In this CRUD application just need to follow all steps. I used resource route, validation, listing etc in this crud application example.

After finish all step successfully, you will find output like as bellow image output.

Laravel Curd

Step 1: Laravel Installation

If you haven’t installed laravel in your system and want to fresh project then just run bellow command and get new Laravel project.

1
2
3
 
composer create-project --prefer-dist laravel/laravel laravelcurd
 




After clone laravel application, we also require to install laravelcollective/html for Form class,you can install laravelcollective/html class using composer just need to update composer.json file and add “laravelcollective/html”: “~5.0” in require section.

after that changes run below command.

1
2
3
 
composer update
 

Step 2: Create items table and model

In this step we have to create migration for items table using Laravel  php artisan command, so first fire bellow command:

1
2
3
 
php artisan make:migration create_items_table
 

After this command you will find one file in following path database/migrations and you have to put bellow code in your migration file for create items table

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class CreateItemsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('items', function (Blueprint $table) {
           $table->increments('id');
           $table->string('brand_name');
           $table->string('model_name');
           $table->string('price');
           $table->string('description');
           $table->string('image')->nullable();
           $table->timestamps();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('items');
    }
}
 

After create “items” table you should create Item model for items, so first create file in this path app/Item.php and put bellow content in item.php file:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
namespace App;
 
 
use Illuminate\Database\Eloquent\Model;
 
 
class Item extends Model
{
 
 
     protected $fillable = ['brand_name','model_name','price','description','image'];
 
 
}
?>
 

Step 3: Configure database and migrate tables

Now we just need to create new database in phpmyadmin with any name  and then just change database configuration setting in .env file. There are three things are need to change like DB_DATABASE,DB_USERNAME and DB_PASSWORD. Then run below command.

1
2
3
 
php artisan migrate
 

Step 4: Add Route

Now we have to add route for items CRUD, in this example i added resource route for application, if we add resource route then it will add index, create, show, edit and delete route automatically. So add bellow line in your route file.

1
2
3
 
Route::resource('itemCRUD','ItemCRUDController');
 

Step 5: Create Controller

Now we should create new controller as ItemCRUDController in this path app/Http/Controllers/ItemCRUDController.php. this controller will manage all route method, So add bellow line in your ItemCRUDController.php  file.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
<?php
namespace App\Http\Controllers;
 
 
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\Item;
 
 
class ItemCRUDController extends Controller
{
 
 
    public function index(Request $request)
    {
        $items = Item::orderBy('id','DESC')->paginate(5);
        return view('ItemCRUD.index',compact('items'))
            ->with('i', ($request->input('page', 1) - 1) * 5);
    }
 
    public function create()
    {
        return view('ItemCRUD.create');
    }
 
 
    public function store(Request $request)
    {
      $this->validate($request, [
            'brand_name' => 'required',
            'model_name' => 'required',
            'price' => 'required|numeric',
        ]);
        $image = $request->file('image');        
        $fileName = $image->getClientOriginalName();
        $fileExtension = $image->getClientOriginalExtension();
        // $imageName = date('dmY').'.'.$request->file('image')->getClientOriginalExtension();
        $request->file('image')->move(
        base_path() . '/public/images/', $fileName);
        $requestData = $request->all();
        $requestData['image'] = $fileName;
        Item::create($requestData);
        return redirect()->route('itemCRUD.index')
                        ->with('success','Record created successfully');
    }
 
    public function show($id)
    {
        $item = Item::find($id);
        return view('ItemCRUD.show',compact('item'));
    }
 
    public function edit($id)
    {
        $item = Item::find($id);
        return view('ItemCRUD.edit',compact('item'));
    }
 
    public function update(Request $request, $id)
    {
         $this->validate($request, [
            'brand_name' => 'required',
            'model_name' => 'required',
            'price' => 'required',
        ]);
        $image = $request->file('image');        
        $fileName = $image->getClientOriginalName();
        $fileExtension = $image->getClientOriginalExtension();
        // $imageName = date('dmY').'.'.$request->file('image')->getClientOriginalExtension();
        $request->file('image')->move(
        base_path() . '/public/images/', $fileName);
        $requestData = $request->all();
        $requestData['image'] = $fileName;
        Item::find($id)->update($requestData);
        return redirect()->route('itemCRUD.index')
                        ->with('success','Record updated successfully');
    }
    public function destroy($id)
    {
        Item::find($id)->delete();
        return redirect()->route('itemCRUD.index')
                        ->with('success','Record deleted successfully');
    }
}
?>
 

Step 6: Create Blade File

In this step we will create blade file for listing, create, edit and show records and also create default blade file for theme layout setting. So first we create new layouts directory and create default.blade.php file inside that folder

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
    <title>Webprepration</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css" rel="stylesheet">
 
 
</head>
<body>
 
<div class="container">
    @yield('content')
</div>
 
</body>
</html>
 

Now we will create layout for records listing, So first we create new ItemCRUD directory and create index.blade.php file inside that folder.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
@extends('layouts.default')
 
@section('content')
 
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h2>Record List</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-success" href="{{ route('itemCRUD.create') }}">Add</a>
            </div>
        </div>
    </div>
    @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif
    <table class="table table-bordered">
        <tr>
            <th>No</th>
            <th>Brand Name</th>
            <th>Model Name</th>
            <th>Price</th>
            <th>Image</th>
            <th width="280px">Action</th>
        </tr>
    @foreach ($items as $key => $item)
    <tr>
        <td>{{ ++$i }}</td>
        <td>{{ $item->brand_name }}</td>
        <td>{{ $item->model_name }}</td>
        <td>{{ $item->price }}</td>
        <td><img id="blah" src="{{URL::to('/')}}/images/{{$item->image}}" width="50"/></td>
        <td>
            <a class="btn btn-info" href="{{ route('itemCRUD.show',$item->id) }}">Show</a>
            <a class="btn btn-primary" href="{{ route('itemCRUD.edit',$item->id) }}">Edit</a>
            {!! Form::open(['method' => 'DELETE','route' => ['itemCRUD.destroy', $item->id],'style'=>'display:inline']) !!}
            {!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
            {!! Form::close() !!}
        </td>
    </tr>
    @endforeach
    </table>
    {!! $items->render() !!}
 
@endsection
 

Now we create new blade file for create new record, it’s call create.blade.php file inside “ItemCRUD” directory

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
@extends('layouts.default')
 
@section('content')
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h2>Add New Record</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-primary" href="{{ route('itemCRUD.index') }}"> Back</a>
            </div>
        </div>
    </div>
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    {!! Form::open(array('route' => 'itemCRUD.store','files'=>true,'method'=>'POST')) !!}
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Brand Name:</strong>
                {!! Form::text('brand_name', null, array('placeholder' => 'Brand Name','class' => 'form-control')) !!}
            </div>
        </div>
 
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Model Name:</strong>
                {!! Form::text('model_name', null, array('placeholder' => 'Model Name','class' => 'form-control')) !!}
            </div>
        </div>
 
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Price:</strong>
                {!! Form::text('price', null, array('placeholder' => 'Price','class' => 'form-control')) !!}
            </div>
        </div>
 
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Description:</strong>
                 {!! Form::textarea('description', null, array('placeholder' => 'Description','class' => 'form-control','style'=>'height:100px')) !!}                
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Image:</strong>
               {!! Form::file('image',array('placeholder' => 'Image','class' => 'form-control','onchange' => 'document.getElementById("blah").src = window.URL.createObjectURL(this.files[0])')) !!}
            </div>
            <img id="blah" src="#" alt="your image" width="150"/>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                <button type="submit" class="btn btn-primary">Submit</button>
        </div>
    </div>
    {!! Form::close() !!}
@endsection
 

Next, we have to create show.blade.php file for record details page in same directory.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
@extends('layouts.default')
 
@section('content')
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h2> Show Record</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-primary" href="{{ route('itemCRUD.index') }}"> Back</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Brand Name:</strong>
                {{ $item->brand_name }}
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Model Name:</strong>
                {{ $item->model_name }}
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Price:</strong>
                {{ $item->price }}
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Description:</strong>
                {{ $item->description }}
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Image:</strong>
                <img id="blah" src="{{URL::to('/')}}/images/{{$item->image}}" alt="your image" width="150"/>
            </div>
        </div>
 
 
    </div>
 
 
@endsection
 

At last, we need to create edit.blade.php file for update record in same.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
@extends('layouts.default')
 
@section('content')
 
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h2>Edit Record</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-primary" href="{{ route('itemCRUD.index') }}"> Back</a>
            </div>
        </div>
    </div>
 
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    {!! Form::model($item, ['method' => 'PATCH','route' => ['itemCRUD.update', $item->id],'files'=>true]) !!}
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Brand Name:</strong>
                {!! Form::text('brand_name', null, array('placeholder' => 'Brand Name','class' => 'form-control')) !!}
            </div>
        </div>
 
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Model Name:</strong>
                {!! Form::text('model_name', null, array('placeholder' => 'Model Name','class' => 'form-control')) !!}
            </div>
        </div>
 
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Price:</strong>
                {!! Form::text('price', null, array('placeholder' => 'Price','class' => 'form-control')) !!}
            </div>
        </div>
 
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Description:</strong>
                 {!! Form::textarea('description', null, array('placeholder' => 'Description','class' => 'form-control','style'=>'height:100px')) !!}                
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Image:</strong>
               {!! Form::file('image',array('placeholder' => 'Image','class' => 'form-control','onchange' => 'document.getElementById("blah").src = window.URL.createObjectURL(this.files[0])')) !!}
            </div>
            <img id="blah" src="{{URL::to('/')}}/images/{{$item->image}}" alt="your image" width="150"/>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                <button type="submit" class="btn btn-primary">Submit</button>
        </div>
    </div>
    {!! Form::close() !!}
@endsection
 

View Demo

Now everything is completed of laravel CURD application if you want to download of demo then click here. For other laravel  tutorials or queries you can follow my blog laravel category.

Thanks!!!!