Question

我正在尝试添加＆＃34;关于＆＃34;页面到我的新快递应用程序。

我正在使用把手（hbs）运行快车4。

我已经阅读了很多教程，但是大多数人都没有添加新的路线（或者做得很好但不能解释得很好）我一直在使用这个tutorial。

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

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

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

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

带把手的Express 4增加了新的路线

1 个答案: