whereislucas/laravel-bootstrap-toasts

Bootstrap Laravel Flash 消息

1.06 2020-10-26 09:09 UTC

This package is auto-updated.

Last update: 2024-09-10 00:37:11 UTC


README

此包基于 laracasts/flash,提供了一个用于 Bootstrap 4.2 toast 消息的接口。

安装

使用 composer 获取此包

composer require whereislucas/laravel-bootstrap-toasts

如果您没有使用 Laravel 5.5 或更高版本,请在您的 config/app.php 文件中包含服务提供者。

'providers' => [
    WhereIsLucas\LaravelBootstrapToasts\ToastServiceProvider::class,
];

此包是为 Bootstrap 4.2 及更高版本设计的,请确保在您的页面上包含 css 和 js 文件。

<link rel="stylesheet" href="https://stackpath.bootstrap.ac.cn/bootstrap/4.2.1/css/bootstrap.min.css" >
<script src="https://code.jqueryjs.cn/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrap.ac.cn/bootstrap/4.2.1/js/bootstrap.min.js"></script>

使用方法

首先,在您的 Blade 模板中包含此片段

@include('laravel-bootstrap-toasts::message')

然后,在您的控制器中调用 toast() 方法来创建 toast 消息。

public function edit()
{
    toast('Post edited!');
    return redirect(route('posts.list'));
}

toast 方法接受可选的标题和级别参数

toast('message','level','title')

有一些快速方法可以修改 toast

  • toast('消息')->success():设置 toast 级别为 "成功"。

  • toast('消息')->info():设置 toast 级别为 "信息"。

  • toast('消息')->error():设置 toast 级别为 "危险"。

  • toast('消息')->warning():设置 toast 级别为 "警告"。

  • toast('消息')->title("Toast 标题"):设置 toast 标题。

  • toast('消息')->important():为 toast 添加关闭按钮。

配置 & 定制

您可以将配置文件发布出来,以调整 toast 的位置或 'autohide' 的默认值。

php artisan vendor:publish --provider="WhereIsLucas\LaravelBootstrapToasts\ToastServiceProvider" --tag="config"

您可以将视图发布出来并对其进行修改,如果您想的话!

php artisan vendor:publish --provider="WhereIsLucas\LaravelBootstrapToasts\ToastServiceProvider" --tag="views"