首页 文章

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

提问于
浏览 次
0

我试图在网页上显示我的数据库的内容 . 我想这样做的方法是按降序显示数据库中的内容 . 我已经 Build 了与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>
javascript node.js mongodb express web-applications

1 回答

  • 0

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

    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>
    回复于

相关问题