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

時間 2019-11-19

標籤 NodeJs express ejs mate 配置简体版

原文原文鏈接

ejs-mate NodeJs Express 的一個母版頁模塊，能夠方便的把頁面公共部分放入ejs-mate設定的母版頁內，代碼公用。html

官網： Githubgit

安裝 ejs-mate：

$ npm install ejs-mate --save

在你的任何一個內容頁中，好比 index.ejs 內容頁中指向母版頁 mylayout.ejs，代碼以下：

<% layout('mylayout') -%>
<h1>Hello, Ejs-Mate!</h1>

注：若是但願把 mylayout.ejs 放入根目錄，則修改成 <% layout('../mylayout') -%>github

添加或者修改在 View 文件夾中母版頁 mylayout.ejs 的內容爲

<!DOCTYPE html>
<html>
  <head>
    <title>test ejs-mate</title>
  </head>
  <body>
    <section>
      <%- body -%>
    </section>
  </body>
</html>

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

注：以上未註釋部分，是須要修改部分express

完畢npm

謝謝app

相關標籤/搜索

nodejs+express+express

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。