1.第一种方法用include

用<% include 模板名(可不加.ejs) %>的写法,具体如下

<% include header %>  //套用布局拆成两部分 header.ejs + footer.ejs

<form class="form-horizontal" method="post" >     
//新的表单
</form>

<% include footer %>

原来的express 2.0.x 中moren layout.ejs模板写法为,上边的header和footer相当于把layout以<%- body %>为界,拆成两部分

<!DOCTYPE html> 
<html> 
  <head> 
    <title><%= title %></title> 
    <link rel='stylesheet' href='/stylesheets/style.css' /> 
  </head> 
  <body> 
    <%- body %> 
  </body> 
</html>

 

2.第二种方法 安装express-partial 模块(我自己还没试成功,先备份着????????)

  ①安装 express-partial

npm install express-partials

 或者修改package.json里面的dependencies,添加"express-partials": "*",并执行npm install获得最新版

 ②在 app.js 中使用 express-partial
var partials = require('express-partials');
app.use(partials());

在需要引用模板的地方调用layout:'模版名称'

 app.get('/reg', function (req, res) {
 res.render('reg', {
 title: '用户注册',
 layout: 'layout.ejs'
 }); 
 });

 

注意:app.use(partials()); 一定要在 app.use(app.router); 前面

posted on 2014-03-21 21:05  zhangxh_Doris  阅读(910)  评论(0编辑  收藏  举报