Javascript 如何从node.js控制器呈现.ejs文件?

Javascript 如何从node.js控制器呈现.ejs文件?,javascript,jquery,node.js,express,ejs,Javascript,Jquery,Node.js,Express,Ejs,我有以下文件夹结构: bin 控制器 模型 节点单元 公开的 路线 观点 app.js package.json 由于我不熟悉node.js和express.js,我想知道如何从控制器文件渲染.ejs文件。目前,我的代码如下所示: //控制器/login.js module.exports = { getLoginPage: function (req, res) { res.render('login-form'); } }; var login = requ

我有以下文件夹结构:

  • bin
  • 控制器
  • 模型
  • 节点单元
  • 公开的
  • 路线
  • 观点
  • app.js
  • package.json
  • 由于我不熟悉node.js和express.js,我想知道如何从控制器文件渲染.ejs文件。目前,我的代码如下所示:

    //控制器/login.js

    module.exports = {
        getLoginPage: function (req, res) {
            res.render('login-form');
        }
    };
    
    var login = require('../controllers/login');
    module.exports = function(app){    
        app.get('/', login.getLoginPage);
    };
    
    //routes/login.js

    module.exports = {
        getLoginPage: function (req, res) {
            res.render('login-form');
        }
    };
    
    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)
    

    谢谢

    首先,您需要为视图设置渲染引擎:

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

    首先,需要为视图设置渲染引擎:

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

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

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

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

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

    尝试以下操作:

    var path = require('path');
    res.render(path.resolve('./views/error'))
    
    请尝试以下操作:

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

    将视图路径更改为:-

    app.set('views',path.join(__dirname+'/views/'));
    
    然后在控制器中,您可以简单地使用

    //assuming hello.ejs is in your view folder
    response.render('hello.ejs');
    
    如果视图文件夹中有文件夹,则使用

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

    将视图路径更改为:-

    app.set('views',path.join(__dirname+'/views/'));
    
    然后在控制器中,您可以简单地使用

    //assuming hello.ejs is in your view folder
    response.render('hello.ejs');
    
    如果视图文件夹中有文件夹,则使用

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

    @DevAymen解决方案对我不起作用。@DevAymen解决方案对我不起作用。能否显示更多代码和信息,如视图直接位于“视图”文件夹或子文件夹中。错误消息是什么?请检查更新的问题。是的,.ejs文件在views文件夹下。从我看到的。应用程序到达您在app.js中设置的错误处理程序,当它到达
    res.render('error')
    时,它找不到错误视图。这很奇怪,因为
    app.use
    在路由处理程序之后,从逻辑上讲,中间件不应该被访问,因为您没有在路由中调用
    next()
    。。。。尝试删除404转发错误处理程序和错误处理程序,然后查看视图是否呈现在删除这些代码后,它会给我以下错误:“TypeError:无法读取undefined的属性'errors'。错误发生在哪里。我假设错误消息指向错误行?您是否可以显示更多代码和信息,例如视图直接位于“视图”文件夹或子文件夹中。错误消息是什么?请检查更新的问题。是的,.ejs文件在views文件夹下。从我看到的。应用程序到达您在app.js中设置的错误处理程序,当它到达
    res.render('error')
    时,它找不到错误视图。这很奇怪,因为
    app.use
    在路由处理程序之后,从逻辑上讲,中间件不应该被访问,因为您没有在路由中调用
    next()
    。。。。尝试删除404转发错误处理程序和错误处理程序,然后查看视图是否呈现在删除这些代码后,它会给我以下错误:“TypeError:无法读取undefined的属性'errors'。错误发生在哪里。我假设错误消息指向错误行?