Wie Sie die jQuery-Bibliothek in ein Spring-MVC Eclipse-Projekt einbeziehen

8

Guten Tag,

Ich habe weit und breit gesucht, aber alles, was ich finden kann, ist Informationen darüber, wie man verschiedene Plugins zu Eclipse hinzufügen kann. Ich möchte kein Plugin. Ich will meine stinkenden jQuery!

Einige Dinge, die ich versucht habe:

Ich lade jQuery herunter und lege es in meinen Ordner WebContent \ WEB-INF \ js. Dann habe ich in meiner Datei WebContent \ WEB-INF \ jsps \ company.jsp ein Skript-Tag:

%Vor%

Aber keine Würfel. Also zum nächsten Versuch.

Fenster - & gt; Einstellungen - & gt; JavaScript - & gt; Pfad einschließen - & gt; Benutzerbibliotheken - & gt; Neu ...

Hier habe ich meine jQuery-Bibliothek hinzugefügt und meine Datei korrekt referenziert. Ich kann meine jQuery-Bibliothek in JavaScript-Ressourcen sehen. Es sieht so aus, als ob ich es erwarten würde. Aber trotzdem ist mein jQuery-Skript nicht in meiner Seite enthalten.

Was fehlt mir hier? Ist das so ein Kinderspiel, dass niemand sich darum bemüht, das zu dokumentieren? Wenn es so ein Kinderspiel ist, warum kann ich es nicht herausfinden? Ich dachte, ich hätte ein Gehirn ...

    
Samo 09.11.2010, 18:26
quelle

7 Antworten

1

Der Ratschlag, meine jquery-Bibliothek an solch einen Ort zu verschieben, war korrekt, mit einer kleinen Ausnahme. Ein neues Servlet ist erforderlich, um statische Inhaltsdateien zu liefern. Wenn jemand anderes dieses Problem hat, sollte etwas wie diese Rechnung passen:

%Vor%     
Samo 10.11.2010, 19:26
quelle
6

Ich denke, Sie müssen die Datei NICHT im WEB-INF-Verzeichnis finden, da alles, was von Ihrer JSP aus zu sehen ist, nicht sichtbar ist. Versuchen Sie, Ihr js-Verzeichnis direkt unter WebContent zu platzieren und ändern Sie Ihre Referenz im Tag entsprechend.

BEARBEITEN: Als Antwort auf den Kommentar, den Sie unter Jays Antwort hinterlassen haben. Wie verweisen Sie auf die Datei in Ihrem Skript-Tag?

Sie werden wahrscheinlich etwas wie:

wollen %Vor%

wobei web-context-root für Ihre Anwendung spezifisch ist und Sie Ihr js-Verzeichnis direkt unter WebContent platzieren.

    
GriffeyDog 09.11.2010 19:15
quelle
4

Option 1

Fügen Sie jquery.js in Ihr Projekt ein

  1. Bekommen Sie jQuery.
  2. Legen Sie die jQuery.js-Datei irgendwo unter dem Web-Root, aber nicht unter WEB-INF. Vielleicht erstellen Sie ein Verzeichnis mit dem Namen "js" auf der gleichen Ebene wie der WEB-INF-Ordner in Ihrem Projekt (für mich ist dies der Ordner WebContext).
  3. Verweisen Sie auf Ihrer JSP-Seite auf die Datei jquery.js (Beispiel unten).

Referenzieren Sie jQuery.js innerhalb des Projekts

<script type="text/javascript" src="/js/jquery-1.4.3.min.js"></script>
oder (um den Kontextpfad in die Referenz aufzunehmen, wenn Sie JSTL verwenden, die dem Präfix "c" zugeordnet ist)
<script type="text/javascript" src="<c:url value="/js/jquery-1.4.3.min.js">"></script>

Option 2

  1. Erhalte jquery.js nicht
  2. Laden Sie jquery von Google CDN. (siehe unten)

Referenzieren Sie jQuery.js von Google CDN

& lt; script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text / javascript" & gt; & lt; / script & gt;

    
DwB 09.11.2010 21:27
quelle
1

Das ist richtig. Sie sollten den 'js' Ordner über den WEB-INF Ordner verschieben. Dann wird die js-Datei von Ihrer JSP abgeholt.

    
Jay Chandran 09.11.2010 19:21
quelle
0

Sie könnten versuchen, ein separates Servlet (das ich noch nicht ausprobiert habe) zu verwenden, um die jQuery.js als statischen Inhalt zu laden.

Was es für mich gelöst hat, ist, die jQuery.js-Datei in den Ordner / content mit den restlichen HTML-Seiten zu setzen und sie relativ zum Stammverzeichnis für JSP- und HTML-Seiten zu referenzieren.

    
user1219387 25.07.2014 22:10
quelle
0

Warum sind Ihre JSPs in WEB-INF? Sie werden im Ordner "WebContent" erstellt. Der Ordner WEB-INF sollte nicht im Klassenpfad enthalten sein.

Legen Sie Ihre Arbeit nicht in den Ordner WEB-INF.

    
user3811555 13.10.2014 06:21
quelle
0

Sie können auch Abhängigkeiten von jquery in Ihrer pom.xml hinzufügen und in die Skriptquelle einfügen: <script type="text/javascript" src="webjars/jquery/2.1.4/jquery.js"></script>

    
Anshul Sachdeva 10.06.2015 13:14
quelle

Tags und Links