ejs是一個node.js樣板引擎,配合express使用會非常方便
安裝ejs
npm install ejs
使用方式
app.js
//Express
var express = require("express");
var http = express();
var port = 1234;
// Configuration
http.configure( function (){
//定義view的路徑,view的檔名後面要加上ejs(例如index.ejs)
this.set( 'views', __dirname + '/views' );
//將jade改成ejs
this.set( 'view engine', 'ejs' );
});
http.listen(port);
http.get('/', function(req, res, next){
//render index.ejs
res.render('index',{
title :'Hello',
users :['johnson','maple'],
});
});
views/index.ejs
<!-- include head.ejs -->
<% include head %>
<!-- 使用<%-輸出時會做 HTML escape -->
<h1 id="page-title"><%- title %></h1>
<ul>
<!-- foreach -->
<% users.forEach(function(user){ %>
<li><%= user %></li>
<% }) %>
</ul>
其實ejs用起來跟PHP的Smarty很像,如果有用過Smarty的人會很容易上手