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的人會很容易上手