Dynamic EJS List

Alex (@alex)

53846

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

Vue.js Product Listing Application

49167

0

1

Testing Vue.js Framework

34459

0

0

Vue.js Hello World Example

47860

0

2

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

32513

0

0

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

31951

0

0

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

31597

0

0

Custom waitlist system with multiple locations/resources

51977

0

4

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.

44513

1

2

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.

45243

4

8

This small app allows to track your weight and graph it over a period of time. It tracks the data by your NodeRun user id.

47186

0

5

35479

0

0

34535

0

0