使用 Laravel 5.7 实现 Flash 消息

17 Mar 2025 | 4 分钟阅读

在本节中，我们将使用 Laravel 5.7，以便我们可以使用自定义的 bootstrap 警报 flash message。在给定的示例中，我们将使用控制器方法来重定向并显示警报消息，然后我们将使用 blade 文件来打印 flash message。我们的 bootstrap Laravel 5.7 项目将显示一些消息，例如 警告警报、危险警报、信息警报、成功警报等。我们可以轻松地完成它，而无需使用任何 composer 包。因此，在我们的示例中，我们将不使用任何包。

如果使用 laravel 5.7 应用程序，则需要 flash message，因为 flash message 用于提供警报以及完整进度、警告和错误等的详细信息。 flash message 可以通过多种方式提供，例如重定向并显示信息消息、错误消息、成功消息和警告消息。在我们的示例中，我们将使用 bootstrap flash 警报布局来制作一个良好的布局。在 laravel 应用程序中，我们可以通过以下步骤集成 flash message

步骤 1

在此步骤中，我们将为 Flash Message 创建全局 Blade 文件。为此，将创建 flash-message.blade.php，这是一个新的 blade 文件。我们将使用此文件来编写 bootstrap 警报代码，并且我们将检查传入的消息。为此，我们将添加一些警报，如下所述

成功
错误
警告
info
验证错误

因此，我们将创建 flash.message.blade.php 文件。之后，我们将使用以下代码添加到文件中

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

步骤 2

在第二步中，我们将在主题中包含 Flash message。为此，我们将使用我们的主题默认文件，然后将 flash-message.blade.php 文件包含到其中，如下面的代码所示

resources/views/layouts/app.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <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.c11q	ss" rel="stylesheet">
</head>
<body>

    <div id="app">
        @include('flash-message')

        @yield('content')
    </div>

    <!-- Scripts -->
    <script src="/js/app.js"></script>
</body>
</html>

步骤 3

在第三步中，我们将使用带有重定向的 Flash message。在这里，我们将逐个重定向，并在每次重定向时提供消息。重定向的消息可以分为各种类型。

1. 重定向并显示成功消息

如果我们在 Laravel 中的项目需要重定向 url、重定向路由或重定向返回，我们可以借助成功 flash message 轻松完成。为了成功完成此操作，我们必须使用控制器，如下所述

public function create(Request $request)
{
	$this->validate($request,[
        'title' => 'required',
        'details' => 'required'
        ]);

	$items = Item::create($request->all());

	return back()->with('success','Item created successfully!');
}

我们上面的代码已准备好运行。当我们运行此代码时，我们将获得如下所示的成功 flash message 的输出

Implement Flash Message with Laravel 5.7

2. 重定向并显示错误消息

如果我们在 laravel 中的项目需要重定向 url、重定向路由或重定向返回，我们可以借助错误 flash message 轻松完成。为了成功完成此操作，我们必须使用控制器，如下所述

public function create(Request $request)
{
    return redirect()->route('home')
        ->with('error','Woops, Something is wrong!');
}

我们上面的代码已准备好运行。当我们运行此代码时，我们将获得如下所示的错误 flash message 的输出

3. 重定向并显示警告消息

如果我们在 Laravel 中的项目需要重定向 url、重定向路由或重定向返回，我们可以借助警告 flash message 轻松完成。为了成功完成此操作，我们必须使用控制器，如下所述

public function create(Request $request)
{
    return redirect()->route('home')
            ->with('warning','Please don't Open this link);
}

我们上面的代码已准备好运行。当我们运行此代码时，我们将获得如下所示的警告 flash message 的输出

4. 重定向并显示信息消息

如果我们在 Laravel 中的项目需要重定向 url、重定向路由或重定向返回，我们可以借助信息 flash message 轻松完成。为了成功完成此操作，我们必须使用控制器，如下所述

public function create(Request $request)
{
    $this->validate($request,[
        'title' => 'required',
        'details' => 'required'
        ]);

    $items = Item::create($request->all());

    return back()->with('info','Item created successfully, Follow another step!');
}

我们上面的代码已准备好运行。当我们运行此代码时，我们将获得如下所示的信息 flash message 的输出

5. 验证错误

如果我们想在 laravel 5 中使用验证，我们将自动重定向回错误。此后，还将生成错误 flash message。

public function create(Request $request)
{
    $this->validate($request,[
        'title' => 'required',
        'details' => 'required'
        ]);

    .....
}

我们上面的代码已准备好运行。当我们运行此代码时，我们将获得如下所示的错误 flash message 的输出

通过在我们的 laravel 5 应用程序中使用上述方法，我们可以轻松地实现 flash message。

下一个主题使用 Vue-dropzone 示例的 Laravel VueJS 文件上传

← 上一个下一个 →

使用 Laravel 5.7 实现 Flash 消息

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Laravel 教程

Windows 上的安装

Laravel 路由

Laravel 控制器

Laravel 视图

Laravel Blade 模板

Laravel 迁移

Laravel 数据库

杂项。

面试题

使用 Laravel 5.7 实现 Flash 消息

相关帖子

使用 Chart JS 在 Laravel 中添加图表

Laravel vs Django

Laravel 5.7 模块化结构应用程序

使用 Laravel 中的复选框删除多个记录

使用 Socialite Package 的 Laravel Google OAuth 身份验证

从 Laravel Eloquent 中的表中删除所有记录

Laravel vs CodeIgniter

Laravel 中的 MongoDB CRUD

Laravel Yajra Datatables 导出到 Excel CSV 按钮

使用 Markdown Mailable 类通过 Laravel 7/6 发送电子邮件

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器