如何从现有的mongodb集合中读取数据并使用node/express在浏览器上显示?

Question

>我有一个名为"mig"的现有数据库，该数据库由一个名为"Employee"的集合组成， 我尝试了以下代码，但它在打开本地主机时以原始 json 格式将数据发送到浏览器：3000

var express = require('express')
var assert = require('assert')
var bodyParser = require('body-parser')
var MongoClient = require('mongodb').MongoClient
var url = 'mongodb://localhost:27017/mig'
var app = express()
app.use(bodyParser.urlencoded({ extended: true }))
MongoClient.connect(url, { useNewUrlParser: true })
.then(client => {
const db = client.db('mig');
const collection = db.collection('Employee');
app.locals.collection = collection;
app.listen(3000, () => console.log('REST API running on port 3000'));
process.on('SIGINT', () => {
client.close();
process.exit();
});
}).catch(error => console.error(error));
app.get('/', (req, res) => {
const collection = req.app.locals.collection;
collection.find({}).toArray().then
(response => res.status(200).json(response)).catch(error => console.error(error));
})

我需要知道如何以正确的 html 格式将此集合的数据呈现到浏览器。在过去的几天里，我确实搜索了很多，也许关键字出错了，或者可能有什么。请帮我解决这个问题。

附言- 我不知道我是否可以使用猫鼬，因为现有集合的架构将很难定义，因为它包含 10000 行与 1000 列。请尝试为我提供一个解决方案，这将非常有帮助。

谢谢。

Answer 1

如果你想将html发送到浏览器，并在里面插入你的数据，你需要使用模板引擎。 胡须和EJS是与express兼容的不错选择，可帮助您完成任务。

使用模板引擎，您可以在将数据库中的数据发送到浏览器之前将其插入到 和 html 文件中。

我希望这是有帮助的

Answer 2

@Neelabh很抱歉早点发布Python答案。 您可以使用Mustache或Jade引擎。 翡翠翡翠到餐桌示例

玉台示例：

div
table
thead
tr
th Col1
th Col2
th Col3
tbody
each srec in places
tr
td #{srec.item}
td #{srec.item_desc}
td #{srec.status_value}

参考链接：

注意：您可能希望将列数(从 1000 个(减少到固定的必填列，例如 10-30。并在UI中有一个选项选择器来选择特定的列。