iamfaiz/alerter

此包的最新版本(0.0.10)没有提供许可证信息。

0.0.10 2015-08-08 18:59 UTC

This package is not auto-updated.

Last update: 2024-09-28 18:21:21 UTC


README

安装

使用 Composer 拉取此包。

composer require iamfaiz/alerter

然后在 config/app.php 中添加服务提供者。

'providers' => [
    'Alerter\AlerterServiceProvider'
];

为了方便,可以在该文件的底部添加一个 facade 别名。

'aliases' => [
    'Alert' => 'Alerter\Alert'
];

最后运行以下命令。

php artisan vendor:publish

这将创建 config/alerter.php 文件。如果您不想使用默认的 bs3(Bootstrap 3)驱动程序来显示闪存警报,则可以使用此文件。

用法

在您的控制器中,在执行重定向之前。

public function store()
{
    Alert::success('Successfully added a new task');
    
    return redirect()->back();
}

您可以使用

Alert::success($message, $title);
Alert::info($message, $title);
Alert::error($message, $title);

并在您的母版布局文件中添加以下内容。

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        {{ Alert::render() }}
        @yield('content')
    </body>
</html>

如果您使用的是 Twitter Bootstrap,默认的样式会很棒。这是因为 config/alerter.php 中的驱动程序设置为 'bs3'。目前默认提供了 2 个驱动程序(bs3,toastr.js),但显然您可以添加更多。

Toastr 驱动程序

您还可以使用 toastr 警报。Toastr 是一个流行的 JavaScript 插件。您可以从 这里 了解更多,并从 这里 查看演示。

在使用此驱动程序之前,请确保您已在母版布局中加载了 jQuery 和 toastr 的 JavaScript 和 CSS 文件。

<!DOCTYPE html>
<html>
    <head>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
    </head>
    <body>
        {{ Alert::render() }}
        @yield('content')
        
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
    </body>
</html>