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

10149

0

1

My hello app

8850

0

1

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

8795

0

0

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

8621

0

0

My hello app

8477

0

0

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

8437

0

0

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

8420

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

8334

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.

8288

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.

8285

0

0

This app is designed to help decide what the next women's apparel options will be available for the Profound Logic team.

8228

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

8075

0

0