无法在Laravel中添加Toast

Question

当我在命令行composer require brian2694/laravel-toastr中写下这篇文章时。我收到了类似[InvalidArgumentException]的消息

找不到包装brian2694/laravel烤面包机。然而，它是通过存储库搜索找到的，这表明与存储库存在一致性问题。

有解决这个问题的技巧吗？

Answer 1

首先，您需要将Toast库包含到Laravel刀片视图中。您可以通过以下方法实现这一点。

1.包括来自CDN 的css和js文件

2.使用NPM 安装库

3.从github Toast Repository 下载css和js文件

无论你选择抓取库，你都必须将位置添加到主布局文件的头标签中的2个文件中，如下所示：

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css">

在包含库之后，每当你需要重定向到一个页面(很可能是从控制器(时，你可以传递如下通知信息：

$notification = array(
'message' => 'Post created successfully!',
'alert-type' => 'success'
);
return Redirect::to('/')->with($notification);

在向控制器添加重定向通知后，在布局文件的底部添加以下javascript(app.blade.php或master.blade.hp–取决于您的命名方式(。

@if(Session::has('message'))
var type = "{{ Session::get('alert-type', 'info') }}";
switch(type){
case 'info':
toastr.info("{{ Session::get('message') }}");
break;
case 'warning':
toastr.warning("{{ Session::get('message') }}");
break;
case 'success':
toastr.success("{{ Session::get('message') }}");
break;
case 'error':
toastr.error("{{ Session::get('message') }}");
break;
}
@endif

注意*请分别在上述代码片段之前和之后打开和关闭脚本标记。

就是这样。现在，如果你访问或执行你的目标行动，你会看到一个很好的通知使用烤面包机。您可以根据信息、警告、成功或错误设置警报类型，并显示正确的彩色通知。