首先,您需要将 Toastr 库包含到 Laravel 刀片视图中。您可以通过以下方法实现。
1.包含来自CDN的css和js文件
2.使用 NPM 安装库
3.从github Toastr Repository下载css和js文件
无论您选择抓取库,您都必须将位置添加到主布局文件的 head 标记中的 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);
向控制器添加重定向通知后,在布局文件(app.blade.php 或 master.blade.php - 取决于您如何命名)底部添加以下 javascript。
@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
注意*请分别在上述代码sn-p之前和之后打开和关闭脚本标签。
就是这样。现在,如果您访问或执行您指定的操作,您将看到使用 toastr 的漂亮通知。您可以从信息、警告、成功或错误中设置警报类型,并显示正确的彩色通知。