EJS with HTML Container

About This Space

Using EJS with an HTML Container and Bound fields


Last updated on April 10, 2023

Forked from: /mdenninghoff/ejs-with-html-container/

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 chris (@chris)

Filters:

Popular Recent

Testing Quagga2 library in Rich Display

1428

0

0

This app consumes a web service and display the information in a grid

1578

0

0

This app consumes a web service and display the information in a grid

1632

0

0

Customer Orders & Payments Drilldown

1365

0

0

This interactive customer inquiry app prompts the user for key fields to lookup a customer record

1311

0

0

This interactive app prompts the user for key fields to lookup a database record and displays the results

1474

0

0

Demo app to use EJS to display information from a database

1404

0

0

Employee Maintenance Application with a separate Edit Screen

1401

0

0

Employee Maintenance Application with a separate Edit Screen

1243

0

0

This lab walks you through building a series of Node.js applications that work with employee data.

1311

0

0

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

1380

0

0

example mortgage application

1344

0

0