Dynamic EJS List

Alex (@alex)

45489

0

0

About This Space

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


Last updated on April 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:

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

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 });
}

exports.run = list;

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

React.js using Rich Display Components built in the Visual Designer

26563

0

0

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

27688

0

0

26055

0

0

This workspace deploys a custom server

27613

0

0

A Hello World app with both dynamic output and input fields

26290

0

0

Simple output to a browser from Node.js

27205

0

0

Static HTML Hello World App

25286

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.

38318

4

8

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

27052

0

0

Stateless Customer Inquiry App

28430

0

0

Stateful Customer Inquiry App

26141

0

0

Stateful Customer Inquiry App

27846

0

0