Express 4 with Handlebars 添加新路线

Question

我正在尝试向我的新快递应用添加“关于”页面。

我正在运行带车把 (hbs) 的 express 4。

我已经阅读了许多教程，但大多数都不会添加新路线（或者会但没有很好地解释）我主要是从 tutorial 开始工作的。

我需要知道要添加到我的 app.js 和 routes/ 文件夹中的内容，我已经在视图中准备好了 about.hbs。

这是我的 app.js（由 express 生成器生成）：

var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

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

var app = express();

// view engine setup

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);

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

/// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    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/ 文件夹包含 index.js 和 users.js。

index.js：

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

对不起，问题很简单，但我已经花了 3 个小时在这上面，我觉得这可能是一件相当容易的事情。

Answer 1

我建议您放弃一般默认快速生成的应用程序并创建适当的路由系统。您的 app.js 文件不应包含路由，仅包含环境变量。这是我设置项目的方式：

App.js

var express     = require('express');
var http        = require('http');
var path        = require('path');
var compression = require('compression');
var app         = module.exports = express();
var cacheTime   = 86400000*7; //a week

//all environments
app.use(compression());
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.engine('html', require('hogan-express'));
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(__dirname + '/public',{ maxAge: cacheTime }));

//development only
if ('development' === app.get('env')) {
  app.use(express.errorHandler());
}

require('./routes/index.js');

http.createServer(app).listen(app.get('port'), function(req,res){
    console.log('Express server listening on port ' + app.get('port'));
});

路由文件：

var app = require('../app.js');

app.get('/Contact', function(req, res) {
    res.render('contact.html', { /*object*/ });
});

//continue routes here

它具有可扩展性，是大型公司项目的可行选择。您还可以将路线文件分成单独的部分以更好地组织。注意：您需要根据自己的喜好更改我的一些设置