显示 mongo 数据库中的单个文档?

Displaying a single document from a mongo database?

我使用 ejs 来显示信息,但我无法只显示一个文档。我想显示一个文档,直到用户单击下一个按钮。

查看:

<div>
    <h1>This is the movie page</h1>

    <ul>

        <% for(var i =0;  i < movies.length; i ++) {%>
        <li>
            <span style="font-weight: bold">Title:</span> <%= movies[i].DVD_Title %>
        </li>
        <li>
            <span style="font-weight: bold">Studio:</span> <%= movies[i].Studio %>
        </li>
        <li>
            <span style="font-weight: bold">Genre:</span> <%= movies[i].Genre %>
        </li>
        <li>
            <span style="font-weight: bold">Year:</span> <%= movies[i].Year %>
        </li>

        <br>
        <% } %>
        <button type="button" id="prev">Prev </button>
        <button type="button" id="next">Next</button>

    </ul>
</div>

控制器:

var express = require('express');
var router = express.Router();
var moviesModel = require("../models/movies");

/* GET /movies/ listing. */
router.get('/', function(req, res, next) {
moviesModel.find({}).where('Price').gt(10000).exec(function(err,movies){

    if(err) throw err;
    res.render('movies', {movies:movies});
    });

});

module.exports = router;

Link 我的回购发现 here

谢谢!

由于 mongodb 查询数据作为 json 对象返回到视图,因此我无法递增它。我必须将它推到它自己的数组中并递增它。

这是我的新观点:

<div>
    <h1>This is the movie page</h1>

    <ul>

        <% var movieArray = new Array();
        for(var i =0;  i < movies.length; i ++) {
                movieArray.push(movies[i]);
        } 

        var x = 0;
        %>
        <li>
            <span style="font-weight: bold">Title:</span> <%= movieArray[x].DVD_Title %>
        </li>
        <li>
            <span style="font-weight: bold">Studio:</span> <%= movieArray[x].Studio %>
        </li>
        <li>
            <span style="font-weight: bold">Genre:</span> <%= movieArray[x].Genre %>
        </li>
        <li>
            <span style="font-weight: bold">Year:</span> <%= movieArray[x].Year %>
        </li>

        <br>

        <h1><%= movieArray.length %></h1>

        <button type="button" id="prev" onClick="prev_movie">Prev </button>
        <button type="button" id="next" onClick="next_movie">Next</button>

    </ul>
</div>

一旦按下 Prev 或 Next,x 值将减少或增加,除非用户达到 -1 或 array.length。