How To Use Bootstrap Flash Message In Laravel?
In this tutorial, I am going to share How to use flash message laravel without any package in the Laravel application. In this example I haven't used any package for flash message, we can do it simply by following these tutorials.
Flash message is required in laravel application because that way we can give alert with what progress complete, error, warning, etc. In this tutorial, I add simple ways to give a flash message like redirect with a success message, redirect with an error message, redirect with a warning message, and redirect with info message. In this example, we use a bootstrap flash alert layout that way it becomes a good layout.
So, you have to just follow basic flash message in your laravel application. So follow bellow step:
We have to just include flash-message.blade.php file in your project. So we can add a file like this way:
resources/views/layouts/app.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap flash message show laravel - Php Coding Stuff</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link href="/css/app.css" rel="stylesheet">
</head>
<body>
<div id="app">
@include('flash-message')
@yield('content')
</div>
<!-- Scripts -->
<script src="/js/app.js"></script>
</body>
</html>
We will create a new blade file flash-message.blade.php In this file, we will write code of bootstrap alert.
resources/views/flash-message.blade.php
@if ($message = Session::get('success'))
<div class="alert alert-success alert-block">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>{{ $message }}</strong>
</div>
@endif
@if ($message = Session::get('error'))
<div class="alert alert-danger alert-block">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>{{ $message }}</strong>
</div>
@endif
@if ($message = Session::get('warning'))
<div class="alert alert-warning alert-block">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>{{ $message }}</strong>
</div>
@endif
@if ($message = Session::get('info'))
<div class="alert alert-info alert-block">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>{{ $message }}</strong>
</div>
@endif
@if ($errors->any())
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">×</button>
Please check the form below for errors
</div>
@endif
In this step we will learn how to give message when you redirect one by one:
1. Redirect with success message
This code gives a success flash message in laravel
public function create(Request $request)
{
$this->validate($request,[
'title' => 'required',
'details' => 'required'
]);
$items = Item::create($request->all());
return back()->with('success','Item created successfully!');
}
2. Redirect with error message
This code gives a error flash message in laravel
public function create(Request $request)
{
return redirect()->route('home')
->with('error','You have no permission for this page!');
}
3. Redirect with warning message
This code gives a warning flash message in laravel
public function create(Request $request)
{
return redirect()->route('home')
->with('warning','Don't Open this link);
}
4. Redirect with info message
This code gives a info flash message in laravel
public function create(Request $request)
{
$this->validate($request,[
'title' => 'required',
'details' => 'required'
]);
$items = Item::create($request->all());
return back()->with('info','You added new items, follow next step!');
}
I hope it can help you...
Leave a Reply