Saturday, February 11, 2017

Node.js Tutorial for Beginners 22 - Node.js template engine EJS in Express





Project files

about.html
index.html
index.js  
node_modules/  
package.json  
views/students.ejs


index.js
var express = require('express');
var app = express();

app.set('view engine', 'ejs');

app.get('/', function(req, rep) {
    rep.sendFile(__dirname + '/index.html');
})

app.get('/about', function(req, rep) {
    rep.sendFile(__dirname + '/about.html');
})

var students = {
    1 : 'Mark',
    2 : 'Tom',
    3 : 'john'
}

app.get('/students/:id', function(req, rep) {
    rep.render('students', { name : students[req.params.id] , id : req.params.id});
})

app.listen(3000, function() {
    console.log('our server is live on posrt 3000');
})

package.json
{
  "name": "express_test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "ejs": "^2.5.5",
    "express": "^4.14.1"
  }
}

\views\students.ejs
<html>
    <head>
        <style>
            body {
                background-color: limegreen
            }
        </style>
    </head>
    <body>
        <h1>You have requested the student name : <%= name %></h1>
        <p>id : <%= id %></p>
    </body>
</html>

index.html
<html>
    <head>
        <style>
            body {
                background-color: limegreen
            }
        </style>
    </head>
    <body>
        <h1>Home Page</h1>
    </body>
</html>


about.html


<html>
    <head>
        <style>
            body {
                background-color: limegreen
            }
        </style>
    </head>
    <body>
        <h1>About Page</h1>
    </body>
</html>

Partner Sites

VideoToGifs.com

EasyOnlineConverter.com

SqliteTutorials.com


Stuff I use to make videos

Windows notebook - http://amzn.to/2ADOPrW

Apple MacBook Pro - http://amzn.to/2AC0WG2

Microphone - http://amzn.to/2AC1kV0

notebook mouse - http://amzn.to/2BmeZ2d