困擾於Tomcat和Eclipse的相對路徑

由於經驗不足，做Web設計時的一個相對路徑問題，被困擾了半天。

 

第一步：

Eclipse建立一個Dynamic Web Project，設想是以Mayaa+Html的方式來處理Web的展示層，方便進行頁面設計。

目錄結構如下：

WebContent

      +css

      +img

      -WEB-INF

         -index.html

         -index.mayaa

 

第二步：

用Dreamweaver進行html頁面的設計，相關的圖片和css檔案都是相對路徑（如：../css/style.css），頁面設計完成以後，能正常在瀏覽器裡顯示，也能在Eclipse正常預覽。

 

第三步：

回到Eclipse做一些動態處理，然後Run on server，啟動Tomcat，運行Web。

 

此時，問題出現了，通過Tomcat啟動並執行index.html無法找到css和image資源，最初以為是mayaa的問題，結果發現，把瀏覽器中顯示不正確的頁面儲存覆蓋index.html後，頁面能正常顯示了，以此得知，還是相對路徑的設定問題。

有個想法閃過，既然網站根目錄是WebContent，那麼何不試試把路徑改成css/style.css呢，果然，這樣就能正常顯示了。

但是在Eclipse和Dreamweaven中都不能可視化編寫了，只能再手動把路徑改過來。

雖然有點麻煩，暫時就先這樣處理了。

 

如果網友能提供比較好的解決方案，歡迎留言給予指教。