Today, I will give you an example of “Laravel 8 database notification in Laravel”, So you can easily apply it with your laravel 5, laravel 6, laravel 7, laravel 8, and Laravel 9 application.
First, what we’re doing here, This is the example :
Need to Send Notification in Laravel
The laravel notification system not just supports mail but also goes smooth with the database, broadcasting, SMS, Slack, markdown, etc.
Notifications can be seen as a short and straightforward messages delivered to a user for giving vital info, events, or to evoke action in the application.
Notifications keep the existing users in the loop, and it boosts user engagement as well. This is also valuable from a user experience perspective.
Laravel notifications like Facebook
Notifications are required in almost every application, especially which fall in the category of the blog, CMS, e-commerce, social media, or any noted digital product.
Let’s see an example below -:
Registered user notification send to admin
In the given below example, we will create a user registration form where the user can register with email, phone, and password.
We will store the user information in the user’s table and along with the notifications table, and we will show all the notifications to the application admin by following a few simple steps.
Step 1. Generate Notifications DB Table
To make the notifications work, we need to create a DB table. Run this command:
php artisan notifications:tableIt will generate a migration class. And then, this, the usual one:
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateNotificationsTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('notifications', function (Blueprint $table) {
$table->uuid('id')->primary();
$table->string('type');
$table->morphs('notifiable');
$table->text('data');
$table->timestamp('read_at')->nullable();
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('notifications');
}
}
php artisan migrate
User.php
<?php
namespace App\Models;
use Carbon\Carbon;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
class User extends Authenticatable
{
use HasFactory, Notifiable;Step 2. Create Notification Class
php artisan make:notification NewUserRegisterNotificationapp\Notifications\NewUserRegisterNotification.php
<?php
namespace App\Notifications;
use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Notifications\Messages\MailMessage;
use Illuminate\Notifications\Notification;
class NewUserRegisterNotification extends Notification
{
use Queueable;
public $user;
/**
* Create a new notification instance.
*
* @return void
*/
public function __construct($user)
{
$this->user = $user;
}
/**
* Get the notification's delivery channels.
*
* @param mixed $notifiable
* @return array
*/
public function via($notifiable)
{
return ['database'];
}
/**
* Get the mail representation of the notification.
*
* @param mixed $notifiable
* @return \Illuminate\Notifications\Messages\MailMessage
*/
public function toMail($notifiable)
{
return (new MailMessage)
->line('The introduction to the notification.')
->action('Notification Action', url('/'))
->line('Thank you for using our application!');
}
/**
* Get the array representation of the notification.
*
* @param mixed $notifiable
* @return array
*/
public function toArray($notifiable)
{
return [
'name' => $this->user->name,
'email' => $this->user->email,
'phone' => $this->user->phone,
];
}
}
Pass all the user-required parameters using the User Register Controller to store them in the notification table.
Create Controllers :
php artisan make:controller UserRegisterControllerphp artisan make:controller AdminControllerroutes\web.php
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\UserRegisterController;
use App\Http\Controllers\AdminController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
#Store new user registered info into db and show notification to admin
Route::get('/user-register', [UserRegisterController::class,'register']);
Route::post('/user-register-store', [UserRegisterController::class,'postRegistration'])->name('user.registerd');
#Display all notifications to Admin
Route::get('/notification', [AdminController::class,'showNotificaton']);
#Notification mark as Read
Route::post('/mark-as-read',[AdminController::class, 'markNotification'])->name('markNotification');
app\Http\Controllers\UserRegisterController.php :
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use\App\Models\User;
use Auth;
use Illuminate\Support\Facades\Hash;
use App\Notifications\NewUserRegisterNotification;
class UserRegisterController extends Controller
{
public function register()
{
return view('notificationExample.register');
}
public function postRegistration(Request $request)
{
$request->validate([
'name' => 'required',
'email' => 'required|email|unique:users',
'phone' => 'required',
'password' => 'required|min:5',
]);
$user = new User;
$user->name = $request->name;
$user->email = $request->email;
$user->phone = $request->phone;
$user->password = Hash::make($request->password);
$user->save();
$notification = User::first();
#store notification info into notifications table
$notification->notify(new NewUserRegisterNotification($user));
dd('user registered successfully, Notification send to Admin Successfully.');
}
}
resources\views\notificationExample\register.blade.php
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="main">
<h3><a>Send User Register notification to Admin in Laravel</a></h3>
<form role="form" action="{{route('user.registerd')}}" method="post">
@csrf
<div class="form-group">
<label for="userename">Name <span class="text-danger">*</span></label>
<input type="text" name="name" class="form-control">
@if ($errors->has('name'))
<span class="text-danger">{{ $errors->first('name') }}</span>
@endif
</div>
<div class="form-group">
<label for="useremail">Email <span class="text-danger">*</span></label>
<input type="email" name="email" class="form-control">
@if ($errors->has('email'))
<span class="text-danger">{{ $errors->first('email') }}</span>
@endif
</div>
<div class="form-group">
<label for="phone">Phone <span class="text-danger">*</span></label>
<input type="text" name="phone" class="form-control">
@if ($errors->has('phone'))
<span class="text-danger">{{ $errors->first('phone') }}</span>
@endif
</div>
<div class="form-group">
<label for="userpassword">Password <span class="text-danger">*</span></label>
<input type="password" name="password" class="form-control">
@if ($errors->has('password'))
<span class="text-danger">{{ $errors->first('password') }}</span>
@endif
</div>
<div class="form-group">
</div>
<button type="submit" class="btn btn btn-secondary">
Register
</button>
</form>
</div>
</div>
</div>
</div>
Related article:- Create multiple route files in Laravel 8.
Users Table:-
Now, with every new user registration, a notification will be saved to the database. Like this:
Notifications Table:-
Step 4. Show all the registered Notifications to the Admin
app\Http\Controllers\AdminController.php :
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Auth;
use Session;
class AdminController extends Controller
{
public function showNotificaton()
{
$notifications = auth()->user()->unreadNotifications;
return view('showNotification', compact('notifications'));
}
public function markNotification(Request $request)
{
auth()->user()
->unreadNotifications
->when($request->input('id'), function ($query) use ($request) {
return $query->where('id', $request->input('id'));
})
->markAsRead();
return response()->noContent();
}
}
resources\views\showNotification.blade.php
<div class="dropdown-menu dropdown-menu-right" role="alert" aria-labelledby="navbarDropdownMenuLink">
@if ($notifications->count() > 0 )
@foreach($notifications as $notification)
<div class="alert alert-light" role="alert">
<p class="dropdown-item"><b> {{ $notification->data['name'] }} </b> ({{ $notification->data['email'] }}) has just registered. [{{ date('j \\ F Y, g:i A', strtotime($notification->created_at)) }}]</p>
<a href="#"><button type="button" rel="tooltip" title="Mark as read" class="btn btn-danger btn-link btn-sm mark-as-read" data-id="{{ $notification->id }}">
<i class="material-icons">close</i>
</button>
</a>
</div>
<hr>
@endforeach
<a href="#" class="dropdown-item" id="mark-all">
Mark all as read
</a>
@else
<p class="dropdown-item">There are no new notifications</p>
@endif
</div>
Here’s how it looks:
Step 5. Laravel notification mark as read
By database column notifications.read_at which is NULL by default, or will contain a timestamp if it was read.
Related article:- Change the timezone in Laravel.
So, to mark notifications as read, we just need to fill in that column. We will do that via AJAX calls from the dashboard and an Admin Controller.
routes\web.php
#Notification mark as Read
Route::post('/mark-as-read',[AdminController::class, 'markNotification'])->name('markNotification');
resources\views\showNotification.blade.php
<div class="dropdown-menu dropdown-menu-right" role="alert" aria-labelledby="navbarDropdownMenuLink">
@if ($notifications->count() > 0 )
@foreach($notifications as $notification)
<div class="alert alert-light" role="alert">
<p class="dropdown-item"><b> {{ $notification->data['name'] }} </b> ({{ $notification->data['email'] }}) has just registered. [{{ date('j \\ F Y, g:i A', strtotime($notification->created_at)) }}]</p>
<a href="#"><button type="button" rel="tooltip" title="Mark as read" class="btn btn-danger btn-link btn-sm mark-as-read" data-id="{{ $notification->id }}">
<i class="material-icons">close</i>
</button>
</a>
</div>
<hr>
@endforeach
<a href="#" class="dropdown-item" id="mark-all">
Mark all as read
</a>
@else
<p class="dropdown-item">There are no new notifications</p>
@endif
</div>
<script>
function sendMarkRequest(id = null) {
return $.ajax("{{ route('markNotification') }}", {
method: 'POST',
data: {
_token: '{{ csrf_token() }}',
id
}
});
}
$(function() {
$('.mark-as-read').click(function() {
let request = sendMarkRequest($(this).data('id'));
request.done(() => {
$(this).parents('div.alert').remove();
});
});
$('#mark-all').click(function() {
let request = sendMarkRequest();
request.done(() => {
$('div.alert').remove();
})
});
});
</script>
app\Http\Controllers\AdminController.php :
public function markNotification(Request $request)
{
auth()->user()
->unreadNotifications
->when($request->input('id'), function ($query) use ($request) {
return $query->where('id', $request->input('id'));
})
->markAsRead();
return response()->noContent();
}
We learned the “Laravel 8 database notification example”, I hope this article will help you with your Laravel application Project.
Read also:- Delete the previous image from the folder when updated by a new image in Laravel.
Gaurav Pandey
Hi, My name is Gaurav Pandey. I'm a Laravel developer, owner of 8Bityard. I live in Uttarakhand - India and I love to write tutorials and tips that can help other developers. I am a big fan of PHP, Javascript, JQuery, Laravel, WordPress. connect@8bityard.com
