Dynamic EJS 3

Alex (@alex)

29726

0

0

About This Space

Demo app to use EJS to display information from a database


Last updated on November 21, 2019

Public Permissions:   View   Open/Fork   Run   Comment  

Dynamic EJS List Template

This template illustrates how to use EJS to display information from a database.

What is EJS?

EJS is a simple templating language that lets you generate HTML markup using dynamic data from a Node.js script. For more information, visit http://ejs.co.

Setup

Generally, you will need 2 files to implement EJS:

  • A Node.js file to produce the data for the ejs template (list.js)
  • An EJS file for the HTML template (list.ejs)

response.render() connects the Node.js code to the EJS file. For example:

function list(request, response) {  
  var customers = pjs.query("SELECT customerName FROM customers");
  response.render("list.ejs", { customers });
}

The Node.js file must be setup as an Express route:

Screenshot

To get to this dialog, right-click the file in the Files tree and select Properties.

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

More Spaces By Alex (@alex)

Filters:

Popular Recent

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

39729

0

0

39450

0

0

This interactive app prompts the user for key fields to lookup a database record and displays the results

38792

0

1

38665

0

0

This is a full database maintenance CRUD application with view, change, add, and delete capabilities

38601

0

1

The app is used to for hosting events. It allows users to select their schedule, rate sessions, and leave feedback for speakers

38536

0

5

Database-driven survey app

38529

0

2

Displaying information in grids is fundamental to developing applications. This demo application displays a list of products in a grid.

38393

0

0

This workspace illustrates the basic setup of an HTML page that includes external JavaScript and CSS files

38389

0

0

This workspace implements Watson Visual Recognition. The application uses your device camera to take your photo, determine how old you look, and tell you all about it using human speech though the speakers on your device.

38356

4

8