About This Space

Demo app to use EJS to display information from a database


Last updated on July 3, 2019

Public Permissions:   View   Open/Fork   Run   Comment  

Dynamic EJS List

This space 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

Filters:

Popular Recent

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

12741

0

7

5715

0

0

React.js Application

9724

0

0

A simple dashboard example that uses responsive design

10226

0

0

A simple dashboard example that uses responsive design

14225

0

3

A demo of how to build and consume Web Services with and without parameters

9211

0

0

Simple Service Request Form Application

13420

0

1

This is the completed example for the Stateful To-Do List Application walkthrough (https://noderun.com/docs/walkthroughs/stateful_todo_list_app) and the starting point for the Drag and Drop walkthrough (coming soon). Please feel free to fork this workspace to use as a starting place for you own projects or for the walkthroughs.

8693

0

0

This is the completed example for the Stateful To-Do List Application walkthrough (https://noderun.com/docs/walkthroughs/stateful_todo_list_app) and the starting point for the Drag and Drop walkthrough (coming soon). Please feel free to fork this workspace to use as a starting place for you own projects or for the walkthroughs.

8636

0

0

Static HTML Hello World App

11375

0

4

Quick To Do List App

13073

0

2