如何从mongodb获取数据以放入选项?

时间:2019-05-30 05:51:58

标签: html node.js mongodb mongoose ejs

我正在创建一个仪表板表,用于显示mongoDB中保存的数据。我已经有一个表并显示该表中的所有数据,现在我想要实现的是在数据库表上方创建一个select元素,select元素应包含mongodb中所有可用的日期。例如,我有20个相同的日期05/25/2019和10个相同的日期05/26/2019和30个相同的日期05/29/2019,我只想显示上述{{1 }}元素。以及是否在数据库中添加了另一个日期,这些日期也应显示在select上。

我尝试对选择选项执行与在表上相同的操作,但是当然像表中的数据显示所有相同的日期一样,所以我有60个选项,其中option是相同的日期3005/29/2019中的日期是10的相同日期,而05/26/201920的相同日期

这是我的05/25/2019

index.js

这是我的var express = require("express"), app = express(), bodyparser = require("body-parser"), mongoose = require("mongoose"); mongoose.connect("mongodb://localhost:27017/sample", {useNewUrlParser: true}); app.use(bodyparser.urlencoded({ extended: true })); app.set("view engine", "ejs"); app.use('/views', express.static('views')); var nameSchema = new mongoose.Schema({ route : String, origin : String, destination : String, estimatedTimeOfArrival : String, date : String, time : String },{ collection : 'log' }) var User = mongoose.model("User", nameSchema); app.get("/", function (req, res) { res.render("index",{ details: null }) }) app.get("/getdetails", function (req, res) { User.find({}, function (err, allDetails) { if (err) { console.log(err); } else { res.render("index", { details: allDetails }) } }); }); app.listen(1412, "localhost", function () { console.log("server has started at " + 1412); })

index.ejs

和示例html数据https://jsfiddle.net/indefinite/3yzvemcg/2/

<div class="tableFixHead"> <% if(details!=null) { %> <table id="myTable" > <thead> <tr class="header" style=" color: white !important;font-weight:bold;"> <th scope="col">Route</th> <th scope="col">Origin </th> <th scope="col">Destination</th> <th scope="col">Estimated Time of Arrival </th> <th scope="col">Date </th> <th scope="col">Time</th> </tr> </thead> <% details.forEach(function(item){ %> <tbody id="myTable" style="color:black;"> <tr> <td><%= item.route%></td> <td><%= item.origin %></td> <td><%= item.destination%></td> <td><%= item.estimatedTimeOfArrival %></td> <td><%= item.date%></td> <td><%= item.time%></td> </tr> </tbody> <% }) %> </table> <% } %> </div> 来自Web应用程序。因此,在用户从应用程序提交表单后,它将保存在我的mongoDB中,现在我在数据库中有很多数据,并且许多数据是在同一日期发送的,而我想要实现的就是获取保存在数据库中的所有日期如果某些日期相同,则只会显示为一个,并且如果在数据库中也添加了日期,则会添加dates。我真的很新,所以谢谢你。

1 个答案:

答案 0 :(得分:1)

如果我很了解您的问题,则希望从User模型中查找所有不同的日期。也许您的解决方案是distinct猫鼬选项。
在index.js中尝试一下:

User.find().distinct('date', function(err, dates) {
    // dates are an array of all distinct dates.
    if (err) {
        console.log(err);
    } else {
        res.render("index", { dates: dates })
    }
});

然后在您的ejs文件中添加它。

// display select only when 'dates' array is defined.
<% if (locals.dates) { %> 
    <select name="date" id="dates">
    <% dates.forEach(function(date){ %>
        <option><%= date %></option>
    <% }) %>
    </select>
<% } %>