在网页上显示MongoDB数据库的内容答案

【问题标题】：Displaying Contents of Mongodb Database on webpage在网页上显示MongoDB数据库的内容
【发布时间】：2023-04-03 03:07:01
【问题描述】：

我正在尝试在网页上显示我的数据库的内容。我想要这样做的方式是按降序显示数据库中的内容。我已经与 MongoDB 建立了连接，并且能够在终端中看到我的数据正确存储。我现在似乎不知道如何显示存储的数据。

谢谢！

Server.js 文件。

const express = require('express');
const app = express();
const bodyParser = require('body-parser');
var urlencodedParser = bodyParser.urlencoded({ extended: true })

var mongoose = require("mongoose");
mongoose.Promise = global.Promise;
mongoose.connect("mongodb://localhost:27017/node-demo");

var nameSchema = new mongoose.Schema({
  Alert: String
});

var User = mongoose.model("User", nameSchema);


app.listen(3000, function() {
  console.log('listening on 3000')
})

app.use(express.static(__dirname + '/public'));

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html')
})

app.get('/alertview', (req, res) => {
  res.sendFile(__dirname + '/alertview.html')
})

app.post('/', urlencodedParser, function (req, res) {
  var myData = new User(req.body);
  myData.save()
    .then(item => {
      res.send("item saved to database");
    })
    .catch(err => {
      res.status(400).send("unable to save to database");
    });
});

User.find({},function(err,docs){
       console.log(docs);
   })

我想在其上显示警报的 HTML 文件。

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" type="text/css" href="/alertpageStyle.css" media="screen" />
  <meta charset="UTF-8">
  <title>View Alerts</title>
</head>
<body>

<div class="header">
  <h1>Current Alerts</h1>
</div>


</body>
</html>

【问题讨论】：

你可能应该看看一些模板包，比如 Ejs、Handlebars 或 Mustache。否则，您需要在创建 html 文件时使用 node 查看 fs 库。
stackoverflow.com/questions/17256710/… 我找到了这篇文章并试图让它工作但还没有成功。我会研究一下模板包。
那是使用Jade模板jade-lang.com，你需要确保你是用express设置视图引擎。 expressjs.com/en/guide/using-template-engines.html

标签： javascript node.js mongodb express web-applications

【解决方案1】：

使用 EJS 模板的简单示例，本质上是在渲染时将对象传递给模板。您还可以迭代数据。相同的方法可用于 Handlebars 或 Mustache 包。

var express = require('express');
var path = require('path');
var index = require('./routes/index');
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use('/', index);

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

【讨论】：