Node+Express无法从MongoDB取数据并在.hbs展示求助

以下是针对你遇到的Node.js+Express+MongoDB+hbs数据读取不展示问题的具体排查步骤和修复代码：

1. 检查路由数据传递逻辑 #

确保渲染模板时正确传递查询到的书籍数据，且键名与模板一致，同时添加错误捕获：

// 修正后的路由示例
const Book = require('../models/Book'); // 确保模型路径正确

router.get('/ubooks', async (req, res) => {
  try {
    // 查询所有书籍，空对象表示无筛选条件
    const books = await Book.find({});
    // 打印数据到控制台，确认是否查询到结果
    console.log('查询到的书籍数据：', books);
    // 传递books数据到模板，键名必须和模板遍历的变量名一致
    res.render('ubooks', { books });
  } catch (err) {
    // 捕获并打印查询错误，之前无报错可能是遗漏了错误处理
    console.error('读取书籍数据失败：', err);
    res.status(500).send('服务器读取数据失败');
  }
});

2. 验证MongoDB查询有效性 #

• 确认Book模型的集合名与MongoDB中实际集合匹配：mongoose默认会将模型名转为小写复数（如Book模型对应books集合），如果你的集合名是自定义的，需要在模型中显式指定：

  // Book模型示例，显式指定集合名
  const bookSchema = new mongoose.Schema({
    title: String,
    author: String
  }, { collection: 'ubooks' }); // 这里指定实际集合名
  const Book = mongoose.model('Book', bookSchema);
  

• 直接用MongoDB Compass或shell查询对应集合，确认数据确实存在。

3. 修正hbs模板遍历语法 #

确保模板中each循环的变量名与路由传递的键名一致，添加else块辅助判断数据状态：

<!-- ubooks.hbs 修正后的遍历代码 -->
<div class="book-list">
  {{#each books}}
    <div class="book-card">
      <h3>{{title}}</h3>
      <p>作者：{{author}}</p>
    </div>
  {{else}}
    <p>暂无书籍数据，请添加书籍</p>
  {{/each}}
</div>

如果页面显示暂无书籍数据，说明路由传递的books是空数组；如果连这段文字都不显示，需检查模板语法或路由是否正确渲染了该模板。

4. 确认模板引擎配置 #

确保Express正确配置了hbs模板引擎：

const express = require('express');
const path = require('path');
const hbs = require('hbs');

const app = express();

// 设置模板引擎为hbs
app.set('view engine', 'hbs');
// 设置模板文件目录（若模板不在默认views文件夹需指定）
app.set('views', path.join(__dirname, 'views'));

内容的提问来源于stack exchange，提问作者user21199397