Как добавить загрузочные карты в переменную массива, чтобы я мог добавить больше в будущем без написания большого количества кода?

Question

У меня есть карта для хранения данных для веб-сайта (хотя я не уверен, что это лучший способ реализовать изображение с данными).Вот так:

enter code here<div class="row">

    <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>

Как вставить их в массив вJavaScript для взаимодействия с базой данных?В настоящее время я использую Mongodb.Кроме того, нужно ли создавать пустую карточку с изображениями классов, именем и т. Д. Для отправки в базу данных?

Answer 1

Если я правильно понимаю, вы хотите создать карту в HTML и заполнить ее данными из вашей базы данных.Это можно сделать разными способами, в том числе и вручную.Но я рекомендую вам использовать рамки для этого.Например, ReactJS , VueJS , Angular или что-то в этом роде.

Вы создаете шаблон, который хотите заполнить, и используете платформу для вызоваэтот шаблон и заполните его данными.База данных не должна иметь значения.