今天按教程写了一些测试代码 测试Express 模板引擎为ejs,如果我如何配置参数都不能使用layout.ejs 或其它。后来通过google 发现ejs 3.*以后版本不支持那种用法。
在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());
@duyinghua 哥随便再请教你一个问题 不知道你看过Node.js开发指南没,上面有一个例子讲到express的用法其中 app.use(express.router(routes))代替app.use(app.router) 后错误我用console.log(typeof express.router)为undefined. 这是什么回事
@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:'主页'});
};我其实挺赞同express去掉layout的支持, 其实master, layout这种布局蛮局限的, 比如你的master里有一些公用的css,而每个view又有一些独立的css,这时候你就很纠结怎么写,如果把所有的css都写在master里肯定会造成页面加载的时候加载了很多不需要的css, 如果把css分散到每个view里面去,因为head是在master里的,view的css只能写在body里,这样页面加载的时候一开始就会有错乱
新版本改成了 <%- 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 %>
虽然这个是express github 中的demo,但是我不认同这种include方法 这样写的话,完全破坏了页面片段的完整性 我认为layout是完整的共同框架,里面会有很多个坑,一些placehold 然后到具体的页面片段中,由该页面判断来决定去使用哪个框架layout,然后该页面片段也可以把自己声明成placehold