我目前正在使用 Express 框架学习 NodeJS。由于某些原因,Express 4 的指南不多,但 Express 3 的指南却很多。
我正在尝试使用 connect-flash 将错误从“注册”函数传递回 Jade 模板。
app.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 访问此闪存消息:
.alert.alert-danger #{messages.error}
但由于某种原因,我收到错误无法读取未定义的属性“错误”
。这当然意味着messages
未定义。但是,我尝试过 error
以及 error_messages
(请参阅 app.js,第 38 至 42 行),但没有成功。
除了这个问题,不知道大家是否知道有什么好的资源可以找到express 4指南?
谢谢!
最佳答案
我发现您正在使用中间件来访问所有 View 中的消息。这完全没问题,但你必须在路由定义之前声明它:
// 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”,您可以采用更简单的方式来实现。
Jade :
-if(message)
.alert.alert-danger !{message}
服务器:
if(error.length > 0) {
req.flash('error', error);
res.redirect('/',{message: req.flash('error')});
}
关于node.js - 在 Express 4 中访问来自 Jade 的即时消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26320769/