incloudout/toastr

使用 toastr 的 Laravel 5.4 通知

维护者

详细信息

github.com/InCloudOut/toastr

源代码

问题

安装: 366

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 1

开放问题: 0

1.2 2017-04-18 11:03 UTC

Requires

Requires (Dev)

MIT 1e8bc97afa32aa28fc166f6e8336e24ebf8d0dc0

  • Hugo Rodrigues <hrodrigues1984.woop@hotmail.com>

notificationlaraveltoastr

This package is not auto-updated.

Last update: 2024-09-15 02:27:17 UTC

README

Build Status Latest Stable Version Total Downloads License

Laravel Toastr 使用toastr.js来显示闪存消息。

灵感来源于https://github.com/oriceon/toastr-5-laravel

请注意，此软件包是为 Laravel 5.4 优化的

安装

运行 composer require incloudout/toastr 以拉取 Laravel Toastr 的最新版本。

编辑 config/app.php 添加 provider 和 alias

'providers' => [
    ...
    InCloudOut\Toastr\ToastrServiceProvider::class,
],
'aliases' => [
    ...
    'Toastr' => InCloudOut\Toastr\Facades\Toastr::class
],
通过 npm 安装 toastr.js

运行 npm i --save-dev toastr

打开 resources/assets/sass/app.scss 并添加

...
@import "node_modules/toastr/toastr";

打开 resources/assets/js/bootstrap.js 并添加

...
window.$ = window.jQuery = require('jquery');

window.toastr = require('toastr');
...

运行 npm run dev 进行开发或运行 npm run build 进行生产

通过 html 需要 toastr.js

转到您的 html 主页面并添加

<head>
...
<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet"/>
</head>
<body>
...
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>

注意，toastr.js 需要 JQuery 作为依赖项

配置

您可以通过发布配置文件开始。运行以下命令

$ php artisan vendor:publish --provider=InCloudOut\\Toastr\\ToastrServiceProvider

您可以使用其他选项更改默认选项，请参阅toastr.js 示例以选择适合您的选项。

用法

将此代码添加到您的 blade 模板文件中

{!! Toastr::execute() !!}

在您的控制器中调用这些方法之一以插入一个 toast

  • Toastr::warning($message, $title = null, $options = []) - 添加一个警告 toast
  • Toastr::error($message, $title = null, $options = []) - 添加一个错误 toast
  • Toastr::info($message, $title = null, $options = []) - 添加一个信息 toast
  • Toastr::success($message, $title = null, $options = []) - 添加一个成功 toast
  • Toastr::add($type = warning|error|info|success, $message, $title = null, $options = []) - 添加一个 $type toast
  • Toastr::clear() - 清除所有当前 toast

使用 Laravel 的会话闪存消息。确保您的配置 toastr.session 设置为 true

  • 简单用法
    session()->flash('success', 'User Created);
  • 高级用法
    session()->flash('success', [
        'message' => 'User Created',
        'title' => 'SUCCESS'
    ]);