Question

几周前开始使用Express，最后遇到了我的第一个障碍。我正在试图弄清楚如何向我的视图发送flash消息（layout.jade）。当我验证用户注册并且验证失败（使用express-validator）时，我想写入会话flash消息，然后在页面上显示它。

我现在正在做的事情只有在刷新后才会有效（例如在controllers / index.js中），而且我还需要弄清楚如何只显示此flash信息：

/app.js

/*
 * Configuration
 */
app.configure(function() {
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(expressValidator);
  app.use(express.cookieParser());
  app.use(express.bodyParser({ uploadDir : './' }));
  app.use(express.methodOverride());
  app.use(viewHelpers());
  app.use(function(req, res, next){
    res.locals.messages = req.session.messages || {};
    delete req.session.messages;
    next();
  });
  app.use(express.session({
    secret: config.secret,
    cookie: {
      maxAge: 365 * 24 * 60 * 60 * 1000
    },
    store: new MongoStore(config.db)
  }));
  app.use(express.static(__dirname + '/public'));
  app.use(app.router);
});

/views/layout.jade：

div.alert.alert-error
  - if (typeof messages !== "undefined")
    !=partial('session_flash', { messages : messages })

/views/partials/session_flash.jade：

div.alert.alert-error
  each message in messages
    =message

/controllers/index.js

req.assert(['user', 'username'], 'Please enter a valid username').len(3, 23);
req.assert(['user', 'email'], 'Please enter a valid email').isEmail();
req.assert(['user', 'password'], 'Please enter a valid password').len(3, 23);
req.session.messages = 'Please fix the errors below';
    errors = req.validationErrors();

    if (errors) {
      console.log(errors);
      res.render('join', {
        title : 'Join -',
        errors: errors,
        params: params
      });
      return;
    }

它是否仅在我刷新后（POST后）显示，因为我在/controllers/index.js而不是/app.js内呈现联接模板？另外，我应该在配置中做delete req.session.messages这样的事情吗？我无法在任何地方找到完整的例子，而我发现的那些已经过时了。

Answer 1

看起来你确实在使用过时的例子。 Express v3.x不再使用partials。请参阅Wiki中的View system changes。而是使用blocks和includes。

在登录时显示错误消息的简单方法是

index.js

app.locals.error = null;

app.post('/login', function(req, res){

  var name = req.body.name;
  var password = req.body.password;

  if (!name || !password) {
    res.status(400);
    return res.render('login', {
      error: 'All fields are required'
    });
  }

})

app.locals.error = null将错误的默认值设置为null。通过这样做，您不必在每次呈现error时都设置login.jade变量，并且不存在error。

res.render('login', {
  error: null
});

您的login.jade模板可能如下所示

extends layout

block content
  - if (error)
    p= error
  form(method='post', action='/login')
    p
      label(for='name') Username:
      input(type='text', name='name', id='name')
    p
      label(for='password') Password:
      input(type='password', name='password', id='password')
    p
      input(type='submit', value='Submit')

会话闪存消息仅在单独刷新后显示，而不在快递中的POST上显示

1 个答案: