2

我目前正在使用 Express 框架学习 NodeJS。出于某种原因，Express 4 的指南并不多，但 Express 3 的指南却很多。

我正在尝试使用 connect-flash 将“注册”函数中的错误传递回 Jade 模板。

应用程序.js

var express = require('express'),
    session = require('express-session'),
    path = require('path'),
    favicon = require('serve-favicon'),
    logger = require('morgan'),
    cookieParser = require('cookie-parser'),
    bodyParser = require('body-parser'),
    flash = require('connect-flash');

var routes = require('./routes/index');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(session({secret: "testsecret", cookie: { maxAge: 60000 }}));
app.use(express.static(path.join(__dirname, 'public')));
app.use(flash());

app.use('/', routes);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// send errors to page if any.
app.use(function(req, res, next){
    res.locals.success_messages = req.flash('success_messages');
    res.locals.error_messages = req.flash('error_messages');
    next();
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.locals.pretty = true;
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

module.exports = app;

在我的 routes.js 中，我得到了以下代码：

router.post('/register', function(req, res) {
  var params = req.body;
  var email = params.email;
  var username = params.username;
  var password = params.password;
  var error;
  if(!validator.isEmail(email)) {
    error = '<strong>' + email + '</strong> is not a valid email address!';
  }
  if(error.length > 0) {
    req.flash('error', error);
    res.redirect('/');
  }
});

我 100% 确定存在错误，并且req.flash('error', error);通过了。我正在尝试从我的 index.jade 访问此 Flash 消息：

.alert.alert-danger #{messages.error}

但由于某种原因，我收到错误消息Cannot read property 'error' of undefined。这当然意味着这messages是未定义的。但是，我也尝试过error（error_messages参见 app.js，第 38 至 42 行），但无济于事。

除了这个问题，我想知道你们是否知道任何可以找到快速 4 指南的好资源？

谢谢！

4

1 回答 1

4

我看到您正在使用中间件来访问所有视图中的消息。这很好，但你必须在你的路线定义之前声明它：

// send errors to page if any.
app.use(function(req, res, next){
    res.locals.success_messages = req.flash('success_messages');
    res.locals.error_messages = req.flash('error_messages');
    next();
});

app.use('/', routes);

并将您的错误名称更改为：

if(error.length > 0) {
    req.flash('error_messages', error);
    res.redirect('/');
}

Jade 会自动转义您的 html 代码，因此您需要使用 !{}

.alert.alert-danger !{error_messages}

如果您希望此特定错误消息不被视为“error_messages”，则可以以更简单的方式进行。

翡翠：

-if(message)
    .alert.alert-danger !{message}

服务器 ：

if(error.length > 0) {
    req.flash('error', error);
    res.redirect('/',{message: req.flash('error')});
}
于 2014-10-12T01:10:37.180 回答