2009-06-20 42 views
3

我正在使用Eclipse GanymedeTomcat 5.5。我想爲動態Web項目添加一些javascript和特別是ajax功能,並且需要一些幫助。我想使用jquery(但是我打開其他建議,如果你告訴我爲什麼在這種情況下另一個庫會更好,但我選擇了jquery,因爲它應該是簡單的(在第一個看起來似乎是))。使用Tomcat引用Javascript庫

我有兩個問題:

1的Tomcat找不到jQuery庫。我試過幾件事情像我的JSP文件:

<script type="text/javascript" src="WEB-INF/lib/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="/WEB-INF/lib/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="./WEB-INF/lib/jquery-1.3.2.min.js"></script> 

正如你所看到的,我扔了jQuery庫中/WEB-INF/lib。在沒有tomcat的情況下(使用最後一個路徑版本)在瀏覽器內執行jsp文件,所以路徑是正確的。

2-在jquery的動態web項目中沒有正確的語法高亮,也沒有彈出建議。我也嘗試了this article中的信息,但沒有太大變化。

回答

5

更具體的(因爲我花了約半小時讓這一點後,這出):當您在Eclipse中創建與Tomcat的動態Web項目,在同項目其他的事情

你會得到一個名爲「WebContent」的文件夾。這是部署到Tomcat服務器的實際文件夾,相當於Eclipse的Tomcat/webapps/<project name>(我不確定它確實存在於何處)。出於安全原因,作爲一種特殊情況,沒有人可以訪問該文件夾中的META-INFWEB-INF文件夾,因此將腳本放在這些位置將無濟於事。

你必須做的是在WebContent內創建一個文件夾,並將Javascript放在那裏。這個文件夾將全局可見,所以訪問您網站的訪問者(如您在測試時)可以實際訪問Javascript。

我做了什麼,例如,在WebContent中創建一個名爲「script」的文件夾,並將我的Javascript放在那裏;那麼當我需要在一個頁面中引用它時,我將放入src="ProjectName/script/AwesomesauceJavascript.js"

-2

以下是在Eclipse中啓用jQuery語法高亮顯示和內容輔助高亮顯示的步驟。

  1. 下載jqueryWTP0.40foEn.jar

  2. 找到你的Eclipse插件org.eclipse.wst.jsdt.core_version.jar,備份插件。 (例如C:\ DEV \ EclipseIndigo37 \日食\插件 \ org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

  3. 雙擊JAR文件或命令Java的罐子jqueryWTP0運行。 40foEn.jar。

  4. 在打開的擺動UI上,選擇org.eclipse.wst.jsdt.core_version.jar,並輸出目錄。

  5. 單擊生成按鈕。

  6. 用生成的文件替換舊的org.eclipse.wst.jsdt.core_version.jar文件。

  7. 刪除目錄workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core

  8. 啓動Eclipse。

  9. 打開HTML文件或JavaScript文件,編輯JavaScript內容。

jQuery內容幫助現在可用。
Plugin Developer & Source

0

我想添加@Tacroy迴應的內容。在Eclipse中使用的服務器中,檢查server.xml。確保:

Context docBase="SomeProjectName" path="/SomeProjectName" < - path和docBase屬性需要相同。

我有兩件不同的事情,並且必須使它們在src屬性中工作在jsp中時是相同的。

0

首先,您必須將資源映射添加到您放置jquery.js腳本庫的文件夾。該文件夾必須公開。

爲了讓文件夾公衆使用這行代碼:

<resources mapping="/scripts/**" location="/WEB-INF/scripts/**" /> 

現在,你只需要在你的頁面添加到該路徑參考:

<script type="text/javascript" src="scripts/jquery-1.10.2.js" ></script>