Express / Mongoose - не может отображать данные

Question

Я пытаюсь обдумать определение и использование API в Express, используя Mongoose для соединения с MongoDB.До сих пор я сохраняю объекты просто в тонкой форме на входе.Однако я, похоже, растерялся, когда дело доходит до поиска и отображения сохраненных данных.

Вот код:

db.js:

const mongoose = require('mongoose');

//mongoose setup
mongoose.connect(mongooseUrl, { useNewUrlParser: true });
var db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function() {
  console.log('mongoose connected to ' + mongooseUrl);
});

module.exports = db;

app.js:

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

// import routers
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var apiRouter = require('./routes/api');


var app = express();

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

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/api', apiRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

/ route / api.js:

var express = require('express');
var mongoose = require('mongoose');
var db = require('../config/db.js');
var Kitten = require('../models/kitten.js');

var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('api', { 
    title: 'Test API',
    content: 'you\'re in the right place',
    buttontext: 'send POST request'
  });
});

router.post('/newKitten', function(req, res, next) {
    var kitty = new Kitten({
        name: req.body.name,
        color: req.body.color
    });
    console.log("new kitty: " + kitty.name + " color: " + kitty.color );
    kitty.save().then(console.log(kitty + " was saved to the database"));
    res.send('new: ' + kitty);

});

router.get('/kittens', function (req, res, next)  {
    var kittens = Kitten.find({}, 'name color');
    res.render('kittens', {title: 'Kittens', list_kittens: kittens });
});

module.exports = router;

models / kitten.js

const mongoose = require('mongoose');

var Schema = mongoose.Schema;

var kittenSchema = new Schema({
    name: String,
    color: String
});

var Kitten = mongoose.model("Kitten", kittenSchema);


module.exports = Kitten;

views / kitten.hbs:

<h1>{{title}}</h1>

<ul>
    {{#each list_kittens as |kitten|}}
        <li>name: {{kitten.name}}, color: {{kitten.color}}</li>
    {{/each}}
</ul>

Теперь со всем, что выложено, когда я посещаю http://localhost:3000/api/kittens вот что я вижу:

Котятахранится в MongoDB, доказательство:

Я понятия не имею, почему это не рендеринг котят, которых я сохранил в моей базе данных MongoDB ... Данные есть, но я, кажется,быть сбитым с толку о том, как мангуст должен запрашивать данные.Любая помощь приветствуется.Я застрял на этом несколько дней.

Answer 1

В маршрутах / api.js

var express = require('express');
var mongoose = require('mongoose');
var db = require('../config/db.js');
var Kitten = require('../models/kitten.js');

var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('api', { 
    title: 'Test API',
    content: 'you\'re in the right place',
    buttontext: 'send POST request'
  });
});

router.post('/newKitten', function(req, res, next) {
    var kitty = new Kitten({
        name: req.body.name,
        color: req.body.color
    });
    console.log("new kitty: " + kitty.name + " color: " + kitty.color );
    kitty.save().then(console.log(kitty + " was saved to the database"));
    res.send('new: ' + kitty);

});

router.get('/kittens', async function (req, res, next)  {  **//Change here**
    var kittens = await Kitten.find({}, 'name color');     **//change here** 
    res.render('kittens', {title: 'Kittens', list_kittens: kittens });
});

module.exports = router;

Kitten.find({}, 'name color') возвращает обещание, поэтому вам придется подождать, пока данные не будут возвращены.

Answer 2

Model.find возвращает обещание. Вы должны добавить функцию then, чтобы получить котят и визуализировать их:

Kitten.find(...)
  .then(kittens => {
    res.render(...)
  })

EDIT

На основании комментария @Francisco Mateo, Kitten.find возвращает Query, который вы можете выполнить с помощью exec. Вот код:

Kitten.find(...).exec()
  .then(kittens => {
    res.render(...)
  })