palpalani / laravel-toastr
为 Laravel 项目实现 toastr.js
0.3.0
2024-04-18 05:01 UTC
Requires
- php: ^8.2
- illuminate/session: ^10.0|^11.0
- illuminate/support: ^10.0|^11.0
Requires (Dev)
- laravel/pint: ^1.15
- orchestra/testbench: ^8.0|^9.0
- phpunit/phpunit: ^10.0|^11.0
- vimeo/psalm: ^5.0
README
为 Laravel 实现 toastr.js。Toastr.js 是一个用于非阻塞通知的 JavaScript 库。
安装
NPM
使用 npm 运行命令安装插件
npm install toastr
Composer
您也可以通过 composer 安装此包
composer require palpalani/laravel-toastr
配置
使用以下命令发布配置文件
php artisan vendor:publish --provider="palPalani\Toastr\ToastrServiceProvider" --tag="laravel-toastr-config"
这是已发布配置文件的内容
return [ 'options' => [ "progressBar" => true, "positionClass" =>"toast-bottom-right", "preventDuplicates"=> false, "showDuration" => 300, "hideDuration" => 1000, "timeOut" => 5000, "extendedTimeOut" => 1000, "showEasing" => "swing", "hideEasing"=> "linear", "showMethod" => "fadeIn", "hideMethod" => "fadeOut", ] ];
如果您想,可以编辑 config/toastr.php
并将 options
数组设置为要传递给 Toastr 的任何内容(此步骤是可选的)。这些选项作为默认选项设置,可以通过在 使用 部分中的任何方法中传递选项数组来覆盖。
使用
在您的母版视图模板中包含 jQuery、toastr.js 和插件样式。
链接到 toastr.min.css
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet"/>
链接到 toastr.min.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
完成所有操作后,在模板中插入以下字符串,在关闭 body 标签之前或在你文件中 toastr.js 脚本实例化之后。
{!! Toastr::render() !!}
然后在控制器中使用这些方法来插入一个吐司
Toastr::warning($message, $title = null, $options = [])
- 添加一个警告吐司Toastr::error($message, $title = null, $options = [])
- 添加一个错误吐司Toastr::info($message, $title = null, $options = [])
- 添加一个信息吐司Toastr::success($message, $title = null, $options = [])
- 添加一个成功吐司Toastr::add($type: warning|error|info|success, $message, $title = null, $options = [])
- 添加一个吐司Toastr::clear()
- 清除所有当前吐司 不要忘记使用它
有关可用选项的列表,请参阅 toastr.js 的文档。
测试
composer test
变更日志
请参阅 CHANGELOG 了解最近更改的详细信息。
贡献
请参阅 CONTRIBUTING 了解详细信息。
安全漏洞
请查看 我们的安全策略 了解如何报告安全漏洞。
版本
我们使用 SemVer 进行版本管理。有关可用的版本,请参阅此存储库的 标签。
鸣谢
许可
MIT 许可证 (MIT)。有关更多信息,请参阅 许可文件。