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>
IT Certification Category (English)640x480

Partner Sites

VideoToGifs.com

EasyOnlineConverter.com

SqliteTutorials.com


Top Online Courses From ProgrammingKnowledge

Python Course http://bit.ly/2vsuMaS
Java Coursehttp://bit.ly/2GEfQMf
Bash Coursehttp://bit.ly/2DBVF0C
Linux Coursehttp://bit.ly/2IXuil0
C Course http://bit.ly/2GQCiD1
C++ Coursehttp://bit.ly/2V4oEVJ
PHP Coursehttp://bit.ly/2XP71WH
Android Coursehttp://bit.ly/2UHih5H
C# Coursehttp://bit.ly/2Vr7HEl
JavaFx Coursehttp://bit.ly/2XMvZWA
NodeJs Coursehttp://bit.ly/2GPg7gA
Jenkins Course http://bit.ly/2Wd4l4W
Scala Coursehttp://bit.ly/2PysyA4
Bootstrap Coursehttp://bit.ly/2DFQ2yC
MongoDB Coursehttp://bit.ly/2LaCJfP
QT C++ GUI Coursehttp://bit.ly/2vwqHSZ