Как при помощи Django организовать вывод на страницу динамических изображений в сетку на страннице?

Question

[Артем]

Всем привет.
Вопрос в следующем...
У меня есть директория, в которую постоянно поступают/удаляются изображения при помощи Python.
Пытаюсь разработать "вебморду" на Django для отображения данных изображений на html страннице. Но не знаю, как это сделать.
Все файлы изображений имеют формат типа.

125345345.jpg

На страннице планируется сделать input поле и кнопку - в input вводится слово поиска, нажимается кнопка, мой скрипт на Python обрабатывает, загружает изображения в директорию. После чего все эти изображения должны отобразиться на html страннице в виде сетки, например, как в Инстаграме.
Вопрос только в том, как реализовать парс динамических ссылок в директории, вставку всего этого на HTML.
P.s. я новичок, вопрос, я полагаю, составлен коряво, но надеюсь вы меня поймете :-)

Comments

[Сергей Горностаев]

Учебник по Python и руководство Django уже прочитаны?

[Артем]

Сергей Горностаев, как работать с динамическими файлами я знаю (могу написать универсальный метод поиска файлов в директории), вопрос - как эти файлы реализовать в 'index.html'. Я не могу додуматься до самого тела цикла, его логики, как разметить правильно html, что бы изображения были расположены ровно и т.д.
Да, с учебниками знаком.

[Сергей Горностаев]

Артем, просто вывести нужное количество div'ов, содержащих img, и выровнять их стилями. Причём тут Django?

[Артем]

Да, вероятно это вопрос по шаблонизатору больше. Но факт в том, что кол-во изображений тоже измеряемо. Я не могу создать определенное кол-во дивов. Так, как при одном запросе может быть скачено 3 картинки ,а при другом 23... Как заставить это все плодиться самостоятельно...

[o5a]

Артем, так определенное и не нужно, есть же шаблоны циклов для html (for .. endfor), пример:

<table>
<tr>
    {% for image in images %}
    <td>{{image.чтонамнужно}}</td>
      {% if not loop.last and not loop.index%3 %}
      </tr><tr>
      {% endif %}
    {% endfor %}
</tr>
</table>

Запускаем цикл по списку наших картинок и выводим в отдельной ячейке содержимое (соответственно надо подставить нужные поля). Если дошли до нужной ширины таблицы (в примере 3 ячейки), то переносим на следующую строку.

Не спец по верстке, наверное в целом правильнее таблицу по-другому верстать сейчас, но смысл шаблонов с циклом, надеюсь понятен.

[Артем]

o5a, вооот, спасибо большое добрый человек. Вот до этого я додуматься то и не мог )))

Answer 1

[alfss]

https://www.roytuts.com/how-to-create-photo-galler...