Tuesday, February 14, 2017

Node.js Tutorial for Beginners 23 - using JavaScript with EJS



Project files

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



index.js



var express = require('express');
var app = express();

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

var students = {
    1 : {
        name : 'Mark',
        subjects : ['c++', 'Java', 'c']
    },
    2 : {
        name : 'Tom',
        subjects : ['C#', 'Pthon', 'Mysql']
    },
    3 : {
        name : 'John',
        subjects : ['Javascript', 'Sqlite', 'c']
    },
}

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

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>
        <h1>Subjects</h1>
        <ul>
         <% subjects.forEach(function(item) { %>
           <li> <%= item %></li>
         <%});%>
        </ul>
    </body>
</html>