【NodeJs express】 ejs-mate母版页配置

ejs-mate NodeJs Express 的一个母版页模块，可以方便的把页面公共部分放入ejs-mate设定的母版页内，代码公用。

官网： Github

  1. 安装 ejs-mate：
$ npm install ejs-mate --save
  1. 在你的任何一个内容页中，比如 index.ejs 内容页中指向母版页 mylayout.ejs，代码如下：
<% layout('mylayout') -%>
<h1>Hello, Ejs-Mate!</h1>

注：如果希望把 mylayout.ejs 放入根目录，则修改为 <% layout('../mylayout') -%>

  1. 添加或者修改在 View 文件夹中母版页 mylayout.ejs 的内容为
<!DOCTYPE html>
<html>
  <head>
    <title>test ejs-mate</title>
  </head>
  <body>
    <section>
      <%- body -%>
    </section>
  </body>
</html>
  1. 在 app.js 中修改或添加内容如下
//var express = require('express'),
  engine = require('ejs-mate'),
//app = express();

//use ejs-locals for all ejs templates:
app.engine('ejs', engine);

//app.set('views',__dirname + '/views');
//app.set('view engine', 'ejs'); // so you can render('index')
//....

注：以上未注释部分，是需要修改部分

完毕

谢谢

posted @ 2016-07-03 22:49  游子善心  阅读(13)  评论(0)  编辑  收藏  举报  来源