如何从 node.js 控制器渲染 .ejs 文件？

Question

我有以下文件夹结构：

bin

控制器

型号

node_modules

公开

路线

观看次数

app.js

package.json

由于我是 node.js 和 express.js 的新手，我想知道如何从控制器文件中渲染 .ejs 文件。目前，我的代码如下所示：

//控制器/login.js

module.exports = {
    getLoginPage: function (req, res) {
        res.render('login-form');
    }
};

//routes/login.js

var login = require('../controllers/login');
module.exports = function(app){    
    app.get('/', login.getLoginPage);
};

//app.js

var express = require('express');
var http = require('http');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser'); //parses information from POST
var stylus = require('stylus');
var validator = require('express-validator');
var session = require('express-session');

var app = express();

require('./routes/login')(app);

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

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(validator());
app.use(cookieParser());
app.use(stylus.middleware(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));
app.use(session({secret: 'max', saveUninitialized: false, resave: false}));

// 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 handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

在我的控制器中，如果我编写 res.send("Hello");，它会打印，但我希望整个 .ejs 文件显示在我的浏览器上。这怎么可能？

另外，如果我从路由中渲染 .ejs，它会正确显示，但不会从控制器中显示。

//错误

Error: Failed to lookup view "error" in views directory "C:\node\folder-name\views"
    at EventEmitter.render (C:\node\folder-name\node_modules\express\lib\application.js:580:17)
    at ServerResponse.render (C:\node\folder-name\node_modules\express\lib\response.js:971:7)
    at C:\node\folder-name\app.js:60:7
    at Layer.handle_error (C:\node\folder-name\node_modules\express\lib\router\layer.js:71:5)
    at trim_prefix (C:\node\folder-name\node_modules\express\lib\router\index.js:315:13)
    at C:\node\folder-name\node_modules\express\lib\router\index.js:284:7
    at Function.process_params (C:\node\folder-name\node_modules\express\lib\router\index.js:335:12)
    at next (C:\node\folder-name\node_modules\express\lib\router\index.js:275:10)
    at Layer.handle_error (C:\node\folder-name\node_modules\express\lib\router\layer.js:67:12)
    at trim_prefix (C:\node\folder-name\node_modules\express\lib\router\index.js:315:13)

谢谢

Answer 1

将您的视图路径更改为：-

app.set('views',path.join(__dirname+'/views/'));

然后在控制器中你可以简单地使用

//assuming hello.ejs is in your view folder
response.render('hello.ejs');

如果视图文件夹中有文件夹，则使用

response.render('error/404.ejs');

Answer 2

首先需要设置视图的渲染引擎：

app.set('view engine','ejs');

Answer 3

您需要将视图引擎设置为 ejs ：

app.set('view engine', 'ejs')

Docs

Answer 4

尝试以下方法：

var path = require('path');
res.render(path.resolve('./views/error'))