Javascript-Bibliotheken mit Tomcat referenzieren

Question

Ich verwende Eclipse Ganymed und Tomcat 5.5. Ich möchte etwas Javascript und vor allem Ajax-Funktionalität zu einem dynamischen Web-Projekt hinzufügen und brauche etwas Hilfe.

Ich möchte jquery verwenden (aber ich bin offen für andere Vorschläge, wenn Sie mir sagen, warum eine andere Bibliothek in diesem Fall besser wäre, aber ich habe jquery gewählt, weil es einfach sein soll (was auf der ersten schau es scheint zu sein)).

Ich habe zwei Probleme:

1- Tomcat kann nicht die jQuery-Bibliothek finden. Ich habe versucht, einige Dinge in meinem jsp-Datei wie:

<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> 

Wie Sie sehen können, habe ich die jQuery-Bibliothek in /WEB-INF/lib warf. Das Ausführen der JSP-Datei in einem Browser ohne Tomcat (mit der letzten Pfadversion) funktioniert, also ist der Pfad korrekt.

2- Es gibt keine korrekte Syntaxhervorhebung im dynamischen Webprojekt für jquery und keine Popup-Vorschläge. Ich habe auch die Informationen in this article versucht, aber es hat sich nicht viel geändert.

Answer 1

genauer zu sein (weil es mir eine halben dauerte etwa Stunde, dies zu diesem Zeitpunkt nach dem Aufstehen, um herauszufinden):

Wenn Sie ein dynamisches Webprojekt mit Tomcat in Eclipse erstellen, unter anderem im Projekt Sie erhalten einen Ordner namens "WebContent". Das ist der eigentliche Ordner, der auf dem Tomcat-Server bereitgestellt wird, in Eclipse's Äquivalent Tomcat/webapps/<project name> (ich bin mir nicht sicher, wo es wirklich existiert). Aus Sicherheitsgründen kann als Spezialfall niemand auf die Ordner META-INF und WEB-INF zugreifen, so dass es nicht hilfreich ist, Ihre Skripte an diesen Orten zu platzieren.

Was Sie tun müssen, ist einen Ordner innerhalb von WebContent zu erstellen, und kleben Sie Ihr Javascript dort. Dieser Ordner wird global sichtbar sein, damit Besucher Ihrer Website (wie Sie, wenn Sie es testen) tatsächlich zum Javascript gelangen.

Ich habe zum Beispiel einen Ordner mit dem Namen "script" in WebContent erstellt und dort mein Javascript eingefügt; Dann, wenn ich es in einer Seite verweisen musste, setze ich src="ProjectName/script/AwesomesauceJavascript.js"

Answer 2

Im Folgenden sind die Schritte zum Aktivieren der jQuery-Syntax-Hervorhebung und Inhaltshilfe Hervorhebung in Eclipse.

1. Download jqueryWTP0.40foEn.jar.

2. Finden Sie Ihr Eclipse Plugin org.eclipse.wst.jsdt.core_version.jar, sichern Sie das Plugin. (zB C: \ DEV \ EclipseIndigo37 \ eclipse \ plugins \ org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

3. Doppel die JAR-Datei klicken oder mit dem Befehl java -jar jqueryWTP0 laufen. 40foEn.jar.

4. Wählen Sie auf der geöffneten Swing-Benutzeroberfläche org.eclipse.wst.jsdt.core_version.jar und das Ausgabeverzeichnis aus.

5. Klicken Sie auf die Schaltfläche Generieren.

6. Ersetzen Sie die alte org.eclipse.wst.jsdt.core_version.jar Datei durch die generierte Datei.

7. das Verzeichnis workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core

8. Eclipse starten löschen.

9. Öffnen Sie eine HTML-Datei oder eine JavaScript-Datei, bearbeiten Sie JavaScript-Inhalt.

jQuery Inhaltshilfe ist jetzt verfügbar.
Plugin Developer & Source

Answer 3

Ich möchte hinzufügen, was @Tacroy reagierte mit. Überprüfen Sie auf dem Server, den Sie in Eclipse verwenden, die Datei server.xml. Stellen Sie sicher:

Context docBase="SomeProjectName" path="/SomeProjectName" < - Pfad und docBase Attribute müssen identisch sein.

Ich hatte zwei verschiedene Dinge dort, und musste sie für das src-Attribut identisch machen, um in der JSP zu arbeiten.

Answer 4

Zunächst müssen Sie die Ressourcenzuordnung zu Ihrem Ordner hinzufügen, in den Sie die Skriptbibliothek jquery.js einfügen. Dieser Ordner muss öffentlich sein.

Um Ordner öffentliche Nutzung dieser Zeile Code zu machen:

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

Jetzt müssen Sie nur Bezug auf Ihre Seite zu diesem Pfad hinzuzufügen:

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