Express与EJS多数据库展示教程

## Express与EJS多数据库内容展示教程：打造图文并茂的动态卡片 还在为Express项目中多数据库（或集合）内容展示而烦恼？本文将手把手教你利用Express框架、EJS模板引擎和Mongoose，从多个MongoDB数据库中提取数据，并通过巧妙的数据关联，实现图文并茂的动态卡片展示。我们将重点讲解如何构建AdSchema模型，建立图片和文本之间的关联，解决前端EJS模板循环渲染时图片和文本无法正确配对的问题。通过学习本文，你将掌握后端数据建模、关联查询以及前端EJS模板循环渲染的关键技巧，轻松打造出美观、独立的HTML卡片，提升用户体验，让你的网站更具吸引力！

本文详细介绍了如何利用Express框架、EJS模板引擎和Mongoose，从多个MongoDB数据库（或集合）中获取数据，并通过建立数据关联，在前端页面中以独立的HTML卡片形式动态展示图文结合的内容。重点在于后端的数据建模、关联查询以及前端EJS模板中循环渲染的正确实践。

理解需求：多源数据与独立卡片展示

在构建动态网站时，将不同类型的数据（例如图片和文本）存储在不同的数据库或集合中是常见的做法。然而，当需要在前端页面上将这些相关联的数据作为单个逻辑单元（如一个广告、一篇帖子）展示在独立的HTML卡片中时，就需要一套有效的数据处理和渲染策略。

原问题中，用户成功将图片和文本分别存储在Images和Content两个集合中，但在EJS模板中尝试渲染时遇到了困难：所有图片被集中显示，所有文本也被集中显示，未能实现“每个输入（即每组图片+文本）对应一个独立卡片”的效果。这主要是由于前端模板中循环结构的使用不当，以及后端数据缺乏明确的关联关系所致。

核心概念：数据关联与统一模型

为了将分散存储的图片和文本作为一对展示在同一个卡片中，最健壮的方法是在数据库层面建立它们之间的关联。简单地依靠检索顺序（如_id排序）来尝试配对是不可靠的。

我们将引入一个新的Mongoose模型——AdSchema（广告模型），它将作为图片和文本的“桥梁”，存储它们各自的引用（_id）。通过这种方式，我们可以清晰地定义一个“广告”单元，其中包含一张图片和一段文本。

后端数据处理：Express与Mongoose

我们将对现有的app.js进行以下关键修改：

1. 新增AdSchema模型

在app.js中，

到这里，我们也就讲完了《Express与EJS多数据库展示教程》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！