Nodejs中req.flash 是怎么用的？

Nodejs中req.flash 是怎么用的？

《node.js开发指南》例子 req.flash(‘error’,‘两次输入的口令不一致’); return res.redirect(’/reg’);

这块代码是怎么用的？

如何在页面显示提示内容呢？

5 回复

Node.js 中 req.flash 的使用方法

在 Node.js 开发过程中，req.flash 是一个非常实用的功能，它用于在请求之间临时存储消息。通常与中间件库如 connect-flash 结合使用，以便在用户重定向后向其展示某些信息（例如错误信息、成功消息等）。

示例代码

首先，你需要安装 connect-flash 库。可以通过 npm 安装：

npm install connect-flash --save

然后，在你的 Express 应用中配置并使用它：

const express = require('express');
const session = require('express-session');
const flash = require('connect-flash');

const app = express();

// 使用 session 中间件
app.use(session({
    secret: 'your-secret-key',
    resave: false,
    saveUninitialized: true
}));

// 初始化 flash 中间件
app.use(flash());

// 设置一个路由来处理表单提交
app.post('/register', (req, res) => {
    if (req.body.password !== req.body.confirmPassword) {
        // 当密码和确认密码不匹配时，设置一个错误消息
        req.flash('error', '两次输入的口令不一致');
    }
    return res.redirect('/register');
});

// 设置另一个路由来显示注册页面
app.get('/register', (req, res) => {
    // 在页面上渲染错误消息
    res.render('register', { 
        error: req.flash('error')
    });
});

页面显示提示内容

为了在页面上显示 req.flash 存储的消息，你可以在视图模板（例如 EJS 或 Pug）中渲染这些消息。假设我们使用的是 EJS 模板引擎：

<!DOCTYPE html>
<html>
<head>
    <title>注册页面</title>
</head>
<body>
    <h1>注册</h1>
    <% if (error.length > 0) { %>
        <div style="color: red;"><%= error %></div>
    <% } %>
    <!-- 表单字段 -->
</body>
</html>

在这个例子中，如果 req.flash('error') 存在，则会显示一条红色的错误消息。

通过这种方式，你可以利用 req.flash 来实现用户在重定向后的提示信息展示，从而提升用户体验。


这东西能不用就不用哈哈自己传个error信息挺简单的

这玩意在express 3已经干掉了 需要connect-flash …

flash 实际就是一个用一次就删除(就是说只引用一次,第二次引用该值就没有了)的变量而已…跟普通的变量一样.

只要把相应的变量传递到模板引擎即可.

我开始用 flash 时也遇到过你这问题，这里有一个关于 connect-flash 简单的例子，你可以看看，应该可以解决你的疑惑！《connect-flash 用法详解》

req.flash 是一个用于存储临时消息的中间件，常用于用户表单提交后的错误处理。它通常与 connect-flash 这样的库一起使用。以下是如何使用 req.flash 的步骤以及如何在页面上显示这些消息。

安装 connect-flash

首先需要安装 connect-flash 中间件：

npm install connect-flash

配置中间件

在你的 Express 应用中配置 connect-flash：

const express = require('express');
const flash = require('connect-flash');
const app = express();

app.use(express.urlencoded({ extended: false })); // 解析表单数据
app.use(flash()); // 使用 flash 中间件

设置 Flash 消息

当你需要设置一个 Flash 消息时，可以在路由中使用 req.flash：

app.post('/register', (req, res) => {
    if (req.body.password !== req.body.confirmPassword) {
        req.flash('error', '两次输入的口令不一致');
        return res.redirect('/register');
    }
    // 处理注册逻辑
});

在页面中显示 Flash 消息

要在页面中显示 Flash 消息，你可以从 res.locals 中获取消息并在视图中渲染它们。例如，如果你使用 EJS 模板引擎：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
</head>
<body>
    <% if (locals.flash && locals.flash.error) { %>
        <div><%= locals.flash.error %></div>
    <% } %>

    <form action="/register" method="POST">
        <input type="password" name="password" placeholder="Password" />
        <input type="password" name="confirmPassword" placeholder="Confirm Password" />
        <button type="submit">Register</button>
    </form>
</body>
</html>

这样，当用户访问 /register 页面并遇到错误时，Flash 消息将被显示在页面上。

回到顶部