使用 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 来执行 flash 消息。为此，我们必须遵循以下步骤

步骤 1

在此步骤中，我们将要创建一个新的路由。这个新的路由将用于测试 Bootstrap notify 通知，就像这样

routes/web.php

步骤 2

在此步骤中，我们将要添加控制器方法。为此，我们将创建一个新的控制器 HomeController。之后，我们将添加以下代码，就像这样

app/Http/Controllers/HomeController.php

步骤 3

在此步骤中，我们将要为布局创建通知文件。为此，我们将创建一个名为 notification-check.blade.php 的新文件作为布局。我们将使用我们的 resource 目录来创建此文件。

resources/views/notification-check.blade.php

步骤 4

在此步骤中，我们将要显示 Bootstrap notify 通知。为此，我们将创建一个名为 notification.blade.php 的文件，该文件可用于显示 Bootstrap notify 通知。

resources/views/notification.blade.php

现在我们上面的命令已准备好运行。为了快速运行这段代码，我们将使用以下命令

现在我们可以使用我们的浏览器打开以下 URL

当我们打开上面的 URL 时，将生成以下输出，就像这样

在上面的部分中，我们提供了一个成功的通知提醒。我们还可以通过使用会话变量来生成警告、信息、错误通知的示例，如下所述

警告

生成警告通知提醒的命令如下所述

信息

生成信息通知提醒的命令如下所述

Error

生成错误通知提醒的命令如下所述