2012-06-04 105 views
0

因此,我刚在该公司实习,作为一个副项目,他们希望我重新设计他们的一个网页。在他们的网页,他们有像下面的图像:动态创建图表/布局

Crude Layout Diagram

基本上,这是一个房间布局的图像,以用于测试不同的服务器箱(白色方块)。当您点击其中一个白色框时,它会超链接到与该服务器框等有关的页面。问题是,如果他们重新设计房间,或添加服务器箱等,他们需要重新创建一个新的图像,然后在一个写得不好的perl脚本中改变一些坐标。 (我认为这是一种糟糕的做事方式,我建议首先捣毁整个图像理念,但他们想保留它)。无论如何,有没有更容易的方法来做到这一点与代码,所以如果需要改变的变化,它只涉及加/减行代码?我正在考虑使用某种html/css组合,但我不知道是否有更好的方式去做这件事......我想让这个图更加动态。

谢谢。

+2

在您的数据源中,将每个服务器存储为一个服务器ID,一对坐标,一个长度和一个宽度。然后以编程方式渲染图像。使用图像映射中存储的坐标。可能存储图像并在坐标校验和中检测到更改以使存储的图像过时。这是大多数作者所说的“实施留给读者的做法”。 ;) – DavidO

+0

但是,如何渲染一个图像“编程”?我喜欢这个主意。 – de1337ed

+0

所以我做了一些额外的研究,事实证明我可以做一些类似于我所说的与称为Python图像库(PIL)的东西,但问题是我不允许在Web服务器(他们有很多软件限制策略)。你有没有看到其他方式? – de1337ed

回答