【问题标题】:Cannot add Toastr in Laravel无法在 Laravel 中添加 Toastr
【发布时间】:2021-12-06 03:29:52
【问题描述】:

当我在命令行composer require brian2694/laravel-toastr 中编写此内容时。我收到了类似[InvalidArgumentException]的消息

找不到软件包 brian2694/laravel-toastr。然而,它是通过存储库搜索找到的,这表明存储库存在一致性问题。

有什么技巧可以解决这个问题吗?

【问题讨论】:

  • 你用的是哪个版本的 laravel ?
  • 我使用 laravel 8

标签: laravel toastr


【解决方案1】:

首先,您需要将 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 的漂亮通知。您可以从信息、警告、成功或错误中设置警报类型,并显示正确的彩色通知。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-06-23
    • 1970-01-01
    • 2019-07-19
    • 2013-03-10
    • 2020-05-26
    • 1970-01-01
    • 2019-11-13
    • 2016-06-26
    相关资源
    最近更新 更多