Flash Message For Laravel 5

LaravelChen發表於2017-03-12
Laravel

Flash Message For Laravel5

介紹

整個package採用了Laravel內建的Illuminate\Session\Store中的一次性請求flash函式. 顯示檢視的方式有三種，圖中可以看到

github地址(可以給一個star嗎 !)

https://github.com/LaravelChen/myflash

效果圖

image

安裝

使用composer安裝

composer require laravelchen/myflash

然後在config/app.php新增provider和alias

'providers' => [
   LaravelChen\MyFlash\MyFlashProvider::class,
   ];

'aliases' => [
    'MyFlash'=>LaravelChen\MyFlash\MyFlash::class,
];

用法

在redirect重定向之前新增falsh

public function index()
{
    MyFlash::success('郵件已發!請查收郵件!');

    return Redirect::home();
}

同時你也可以使用下面這種形式

  • MyFlash::success('郵件已發!請查收郵件!')
  • MyFlash::info('郵件已發!請查收郵件!')
  • MyFlash::error('郵件已發!請查收郵件!')
  • MyFlash::warning('郵件已發!請查收郵件!')

或者你可以使用myflash()這種輔助函式的形式

  • myflash('郵件已發!請查收郵件!')
  • myflash()->success('郵件已發!請查收郵件!')
  • myflash()->info('郵件已發!請查收郵件!')
  • myflash()->error('郵件已發!請查收郵件!')
  • myflash()->warning('郵件已發!請查收郵件!')

最後在你的檢視中新增message檢視

@include('myflash::notification')
或者
@include('myflash::top-message')
或者
@include('myflash::bottom-message')

注意事項

請在你的檢視中增加font-awesome和jquery

<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>

例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Laravel</title>
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<h1 class="text-center">Hello World</h1>
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
@include('myflash::notification')
</body>
</html>

自定義

如果你想要自定義樣式或者其他效果的話可以使用

php artisan vendor:publish
之後檢視檔案會出現在你的resources/views/vendor/myflash目錄下

最後感謝mercuryseries和Jeffrey Way的package!

本作品採用《CC 協議》，轉載必須註明作者和本文連結
LaravelChen

相關文章