Dynamic EJS List

Alex (@alex)

45398

0

0

About This Space

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


Last updated on April 21, 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:

  • An EJS file for the HTML template (list.ejs)
  • A Node.js file to produce the data for the ejs template (list.js).

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 });
}

exports.run = list;

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 Alex (@alex)

Filters:

Popular Recent

Collaborative Whiteboard

53855

0

3

This is a Tic Tac Toe game built with React.js

51568

0

3

Control your Tesla (any model) with this nifty app!

50745

1

13

Test your 5th Grade Skills with this fun NodeRun application

50443

0

6

This is a Jeopardy application that uses questions about Profound Logic and programming. Feel free to customize!

49989

0

4

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

49678

0

6

Collects information from an online form into a database

48677

0

2

RPG Application that allows you to work with Insurance Claims converted to Node.js to run in the cloud, using any database

47151

0

2

45769

0

4

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

45558

1

5

Leet Translator

45081

0

2