How to display database content to EJS Web Pages?
Question
So I have a JavaScript page with the following code: Story.js:
var express = require('express');
var dbcon = require('./app/db/databaseconnection');
var app = express();
var router = express.Router();
dbcon.createTable();
var filepath = __dirname + '/views/';
app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/public'));
app.use('/', router);
var results = dbcon.getProducts().then(results => {
return results;
}).catch(err => { console.log(err) })
router.get('/', (request, response) => response.render(filepath + 'index', { page_name: 'home' }));
router.get('/store', (request, response) => response.render(filepath + 'store', { page_name: 'store', products: results }));
router.get('/about', (request, response) => response.render(filepath + 'about', { page_name: 'about' }));
router.get('/contact', (request, response) => response.render(filepath + 'contact', { page_name: 'contact' }));
router.get('/build', (request, response) => response.render(filepath + 'build/build'));
router.get('/learn', (request, response) => response.render(filepath + 'learn/learn'));
app.use('*', (request, response) => response.render(filepath + '404', { page_name: '404' }));
app.listen(3000, () => console.log("Server running at Port 3000"));
I also have a JavaScript page with my database content: Databaseconnection.js:
const mysql = require("mysql");
const pool = mysql.createPool({
connectionLimit: 10,
host: "localhost",
user: "root",
password: "LOTOS123l",
database: "dbComputerStore"
});
module.exports = {
getProducts: () => new Promise((resolve, reject) => {
pool.query("SELECT * FROM products", (error, results, fields) => {
if (error) {
reject(error);
} else {
resolve(results);
}
});
}),
createTable: () => new Promise((resolve, reject) => {
PRIMARY KEY NOT NULL, image LONGBLOB NOT NULL)", (error, results, fields) => {
pool.query("SELECT * FROM pimages", (error, results, fields) => {
if (error) {
reject(error);
} else {
resolve(results);
console.log(results);
}
});
}),
populatetable: () => new Promise((resolve, reject) => {
pool.query();
})
};
Then I have my ejs page which I am trying to display to: store.ejs
<!DOCTYPE html>
<html>
<head>
<title>PC Store | Store</title>
<% include partials/header %>
</head>
<body>
<header>
<% include partials/navbar %>
</header>
<main>
<div class="container">
<% console.log(products); %>
</div>
</main>
<footer>
<% include partials/footer %>
</footer>
</body>
</html>
Currently, I have it set to console.log because I am trying to see if the information is passing at all. However, it is not, it says Promise Resolved. So how would I display my db content to the ejs page. I am trying to make an online store and I was wondering how I would do that. Any help is appreciated!
With some help, I was able to get the database content to store.js, but I am still not able to get the content from the store.js to the store.ejs page.
1 answers
solution1
0 ACCPTED 2018-07-31 22:01:23
Your passing a promise to EJS for rendering, you need to pass the value. Alter your render function to resolve the product promise and forward the result to EJS. For instance:
router.get('/store', (request, response) => {
return productPromise.then(results => {
return response.render(filepath + 'store', { page_name: 'store', products: results });
});
});
Alternativly get the products from the db on every request:
router.get('/store', (request, response) => {
return dbcon.getProducts().then(results => {
return response.render(filepath + 'store', { page_name: 'store', products: results });
});
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.