用烧瓶创建画廊答案

【问题标题】：Create galery with flask用烧瓶创建画廊
【发布时间】：2021-08-29 14:00:18
【问题描述】：

我正在尝试在烧瓶网站上制作带有图片的画廊，我将所有图片放在一个文件夹中，我想知道是否有任何方法可以使用 HTML 和 python 轻松显示该文件夹中的所有图片。我对编码和网页设计很陌生，所以希望有人会回答:)

我目前使用的解决方案是：

HTML 文档：

<a class="IMGLIST" href="../static/Gallery/kaja1.jpg"><img src="../static/Gallery/kaja1.jpg"> 
        <a class="IMGLIST" href="../static/Gallery/kaja2.jpg"><img src="../static/Gallery/kaja2.jpg">
        <a class="IMGLIST" href="../static/Gallery/Karin.jpg"><img src="../static/Gallery/Karin.jpg">
        <a class="IMGLIST" href="../static/Gallery/laftahyte.jpg"><img src="../static/Gallery/laftahyte.jpg">
        <a class="IMGLIST" href="../static/Gallery/Stange.jpg"><img src="../static/Gallery/Stange.jpg">

这可行，但它不是像这样手动添加所有图片的有效方法，尤其是当我打算添加很多图片时:)

【问题讨论】：

使用 Jinja 模板并遍历图像列表。见flask.palletsprojects.com/en/2.0.x/quickstart/…

标签： python flask

【解决方案1】：

既然你说烧瓶，我假设你有一个响应 HTML 文件的路由。您可以使用flask templates（保留您的 HTML 文件，但可以在其中包含 python 逻辑）并有一个 for 循环，该循环遍历您在呈现模板时传递的图像列表。

HTML 文件应该有

{% for image in images %}
    <a class="IMGLIST" href="{ image }"><img src="{ image }" /></a>
{% endfor %}

你的烧瓶路线会返回类似的东西

return render_template('index.html', images=list_of_images)

更多关于烧瓶模板的信息可以在here找到

【讨论】：