Question

我正在尝试在网页上显示数据库的内容。我要这样做的方法是按降序显示数据库中的内容。我已经建立了与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>

Answer 1

使用EJS模板的简单示例，实质上是在渲染时将对象传递给模板。您还可以遍历数据。相同的方法可用于车把或小胡子包装。

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>

在网页上显示Mongodb数据库的内容

1 个答案: