Question

我目前正在连接excel中的相邻单元格以重复常见的HTML元素和divs - 感觉就像我在开发我的网页时走了一条奇怪的excel路径，我想知道一位经验丰富的网页设计师是否可以让我知道我如何用更传统的方法（旨在使用python和mysql）来实现我的网站目标。

我的网站上有大约40张图片。在这个页面上，我希望看到它们都排列在一个网格中，所以我在每一行上都有三个div，它们都是左边的。
我没有手动输入每行图像所需的所有代码，而是开始将代码的重复部分与代码的不同部分连接起来。我拿了四个div类并分离了每个图像需要更改的代码（src =“XXX”和

“XXX”）。

示例：

>  Column D               Column E             Column F     
>  '1  <div> <img src="   filename.jpg         "></div>'

生成HTML的公式如下所示：

= D1＆amp; E1＆amp; F1

我确信使用为每个图像保存的文件路径和属性来创建MySQL数据库会更容易，因此我可以使用脚本语言查看数据。任何人都可以提供他们的建议或快速脚本来自动生成html吗？

Answer 1

哇，听起来很痛苦。

如果您只有40张想要为其生成HTML的图像，并且您网站的其余部分是静态的，那么最简单的方法就是只有一个文本文件，每行包含一个图像文件路径。然后，使用Python查看每一行，生成适当的HTML，并将其连接起来。

如果您的网站有更复杂的交互要求，那么Django可能就是您的选择。 Django是一个很棒的Python Web应用程序框架，它支持MySQL，以及许多不同的db后端。

Answer 2

您可以将这些图像保留在自己的目录中，然后使用简单的shell脚本生成静态html的那一部分。

假设您已将文件放置到位，可能是这样的：

cp <all_teh_kitteh_images> images/grid

此命令将生成html

for file in images/grid/*.jpg ; do echo "<div><img src=\"$file\"></div>" ; done

哦，对不起，我错过了你的问题的python部分（IMO MySQL有点过分，你没有关系，不使用关系数据库）这在python中是一样的。

import glob
for file in glob.glob('images/grid/*.jpg'):
    print "<div><img src=\"%s\"></div>" % file