使用Node.js从MongoDB获取数据并将其显示在表中,可以按照以下步骤进行:
npm init -y
npm install express mongodb ejs
app.js
的文件,并在其中引入所需的模块:const express = require('express');
const mongodb = require('mongodb');
const ejs = require('ejs');
const app = express();
app.set('view engine', 'ejs');
const MongoClient = mongodb.MongoClient;
const url = 'mongodb://localhost:27017'; // MongoDB连接URL
const dbName = 'your-database-name'; // 数据库名称
const collectionName = 'your-collection-name'; // 集合名称
app.get('/', (req, res) => {
MongoClient.connect(url, (err, client) => {
if (err) {
console.error(err);
return;
}
const db = client.db(dbName);
const collection = db.collection(collectionName);
collection.find({}).toArray((err, data) => {
if (err) {
console.error(err);
return;
}
res.render('index', { data: data }); // 渲染index.ejs模板并传递数据
client.close();
});
});
});
index.ejs
的模板文件,并在其中使用EJS语法将数据显示在表中:<!DOCTYPE html>
<html>
<head>
<title>Node.js + MongoDB</title>
</head>
<body>
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<% data.forEach(function(item) { %>
<tr>
<td><%= item._id %></td>
<td><%= item.name %></td>
<td><%= item.email %></td>
</tr>
<% }); %>
</tbody>
</table>
</body>
</html>
http://localhost:3000
,即可看到从MongoDB获取的数据以表格形式显示出来:app.listen(3000, () => {
console.log('Server is running on port 3000');
});
这样,你就可以使用Node.js从MongoDB获取数据并将其显示在表中了。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云