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
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'。错误发生在哪里。我假设错误消息指向错误行?