About This Space

Demo app to use EJS to display information from a database


Last updated on November 9, 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

Filters:

Popular Recent

Collects information from an online form into a database. test

3736

0

0

4322

0

0

Stateless demo app, where the mobile client or the browser would control the flow of the application

3883

0

0

Just a cool demo of how to use other npm packages on NodeRun!

3733

0

0

A simple Demo of how to deploy EJS templates from a stateful Node.js script

3879

0

0

Application to output numbers and their squares to the console

4157

0

0

This is a simple demo of Fibers! Fibers simplifies code by avoiding messy code known as "callback hell", "promises hell", or "async/await hell". Once Fibers is setup, you never have to think about callbacks or promises (they are handled automatically for you).

3953

0

0

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

4143

0

0

Simple output to a browser from Node.js

4302

0

0

Static HTML Hello World App

3819

0

0

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

4348

0

0

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

3896

0

0