tareqmahmud/sweet

为 Laravel 提供终极甜味通知

维护者

详细信息

github.com/tareqmahmud/sweet

源代码

问题

安装: 8

依赖: 0

建议者: 0

安全: 0

星星: 7

关注者: 3

分支: 0

开放问题: 0

v1.0.1 2017-02-18 23:01 UTC

Requires

MIT fb9f7af1639ae81ef8ce0c17d46f9f531c7630f8

  • MD Tareq Mahmud <tareqmahmud9.woop@gmail.com>

This package is not auto-updated.

Last update: 2024-09-29 01:53:16 UTC

README

安装

首先，通过 composer 拉取此包

composer require tareqmahmud/sweet

如果你使用 Laravel 5，则在 config/app.php 中包含 SweetServiceProvider

'providers' => [
    Tareqmahmud\Sweet\SweetServiceProvider::class,
];

如果你想使用外观，则在 config/app.php 中的别名数组中添加 Sweet 外观

'Sweet' => Tareqmahmud\Sweet\Facades\Sweet::class,

添加 sweet 包后，转到你的项目根目录，并在终端运行此命令

php artisan vendor:publish --tag=sweet_assets

它将 sweetalert.css 和 sweetalert.js 复制到你的 public/css/libs/sweetalert.css & public/css/libs/sweetalert.js

然后将其添加到你的主 HTML 布局文件中

<link rel="stylesheet" href="css/libs/sweetalert.css">
<script src="js/libs/sweetalert.js"></script>

安装完成，现在你可以使用 sweet alert 包了。

查看 Sweet 消息

要在主布局文件中添加 sweet_message

@include(sweet::sweet_message)

你必须在 sweetalert.js 之后添加它。否则，你将无法显示任何 sweet 消息

用法

使用辅助函数

在你控制器中，在重定向之前，你可以添加 sweet 通知

public function update()
{
    sweet("New User", "Successfully new user created");

    return back();
}

或者你只能传递消息，例如 sweet("成功创建新用户")

如果你想，你也可以添加标签。

  • sweet("新用户", "成功创建新用户", "info");

  • sweet("新用户", "成功创建新用户", "success");

  • sweet("新用户", "成功创建新用户", "error");

  • sweet("新用户", "成功创建新用户", "warning");

你可以这样调用标签方法

  • sweet()->info("新用户", "成功创建新用户");

  • sweet()->success("新用户", "成功创建新用户");

  • sweet()->error("新用户", "成功创建新用户");

  • sweet()->warning("新用户", "成功创建新用户");

如果你想自动隐藏警报，则可以添加 autoHide() 方法

public function update()
{
    sweet("New User", "Successfully new user created", "success")->autoHide();

    return back();
}
或者
public function update()
{
    sweet()->success("New User", "Successfully new user created")->autoHide();

    return back();
}

使用外观

首先在你的控制器中导入 Sweet 外观。

use Sweet;

在你控制器中，在重定向之前，你可以添加 sweet 通知

public function update()
{
    Sweet::message("New User", "Successfully new user created");

    return back();
}

或者你可以只传递

如果你想，你也可以添加标签。

  • Sweet::message("新用户", "成功创建新用户", "info");

  • Sweet::message("新用户", "成功创建新用户", "success");

  • Sweet::message("新用户", "成功创建新用户", "error");

  • Sweet::message("新用户", "成功创建新用户", "warning");

你可以这样调用标签方法

  • Sweet::info("新用户", "成功创建新用户");

  • Sweet::success("新用户", "成功创建新用户");

  • Sweet::error("新用户", "成功创建新用户");

  • Sweet::warning("新用户", "成功创建新用户");

如果你想自动隐藏警报，则可以添加 autoHide() 方法

public function update()
{
    Sweet::message("New User", "Successfully new user created", "success")->autoHide();

    return back();
}
或者
public function update()
{
    Sweet::success("New User", "Successfully new user created")->autoHide();

    return back();
}
带有选项的 Sweet Alert

你可以这样传递所有 sweet alert 选项

public function update()
{
    sweet()->success("New User", "Successfully new user created", [
        "confirmButtonText"  => "Cool",
        "confirmButtonColor" => "#AEDEF4"
    ]);

    return back();
}
或者
public function update()
{
    Sweet::success("New User", "Successfully new user created", [
        "confirmButtonText"  => "Cool",
        "confirmButtonColor" => "#AEDEF4"
    ]);

    return back();
}

你可以在此链接中获取所有 sweet alert 选项 Sweet 选项

示例

PostController.php

<?php

namespace App\Http\Controllers;

class PostController extends Controller
{
    public function store()
    {
    	sweet("Successfully new user created");

    	return view("index");
    }
}

index.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Sweet Alert</title>
	<link rel="stylesheet" href="css/libs/sweetalert.css">
</head>
<body>
	<h2>Sweet Alert Notification</h2>
	
	<script src="js/libs/sweetalert.js"></script>
	@include("sweet::sweet_message")
</body>
</html>

sweet

许可证

查看此仓库的许可证

致谢

[Sweet Alert](Sweet Alert) - 美丽的 Sweet Alert JS