2012-06-04 314 views
0

因此,我剛在該公司實習,作爲一個副項目,他們希望我重新設計他們的一個網頁。在他們的網頁,他們有像下面的圖像:動態創建圖表/佈局

Crude Layout Diagram

基本上,這是一個房間佈局的圖像,以用於測試不同的服務器箱(白色方塊)。當您點擊其中一個白色框時,它會超鏈接到與該服務器框等有關的頁面。問題是,如果他們重新設計房間,或添加服務器箱等,他們需要重新創建一個新的圖像,然後在一個寫得不好的perl腳本中改變一些座標。 (我認爲這是一種糟糕的做事方式,我建議首先搗毀整個圖像理念,但他們想保留它)。無論如何,有沒有更容易的方法來做到這一點與代碼,所以如果需要改變的變化,它只涉及加/減行代碼?我正在考慮使用某種html/css組合,但我不知道是否有更好的方式去做這件事......我想讓這個圖更加動態。

謝謝。

+2

在您的數據源中,將每個服務器存儲爲一個服務器ID,一對座標,一個長度和一個寬度。然後以編程方式渲染圖像。使用圖像映射中存儲的座標。可能存儲圖像並在座標校驗和中檢測到更改以使存儲的圖像過時。這是大多數作者所說的「實施留給讀者的做法」。 ;) – DavidO

+0

但是,如何渲染一個圖像「編程」?我喜歡這個主意。 – de1337ed

+0

所以我做了一些額外的研究,事實證明我可以做一些類似於我所說的與稱爲Python圖像庫(PIL)的東西,但問題是我不允許在Web服務器(他們有很多軟件限制策略)。你有沒有看到其他方式? – de1337ed

回答