Référence bibliothèques Javascript avec Tomcat

J'utilise Eclipse Ganymede et Tomcat 5.5 . J'aimerais ajouter quelques fonctionnalités javascript et surtout ajax à un projet Web dynamique et besoin d'aide.

Je voudrais utiliser jquery (mais je suis ouvert à d'autres suggestions, si vous me dites pourquoi une autre bibliothèque serait mieux dans ce cas, mais j'ai choisi jquery car il est censé être simple (ce qui, au premier coup d'oeil, semble-t-il être)).

J'ai deux problèmes:

1- Tomcat ne peut pas trouver la bibliothèque jquery. J'ai essayé plusieurs choses dans mon fichier jsp comme:

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

Comme vous pouvez le voir, j'ai jeté la bibliothèque jquery dans /WEB-INF/lib . L'exécution du fichier jsp dans un navigateur sans tomcat (avec la dernière version du chemin) fonctionne, de sorte que le chemin d'accès est correct.

2- Il n'y a pas de mise à jour de syntaxe appropriée dans le projet Web dynamique pour jquery et pas de suggestions contextuelles. J'ai également essayé l'information dans cet article , mais cela n'a pas beaucoup changé.

Pour être plus précis (car il m'a fallu environ une demi-heure pour comprendre cela après avoir atteint ce point):

Lorsque vous créez un projet Web Dynamique avec Tomcat dans Eclipse, entre autres choses dans le projet, vous obtenez un dossier intitulé «WebContent». C'est le dossier réel qui est déployé sur le serveur Tomcat, dans l'équivalent Eclipse de Tomcat/webapps/<project name> (je ne sais pas où il existe vraiment). Pour des raisons de sécurité, en tant que cas spécial, personne ne peut accéder aux META-INF et WEB-INF là-dedans, de sorte que vos scripts dans ces endroits ne vous aideront pas.

Ce qu'il faut faire, c'est créer un dossier à l'intérieur de WebContent, et y ajouter votre Javascript. Ce dossier sera globalement visible, de sorte que les visiteurs de votre site (comme vous, lorsque vous le testez) peuvent effectivement accéder au Javascript.

Ce que j'ai fait, par exemple, a été de créer un dossier nommé "script" dans WebContent et de mettre mon Javascript dans le site; Alors, quand je devais le référencer dans une page, j'ai mis src="ProjectName/script/AwesomesauceJavascript.js"

J'aimerais ajouter à quoi @Tacroy a répondu. Dans le serveur que vous utilisez dans Eclipse, vérifiez le serveur.xml. Assure-toi:

Context docBase="SomeProjectName" path="/SomeProjectName" <- les attributs path et docBase doivent être identiques.

J'avais deux choses différentes là-bas, et je devais les rendre identiques pour l'attribut src pour fonctionner dans jsp.

D'abord, vous devez ajouter le mappage des ressources à votre dossier où vous placez la bibliothèque de scripts jquery.js. Ce dossier doit être public.

Pour rendre le dossier public, utilisez cette ligne de code:

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

Maintenant, il vous suffit d'ajouter une référence dans votre page à ce chemin:

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

Vous trouverez ci-dessous les étapes pour activer la mise en surbrillance de la syntaxe jQuery et la mise en surbrillance de l'assistance au contenu dans Eclipse.

  1. Télécharger jqueryWTP0.40foEn.jar .

  2. Trouvez votre plugin Eclipse org.eclipse.wst.jsdt.core_version.jar , sauvegardez le plugin. (Par exemple C: \ DEV \ EclipseIndigo37 \ eclipse \ plugins \ org.eclipse.wst.jsdt.core_1.1.100.v201104272153.jar)

  3. Double-cliquez sur le fichier JAR ou exécutez avec la commande java -jar jqueryWTP0.40foEn.jar.

  4. Sur l'UI d'oscillation ouverte, choisissez org.eclipse.wst.jsdt.core_version.jar et le répertoire de sortie.

  5. Cliquez sur le bouton générer.

  6. Remplacez l'ancien fichier org.eclipse.wst.jsdt.core_version.jar par le fichier généré.

  7. Supprimez l' workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core du répertoire workspace/.metadata/.plugins/org.eclipse.wst.jsdt.core

  8. Commencez Eclipse.

  9. Ouvrez un fichier HTML ou un fichier JavaScript, éditez le contenu JavaScript.

L'aide au contenu jQuery est maintenant disponible.
Plugin Developer & Source