shopping cart in react.js

About This Space

shopping cart in react.js connected to a database


Last updated on October 16, 2019

Public Permissions:   View   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 Rodrigo (@rruizque)

Filters:

Popular Recent

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

19728

0

0

First attempt to create a shopping cart in react

20734

0

0

Second attempt to create a shopping cart in react

23293

0

0

Todo List in React using MariaDB to retain data

20346

0

0

recreating Rich Display shopping cart

23369

0

0

Collects information from an online form into a database. Spanish version

23857

0

1

A simple dashboard example that uses responsive design

23990

0

0

A simple dashboard example that uses responsive design

19022

0

0

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

23852

0

0

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

18945

0

0

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

18600

0

0