brian2694 / laravel-toastr
toastr.js for Laravel
Requires
- php: >=5.5.0
- illuminate/session: >=5.2.7
- illuminate/support: >=5.2.7
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 一起使用