brian2694/laravel-toastr

toastr.js for Laravel

5.59 2024-01-02 16:03 UTC

This package is auto-updated.

Last update: 2024-08-31 00:33:14 UTC


README

灵感来自 whossun/laravel-toastr..

我将 brian2694/laravel-toastr 仓库克隆更新到 Laravel 5.5

laravel-toastr

安装

使用 Composer

composer require brian2694/laravel-toastr

Laravel >= 5.5

这就完成了!在 5.5 及以上版本中,包会自动发现!

Laravel <= 5.4

将服务提供者添加到 config/app.php

Brian2694\Toastr\ToastrServiceProvider::class,

可选地,如果您想包含 Facade,则可以在 config/app.php 中包含。

'Toastr'  => Brian2694\Toastr\Facades\Toastr::class,

选项

您可以设置 Reminder 的自定义选项。运行

php artisan vendor:publish

以发布 toastr 的配置文件。

您可以查看 toastr 的文档来自定义需求。

您可以使用可用的 toastr() 函数。

依赖

jQuery toast,您需要将 CSS 和 JS 添加到您的 HTML 中。

基本

  • Toastr::info('message', 'title', ['options']);

  • Toastr::success('message', 'title', ['options']);

  • Toastr::warning('message', 'title', ['options']);

  • Toastr::error('message', 'title', ['options']);

  • Toastr::clear();

  • Toastr()->info('message', 'title', ['options']);

<?php

Route::get('/', function () {
    Toastr::success('Messages in here', 'Title', ["positionClass" => "toast-top-center"]);

    return view('welcome');
});

然后

您应该在您的 HTML 中添加 {!! Toastr::message() !!}

<!DOCTYPE html>
<html>
    <head>
        <title>Laravel</title>
        <link rel="stylesheet" href="http://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css">
    </head>
    <body>
        <div class="container">
            <div class="content">
                <div class="title">Laravel 5</div>
            </div>
        </div>
		<script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
        <script src="http://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
        {!! Toastr::message() !!}
    </body>
</html>

使用 ViteJs / script 类型默认为模块

您还可以通过在 AppServiceProvider 中注册 Toastr::useVite() 来将 Toastr 设置为默认使用 vitejs。

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
use Brian2694\Toastr\Facades\Toastr;

class AppServiceProvider extends ServiceProvider
{
    public function boot(): void
    {
        Toastr::useVite();
    }
}

注册后,您现在可以使用 Toastr::message() 并将其脚本类型设置为模块。

贡献者

我们感谢以下个人为这个项目的贡献

  • Antonio Bruno - 设置 Facade 类的 DOC。
  • aoradev44 - 设置 toastr 消息脚本类型为模块,以与 vite 一起使用