5

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

  1. 我的网站上有大约 40 张图片。在这个页面上，我想看到它们都排成一个网格，所以我在每一行有三个彼此相邻的 div，都向左浮动。

  2. 我没有手动输入每行图像所需的所有代码，而是开始将代码的重复部分与代码的不同部分连接起来。我采用了四个 div 类并分离了需要为每个图像更改的代码（src="XXX" 和

    “XXX”）。

例子：

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

生成我的 HTML 的公式如下所示：

= D1 & E1 & F1

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

4

2 回答 2

8

哇，听起来真的很痛苦。

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

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

于 2012-06-14T03:23:28.457 回答
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
于 2012-06-15T13:34:02.893 回答