极客笔记使用Bootstrap notify插件的Laravel通知警报
在本节中，我们将学习有关通知警报的内容。我们将使用Laravel和Bootstrap notify插件来实现这一点。Notify是一种jQuery或Bootstrap通知插件，用于在我们的Bootstrap网页上创建自定义的、现代化的通知弹出窗口。Bootstrap notify是JavaScript弹出框的可访问替代品。使用Bootstrap notify插件，我们可以将Bootstrap的标准警报制作成”growl”风格的通知。
当我们执行某些操作时，我们总是需要获得通知警报，比如如果我们从任何网站、表单或任何地方删除项目，一个通知将会打开，显示这样的消息：”项目删除成功”。通知警报对于最终用户非常重要，这样他们可以轻松地理解正在发生的事情，它也为他们提供了更可读的能力。像这样，在创建、列表、更新和其他操作中，一些消息都将显示在一个项目上。当我们在用户面板或管理面板上工作时，这些通知警报将是必需的。为了添加通知警报，我们有各种版本的Laravel，如Laravel 5、6、7和8。
现在我们可以通过添加Bootstrap notify js插件来显示通知警报。这个插件用于提供警告消息、信息消息、错误消息、成功消息等的通知。使用Bootstrap框架，我们能够添加一个具有令人印象深刻的布局的通知。为了显示通知，Laravel也有很多包，但在我们下面的应用程序中，我们将使用Bootstrap notify js插件，因为它具有与Bootstrap集成的能力。在此之后，我们可以实现Bootstrap notify来执行闪存消息。为此，我们必须按照以下步骤进行操作:
步骤1:
在这一步中，我们将进行 创建新的路由 。这个新路由将用于测试Bootstrap notify通知，如下所示:
routes/web.php
Route::get('notification', 'HomeController@notification');
步骤2：
在这一步中，我们将会 添加控制器方法 。为此，我们将创建一个名为HomeController的新控制器。在此之后，我们将像下面这样将以下代码添加到它中：
app/Http/Controllers/HomeController.php
<?php
namespace App\Http\Controllers;
use App\Http\Requests;
use Illuminate\Http\Request;
class HomeController extends Controller
{
/**
* Show the application dashboard.
*
* @return \Illuminate\Http\Response
*/
public function notification()
{
session()->put('success','Item is successfully created.');
return view('notification-check');
}
}
步骤3：
在这一步中，我们将要 为布局创建通知文件 。为此，我们将创建一个名为notification-check.blade.php的新文件，用于布局。我们将使用我们的资源目录来创建此文件。
resources/views/notification-check.blade.php
<!DOCTYPE html>
<html>
<head>
<title> Notification alert using Bootstrap Notify Plugin in Laravel </title>
<script src="http://demo.javatpoint.com/plugin/jquery.js"></script>
<link rel="stylesheet" href="http://demo.javatpoint.com/plugin/bootstrap-3.min.css">
</head>
<body>
@include('notification')
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-default">
<div class="panel-heading">Dashboard</div>
<div class="panel-body">
Check for notification
</div>
</div>
</div>
</div>
</div>
</body>
</html>
步骤4：
在这一步中，我们将要 显示Bootstrap通知通知 。为此，我们将创建一个名为notification.blade.php的文件，用于显示Bootstrap通知通知。
resources/views/notification.blade.php
<script>
@if(Session::has('success'))
('.top-right').notify({
message: { text: "{{ Session::get('success') }}" }
}).show();
@php
Session::forget('success');
@endphp
@endif
@if(Session::has('info'))('.top-right').notify({
message: { text: "{{ Session::get('info') }}" },
type:'info'
}).show();
@php
Session::forget('info');
@endphp
@endif
@if(Session::has('warning'))
('.top-right').notify({
message: { text: "{{ Session::get('warning') }}" },
type:'warning'
}).show();
@php
Session::forget('warning');
@endphp
@endif
@if(Session::has('error'))('.top-right').notify({
message: { text: "{{ Session::get('error') }}" },
type:'danger'
}).show();
@php
Session::forget('error');
@endphp
@endif
</script>
现在我们上面的命令已经准备好可以执行了。为了快速运行此代码，我们将使用以下命令：
php artisan serve
现在我们可以使用浏览器打开下面的URL：
http://localhost:8000/notification
当我们打开上面的URL时，将会生成以下输出结果：
警告：
生成警告通知警报的命令如下所述：
session()->put('warning','This is for warning.');
信息：
生成信息通知警报的命令描述如下：
session()->put('info','This is for info.');
错误:
生成错误通知警报的命令如下所述：
session()->put('error','This is for error.');