Laravel 8 Toastr Notifications using yoeunes/toastr package Example
Hi Guys
Today, I will learn with you how to install and use toastr notifications using yoeunes/toastr package in laravel application.we will use yoeunes/toastr package.we will write step be step tutorial for laravel toastr notifications.
Toastr notifications yoeunes/toastr package provides warning,success,error and info notifications.You have to just follow few step for implement toastr notifications in your laravel application. In this example i give you example from scratch. So just follow bellow step.
Step 1: Install yoeunes/toastr packageWe need to install yoeunes/toastr composer package for datatable, so you can install using following command:
composer require yoeunes/toastr
After that you need to set providers and alias.
config/app.php
'providers' => [
...
Yoeunes\Toastr\ToastrServiceProvider::class
...
];
As optional if you want to modify the default configuration, you can publish the configuration file:
php artisan vendor:publish --provider='Yoeunes\Toastr\ToastrServiceProvider' Step 2: Create RouteIn this is step we need to create route for datatables layout file and another one for getting data. so open your routes/web.php file and add following route.
routes/web.phpStep 5: Create Controller
<?php
use App\Http\Controllers\HomeController;
/*
|--------------------------------------------------------------------------
| 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!
|
*/
Route::get('home',[HomeController::class,'index'])->name('home');
In this step, now we should create new controller as HomeController. this controller will manage layout and getting data request and return response, so put bellow content in controller file:
app/Http/Controllers/HomeController.php Success Toastr Notifications For Controller CodeError Toastr Notifications For Controller Code
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class HomeController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function index()
{
toastr()->success('Success Message');
return view('home');
}
}
Info Toastr Notifications For Controller Code
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class HomeController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function index()
{
toastr()->error('Error Message');
return view('home');
}
}
Warning Toastr Notifications For Controller Code
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class HomeController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function index()
{
toastr()->info('Info Message');
return view('home');
}
}
Step 3: Create View
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class HomeController extends Controller
{
/**
* Create a new controller instance.
*
* @return void
*/
public function index()
{
toastr()->warning('Warning Message');
return view('home');
}
}
In Last step, let's create users.blade.php(resources/views/home.blade.php) for layout and we will write design code here and put following code:
resources/views/home.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Laravel Toastr Notifications using yoeunes/toastr package</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.css">
@toastr_css
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3 mt-5">
<div class="card">
<div class="card-header text-center ">
Laravel Toastr Notifications using yoeunes/toastr package - nicesnippets.com
</div>
<div class="card-body text-center p-5">
Check For Toastr Notification
</div>
</div>
</div>
</div>
</div>
</body>
@jquery
@toastr_js
@toastr_render
</html>
Now, we are ready to check, so let's check...
It will help you...
Comments