Node Template Engine

1
{
2
  "name": "simple-template-engines",
3
  "version": "0.0.1",
4
  "dependencies": {
5
    "ejs": "^2.3.3",
6
    "express": "^4.13.1",
7
    "express-handlebars": "^2.0.1",
8
    "jade": "^1.11.0",
9
    "swig": "^1.4.2"
10
  }
11
}

1
var express = require('express')
2
var path = require('path')
3

4
var app = express()
5

6
app.set('views', path.join(__dirname, 'views'))
7
// Setup template engines go here.
8

9
app.get('/', function (req, res) {
10
  // code goes here
11
})
12

13
app.listen(8000, function () {
14
  console.log('App running on port 8000')
15
})

1
npm install jade

1
app.set('view engine', 'jade')
2

3
app.get('/jade', function (req, res) {
4
  res.render('index', {
5
    title: 'This is title of Jade Template',
6
    message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
7
    names: ['John Doe', 'Jane Doe', 'Jane Dane']
8
  })
9
})

1
h1 #{title}
2
p #{message}
3
ul
4
    each name in names
5
        li= name

1
<h1>This is title of Jade Template</h1>
2
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
3
<ul>
4
  <li>John Doe</li>
5
  <li>Jane Doe</li>
6
  <li>Jane Dane</li>
7
</ul>

1
npm install ejs

1
app.set('view engine', 'ejs')
2

3
app.get('/ejs', function (req, res) {
4
  res.render('index', {
5
    title: 'This is title of EJS Template',
6
    message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
7
    names: ['John Doe', 'Jane Doe', 'Jane Dane']
8
  })
9
})

1
<h1><%= title %></h1>
2
<p><%= message %></p>
3
<ul>
4
    <% names.forEach(function(name) { %>
5
        <li><%= name %></li>
6
    <% }); %>
7
</ul>

1
<h1>This is title of EJS Template</h1>
2
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
3
<ul>
4
  <li>John Doe</li>
5
  <li>Jane Doe</li>
6
  <li>Jane Dane</li>
7
</ul>

1
npm install swig

1
var swig = require('swig')
2

3
app.engine('html', swig.renderFile)
4
app.set('view engine', 'html')
5

6
app.get('/swig', function (req, res) {
7
  res.render('index', {
8
    title: 'This is title of Swig Template',
9
    message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
10
    names: ['John Doe', 'Jane Doe', 'Jane Dane']
11
  })
12
})

1
<h1>{{ title }}</h1>
2
<p>{{ message }}</p>
3
<ul>
4
  {% for name in names %}
5
  <li>{{ name }}</li>
6
  {% endfor %}
7
</ul>

1
<h1>This is title of Swig Template</h1>
2
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
3
<ul>
4
  <li>John Doe</li>
5
  <li>Jane Doe</li>
6
  <li>Jane Dane</li>
7
</ul>

1
npm install express-handlebars

1
var handlebars = require('express-handlebars')
2

3
app.engine('hbs', handlebars({ extname: 'hbs' }))
4

5
app.get('/hbs', function (req, res) {
6
  res.render('index', {
7
    title: 'This is title of Handlebars Template',
8
    message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit',
9
    names: ['John Doe', 'Jane Doe', 'Jane Dane']
10
  })
11
})

1
<h1>{{ title }}</h1>
2
<p>{{ message }}</p>
3
<ul>
4
  {{#each names }}
5
  <li>{{ this }}</li>
6
  {{/each}}
7
</ul>

1
<h1>This is title of Handlebars Template</h1>
2
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
3
<ul>
4
  <li>John Doe</li>
5
  <li>Jane Doe</li>
6
  <li>Jane Dane</li>
7
</ul>