ejs是一個node.js樣板引擎,配合express使用會非常方便

ejs source

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

Categories: Node.js