Dynamic EJS

About This Space

Demo app to use EJS to display information from a database


Last updated on September 24, 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 Amanda (@amanda)

Filters:

Popular Recent

This Space creates a falling leaves animation

4700

0

1

My hello app

4466

0

1

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

4411

0

0

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

4355

0

0

This space illustrates the simplest way to load a Rich Display grid with data, where all records are sent to the grid in bulk.

4079

0

0

This workspace shows you how to add custom widgets to your project

4050

0

0

My hello app

3997

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.

3995

0

1

This app was built to let JavaScript Orange County members suggest and vote on topics for future meetings.

3924

0

0

Want to allow your users to sort data using drag-and-drop? This space shows you how!

3899

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.

3857

0

1

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

3856

0

0