javascript - 如何从 node.js Controller 渲染 .ejs 文件?

标签 javascript jquery node.js express ejs

我有以下文件夹结构:

  • 垃圾箱
  • Controller
  • 型号
  • Node 模块
  • 公开
  • 路线
  • 观看次数
  • app.js
  • package.json
  • 由于我是node.js和express.js的新手,我想知道如何从 Controller 文件渲染.ejs文件。目前,我的代码如下所示:

    //controllers/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;
    

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

    此外,如果我从路由渲染 .ejs,它会正确显示,但不会从 Controller 显示。

    //错误

    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)
    

    谢谢

    最佳答案

    将您的 View 路径更改为:-

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

    然后在 Controller 中你可以简单地使用

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

    如果 View 文件夹中有文件夹,则使用

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

    关于javascript - 如何从 node.js Controller 渲染 .ejs 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46320881/

    相关文章:

    node.js - ReactJS Socket.io-客户端无法连接

    javascript - 使用特定类的链接填充 javascript 数组

    javascript - post()请求后在jquery中显示图像

    javascript - 如何为 !this.value 添加值?

    javascript - Html.TextBoxFor - 如何关闭历史记录

    jquery - 如何使用 jQuery 获取具有特定 CSS 属性的第一个父对象?

    javascript - $在mongodb中过滤最多3层嵌套

    node.js - Firebase 基于子 Node 的日期范围查询

    javascript - Bootbox.js 对话框正在被剪切

    javascript - 如何在 bootstrap 中添加 particle.js 作为 div 背景