Nodejs中关于connect-flash的问题

在 Node.js 中使用 connect-flash 库可以在会话期间向用户显示临时消息。以下是解决您所提到的问题的详细步骤和代码示例。

1. 安装必要的库

首先确保安装了 express, connect-flash, 和 cookie-parser：

npm install express connect-flash cookie-parser

2. 配置中间件

在 app.js 文件中配置这些中间件：

var express = require('express');
var cookieParser = require('cookie-parser');
var session = require('express-session');
var flash = require('connect-flash');

var app = express();

// 使用中间件
app.use(cookieParser());
app.use(session({
    secret: 'hardwork!',
    resave: false,
    saveUninitialized: true,
    cookie: { maxAge: 60000 }
}));
app.use(flash());

// 登录处理
app.post('/loginaction', function (req, res) {
    var user = new User(req.body.user);
    user.save(function (err) {
        if (!err) {
            req.flash('info', '登录成功！');
            res.redirect('/');
        } else {
            res.redirect('/login');
        }
    });
});

// 显示消息
app.get('/', function (req, res) {
    res.render('index', { messages: req.flash('info') });
});

app.listen(3000, function () {
    console.log("Server running on port 3000");
});

3. 修改 Jade 模板

在 Jade 模板中显示消息：

doctype html
html
  head
    title Flash Message Example
  body
    h1 Flash Message Example
    if messages.length > 0
      ul
        each msg in messages
          li= msg
    form(method='post', action='/loginaction')
      fieldset
        legend Register a user
        div.clearfix
          label Login
          div.input
            input(name='user[name]', class='xlarge')
            input(name='user[pwd]', type='password', class='xlarge')
          div.actions
            input(type='submit', value='Save', class='btn primary')
            input(type='reset', value='Reset', class='btn primary')
            input(type='button', value='Cancel', class='btn primary')

解释

1. 中间件配置：

   • cookieParser()：解析请求中的 cookie。
   • session()：设置会话中间件，用于存储会话数据。
   • flash()：设置闪现消息中间件。

2. 登录处理：

   • 当用户成功登录时，使用 req.flash('info', '登录成功！') 设置闪现消息，并重定向到主页。

3. 显示消息：

   • 在主页 (/) 上，通过 res.render('index', { messages: req.flash('info') }) 将闪现消息传递给视图。
   • 在 Jade 模板中，检查 messages 数组是否为空，如果不为空，则显示消息列表。

这样就可以在用户登录成功后，向他们显示一条临时的消息。