Javascript 如何在数组变量中添加引导卡，以便将来可以添加更多，而无需编写太多代码？

我有一张卡片来存储网站的数据（虽然不确定这是否是用数据实现图像的最佳方式）。像这样：

enter code here<div class="row">

在此处输入代码

আহ্বান - হাবীব
হাবীবের নতুন একক এলবাম

বেষ্ট অফ মিনার
গান বাংলা থেকে প্রকাশিত মিনারের একক এলবাম

如何在javascript中将它们插入数组以与数据库交互？目前我正在使用Mongodb。

---

此外，我是否必须制作一张包含类图像、名称等的空卡片，以便由数据库推送？

如果我理解正确，您希望以HTML创建一张卡片，并用数据库中的数据填充它。这可以通过多种方式完成，包括手动。但我建议您为此使用一个框架。比如，或者类似的东西

---

创建要填充的模板，并使用框架调用该模板并用数据填充该模板。数据库应该不重要。

为什么不使用append method（），这里的javascript在哪里？它实际上是一个ejs文件。谢谢Josip。那么，我是否需要阵列来在框架中存储或插入新卡，或者它们将被自动分配？这取决于您如何创建后端，在大多数情况下，后端提供包含您的对象的JSON文件。您可以解析JSON并将各个部分放在适当的位置。

    <div class="thumbnail">
        <img height="auto align-self-strech col-xs-3" class="card-img-top" src="http://1.bp.blogspot.com/-Ex9nL9iB34E/Tf8gTFiGqdI/AAAAAAAAE1A/lx8E4lYwVR0/s1600/Ahoban++by+Habib+Wahid+album+2011.jpg" alt="Card image cap">

         <div class="card-body">
    <h5 class="card-title">আহ্বান - হাবীব</h5>
    <p class="card-text">হাবীবের নতুন একক এলবাম</p>
    <a href="#" class="btn btn-primary">দেখুন</a>
  </div>

    </div>

</div>

    <div class="thumbnail">
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSFgR41SZX2C-ovvvfCZ7mwqzPvyj6Q8CMhZ31yjaKLIoPUj-Ss7A">
         <div class="card-body">
    <h5 class="card-title">বেষ্ট অফ মিনার</h5>
    <p class="card-text">গান বাংলা থেকে প্রকাশিত মিনারের একক এলবাম</p>
    <a href="#" class="btn btn-primary">দেখুন</a>
  </div>

    </div>

</div>