Разбор текста csv для создания загрузочных div?

Я создаю галерею изображений Bootstrap 3 с множеством повторяющихся элементов div, которые выглядят так:

<figure class = "col-1 picture-item" data-groups='["groupA"]' data-date-created = "2018" data-title = "imageA">
    <div class = "picture-item__inner">
        <div class = "aspect aspect--60x60">
          <div class = "aspect__inner">
            <img class = "myImg" src = "imageA.gif" alt = "description of image A"/>
		    </div>
        </div>
        <div class = "picture-item__details">
          <div class = "picture-item__tags" style = "display: none;">image A keywords</div>
          <p class = "picture-item__title">Image A</p>
        </div>
    </div>
</figure>
	  
<figure class = "col-1 picture-item" data-groups='["groupB"]' data-date-created = "2019" data-title = "imageB">
    <div class = "picture-item__inner">
        <div class = "aspect aspect--60x60">
          <div class = "aspect__inner">
            <img class = "myImg" src = "imageB.gif" alt = "description of image B"/>
          </div>
        </div>
        <div class = "picture-item__details">
          <div class = "picture-item__tags" style = "display: none;">image B keywords</div>
          <p class = "picture-item__title">Image B</p>
        </div>
    </div>
</figure>

Я надеюсь сэкономить время и кодирование, извлекая данные из CSV-файла для создания нескольких div. В постоянно расширяющуюся галерею уже входит более сотни изображений. Данные csv для вышеуказанного будут выглядеть так:

Image A,imageA,groupA,2018,description of image A,image A keywords
Image B,imageB,groupB,2018,description of image B,image B keywords

^ и так далее...

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

Я надеюсь, что этот вопрос имеет смысл. Заранее спасибо.

javascript php jquery html twitter-bootstrap-3

04.03.2019 08:37

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

127

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

PHP имеет две функции для разбора csv:

fgetcsv (файл, длина, разделитель, корпус) А ТАКЖЕ str_getcsv (строка, разделитель, корпус, побег)

образец fgetcsv:

 $file = fopen("contacts.csv","r");

 while(! feof($file))
 {
   print_r(fgetcsv($file));
 }

 fclose($file);

http://php.net/manual/en/function.fgetcsv.php

04.03.2019 08:50

Ответ принят как подходящий

Мне удалось заставить это работать с:

<?php
$fileHandle = fopen("gallery-data.csv", "r");
while (($row = fgetcsv($fileHandle, 0, ",")) !== FALSE) {	
?>
	    <figure class = "col-1 picture-item" data-groups='["<?php echo $row[3] ?>", "<?php echo $row[5] ?>"]' data-date-created = "<?php echo $row[2] ?>" data-title = "<?php echo $row[4] ?>">
      <div class = "picture-item__inner">
        <div class = "aspect aspect--60x60">
          <div class = "aspect__inner">
            <img class = "myImg" src = "gallery/<?php echo $row[4] . '/' . $row[0] . '.gif" alt = "' . $row[6] ?>"/>
		    </div>
        </div>
        <div class = "picture-item__details">
          <div class = "picture-item__tags" style = "display: none;"><?php echo $row[7] ?></div>
          <p class = "picture-item__title"><?php echo $row[0] ?></p>
        </div>
      </div>
    </figure>
<?php
}

 fclose($file);
?>

09.03.2019 10:22

Другие вопросы по теме

Как расшифровать пароль SHA512 через Php?

Таблица данных Yajra с использованием поиска и пользовательского фильтра вместе

Как использовать PHPMailer в Webuzo VPS

Как показать события извлечения из API в полном календаре?

PHP/HTML запоминают выбранное значение после отправки

Как проверить ответ в клиенте s3 с помощью PHP?

Uncaught ReferenceError: jQuery не определен в пользовательском скрипте WordPress

JQuery-Tabledit обновляет только один столбец за раз (что не так с моим кодом)

WooCommerce получает стоимость доставки товара на странице корзины

Я новичок в codeigniter, и я пытаюсь присоединиться к 3 таблицам, но это дает некоторые проблемы

Разбор текста csv для создания загрузочных div?

Ответы 2

Другие вопросы по теме

Похожие вопросы