3 votes

Comment inclure une bibliothèque JavaScript dans un projet Spring MVC (jQuery ou Dojo, par exemple) ?

J'ai lu plus de 5 fils de discussion ici, mais je n'ai pas trouvé la réponse : des instructions étape par étape. Jusqu'à présent, j'ai la structure de modèle STS Spring MVC et j'essaie de mettre jquery.js quelque part dans mon projet (malheureusement, personne ne dit, où il devrait être). Alors, s'il vous plaît, dites :

  1. où placer jquery.js dans la structure du projet ?
  2. comment faire référence à cet emplacement à partir de .jsp ?
  3. D'autres actions sont-elles nécessaires ? comme maven, des modifications de la configuration de l'application ?

Mon jsp fonctionne parfaitement avec http://code.jquery.com/jquery-1.8.3.js mais refuse de travailler avec le fichier local /js/jquery-1.8.3.js . Et une chose étrange - quand jsp ne peut pas trouver le script, app server se plaint à ce sujet, mais quand il (a trouvé ?) la bibliothèque, pas d'avertissement, mais jquery aussi ne fonctionne pas.

7voto

JB Nizet Points 250258

Les fichiers JavaScript ne sont que des ressources qui doivent être téléchargées par le navigateur. Vous les placez donc où vous voulez dans le répertoire racine de la webapp.

Supposons que vous ayez placé votre fichier sous /js/jquery.js (dans le répertoire WebContent de votre projet Web). Et supposons que votre webapp ait /myFirstWebApp comme chemin du contexte. Cela signifie que la racine de la webapp, une fois que l'application est déployée, sera à

http://localhost:8080/myFirstWebApp/

et que votre fichier JS se trouvera donc à

http://localhost:8080/myFirstWebApp/js/jquery.js

Pour générer une URL dans une webapp, vous utilisez généralement la fonction <c:url> étiquette :

<script src="<c:url value='/js/jquery.js'/>></script>

La balise c:url se charge du chemin d'accès au contexte : elle le fait précéder des URL absolues que vous lui donnez afin de vous éviter de modifier le chemin d'accès au contexte par la suite.

1voto

Eddy Yuansheng Wu Points 132

Pour inclure, il est préférable d'écrire

<script type="text/javascript" src="<c:url value='/js/jquery-1.8.3.min.js'/>"></script>

Le dossier js doit être placé dans le dossier WebContent.

0voto

Nicky Jaidev Points 417
  1. Copiez la bibliothèque JQuery sous WebContent (comme, WebContent \jquery\js\jquery -1.9.1.js est valide)

  2. En JSP :

        <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
          ...
        <head>
    <spring:url value="/jquery/js/jquery-1.9.1.js" var="jqueryUrl" />
    <script src="${jqueryUrl}"></script>
    
    <spring:url value="/jquery/js/jquery-ui-1.10.3.custom.js" var="jqueryJsUrl" />
    <script src="${jqueryJsUrl}"></script>
     </head>
  3. Dans spring-context.xml ajouter :

     <mvc:resources location="/jquery/" mapping="/jquery/**" /></beans>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X