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

原创
2016/07/03 22:49
阅读数 781

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')
//....

注:以上未注释部分,是需要修改部分

完毕

谢谢

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部