web-dev-qa-db-fra.com

Dans un projet Web dynamique Eclipse, comment lier css à un fichier jsp dans le dossier webcontent

Dans Eclipse, j'ai créé un projet Web dynamique et un fichier JSP sous le dossier WebContent. J'ai également créé un fichier CSS sous le dossier WebContent. J'utilise ensuite <link rel="stylesheet" type="text/css" href="XXX.css"> dans le fichier JSP pour créer un lien vers le fichier CSS, mais lorsque je suis exécuté sur un serveur Web (Tomcat), le code CSS ne s'appliquait pas. Quelqu'un peut-il me dire pourquoi?

14
user1056648

Vous devez mettre votre nom de projet Web avant le chemin d’adresse de votre fichier css

Exemple:

<link rel="stylesheet" href="/YourProjectName/XXX.css" type="text/css">

ou de manière plus dynamique:

<link rel="stylesheet" href="${pageContext.request.contextPath}/XXX.css" />

S'amuser :)

23
kia kaviani

Vous pouvez utiliser: Avec le fichier style.css dans le dossier WEB-INF/jsp 

<style type="text/css">
  <%@include file="css/style.css" %>
</style>

REMARQUE

Cela copie cependant la source entière du fichier CSS dans le HTML sortie de la page JSP. En d'autres termes, il s'agit d'une inclusion côté serveur, pas une référence de ressource côté client. Donc, vous manquez effectivement le avantage que le navigateur peut mettre en cache des ressources statiques et de cette façon vous se retrouver avec un gaspillage de bande passante, car le même fichier CSS est intégré dans chaque page. En d'autres termes, une mauvaise idée en termes de performance et efficacité.

comme @BalusC décrit dans le commentaire! vous voulez tester votre fichier style.css de toute façon , ceci est une solution.

6
Nhat Dinh

vous pouvez utiliser

  <link rel="stylesheet" type="text/css" href="path/css">
0
Deepak Singh

Vous devez redémarrer Eclipse pour qu'il mappe à nouveau tous les fichiers css et javascript . J'ai travaillé pour moi.

0
Vaibhav Shah