Nuxt CNode：Node.js专业中文社区

Express ejs 3.*版本不支持 layout.ejs？

发布于 13 年前作者 iln168 20573 次预览最后一次回复是 7 年前来自

今天按教程写了一些测试代码测试Express 模板引擎为ejs，如果我如何配置参数都不能使用layout.ejs 或其它。后来通过google 发现ejs 3.*以后版本不支持那种用法。

29 回复

可以用include

是的请加载express-partials

小弟是初学的，有没有参考代码啊

如何加载express-partials

在package.json里面的dependencies添加"express-partials": "*" 然后运行cmd并切换至项目目录运行npm install获得最新版。 app.js里面引用express-partials: 1 添加引用var partials = require(‘express-partials’); 2 在app.set(‘view engine’, ‘ejs’);下面添加app.use(partials());

iln168

6楼•13 年前

@duyinghua 哥终于可以了，谢谢你的方法。顺便问一下如何设置头像

duyinghua

7楼•13 年前

@iln168 在任何论坛随便发个帖子带个图片，然后得到图片url复制过来

@duyinghua 天才

@iln168 呃…慢慢学习吧

@duyinghua 哥随便再请教你一个问题不知道你看过Node.js开发指南没，上面有一个例子讲到express的用法其中 app.use(express.router(routes))代替app.use(app.router) 后错误我用console.log(typeof express.router)为undefined. 这是什么回事

用include如何实现啊

@iln168 那本书已看完了，这个不要这么用了，一定是3.0也有区别了。给你看看我的方法吧，不知道能不能帮到你，其实就是把配置跳转的信息抽出到一个js里面了,ctrl.js有点类似spring的配置xml吧 app.js代码:

     var routeCtrl = require("./controller/ctrl"),
     controllers = require('./controller/controllers');
...
     routeCtrl(app, controllers);

ctrl.js代码:

module.exports = function (app, routes) {
    app.get('/',routes.index);
    app.get('/', routes.main);
};

controllers.js代码:

exports.index = function (req, res) {

    res.render('index', { title:'首页'});
};
exports.main = function (req, res) {
    res.render('main', {layout:'main_layout', title:'主页'});
};

根据这个思路可以自行扩展

@duyinghua 你这种方法比书上的好多了，可以了谢了

也碰到这个问题。

http://hectorcorrea.com/blog/using-layouts-with-ejs-in-express-3-x

我就是这个问题转用 swig 了。

@duyinghua 菜鸟在此谢过。这样能减少代码冗余。

saber

19楼•12 年前

我其实挺赞同express去掉layout的支持，其实master, layout这种布局蛮局限的，比如你的master里有一些公用的css，而每个view又有一些独立的css,这时候你就很纠结怎么写，如果把所有的css都写在master里肯定会造成页面加载的时候加载了很多不需要的css，如果把css分散到每个view里面去，因为head是在master里的，view的css只能写在body里，这样页面加载的时候一开始就会有错乱

youxiachai

20楼•12 年前

其实3.1 以后直接 app.engine('.html', require('ejs').__express); 就可以注册模板引擎了

adaromu

21楼•12 年前

新版本改成了 <%- include file.ejs %>

具体使用方法如下：

views文件夹下新建header.ejs，插入代码

<html> <head> <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8”> <title>Index</title> <link rel=“stylesheet” href=“stylesheets/style.css”> </head> <body>
views文件夹下新建footer.ejs，插入代码

</body> </html>
修改index.ejs的代码如下

<%- include header %> Hello,world! <%- include footer %>

这个办法不错，和PHP的思路一样。

@duyinghua 你好我想问下，我用的是express3.0，当我用npm install express-partials时，它就报错了，想问下，怎么修正？

lkf520kyle

24楼•12 年前

虽然这个是express github 中的demo，但是我不认同这种include方法这样写的话，完全破坏了页面片段的完整性我认为layout是完整的共同框架，里面会有很多个坑，一些placehold 然后到具体的页面片段中，由该页面判断来决定去使用哪个框架layout,然后该页面片段也可以把自己声明成placehold