2

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

我现在所做的只有在我在发布后刷新（例如在控制器/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

/控制器/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另外，我应该在我的配置中做类似的事情吗？我在任何地方都找不到完整的示例，而且我发现的示例已经过时。

4

1 回答 1

1

看起来你确实在使用一个过时的例子。Express v3.x 不再使用分词。请参阅在 wiki 中查看系统更改。而是使用块和包含。

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

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并且 noerror存在。

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')
于 2013-02-12T17:52:54.613 回答