J2EE et fichiers externes (css, images)

**Zeldarck** · 28/06/2015, 13h00

Bonjour,

Je suis désormais en train d'apprendre le javascript, en essayant de mettre tout ensemble pour m’entraîner, je me retrouve face à un problème quand mes jsp veulent appeller un fichier externe.
Donc, l'arborescence de mes fichier:

Le code de mon web.xml:

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>AutoCompl</display-name>
  <servlet>
    <servlet-name>Index</servlet-name>
    <servlet-class>com.autocompl.servlets.Index</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Index</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
</web-app>

Le code de ma servlet:

Code java :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
package com.autocompl.servlets;
 
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
 
/**
 * Servlet implementation class Index
 */
@WebServlet("/Index")
public class Index extends HttpServlet {
    private static final long serialVersionUID = 1L;
 
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Index() {
        super();
        // TODO Auto-generated constructor stub
    }
 
 
    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.getServletContext().getRequestDispatcher("/WEB-INF/index.jsp").forward(request, response);
    }
 
 
    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
    }
 
 
}

Le code de ma jsp:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/styles/style.css" />
<title>AutoCompl</title>
</head>
<body>
<form method="post" action="">
<input type="search" name="searchbar" id="searchbar" />
</form>
<div id="autoZone"&gt;&lt;p&gt;Test&lt;/p&gt;&lt;br/&gt;&lt;p&gt;${pageContext.request.contextPath}&lt;/p&gt;&lt;/div>
<img src="${pageContext.request.contextPath}/styles/Bordure_lambda.png"/>
 
</body>
</html>

Mon css n'a rien de spécial, j'essaye juste de changer la couleur du fond pour au moins faire fonctionner avant de pousser plus loin:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
#autoZone{
    border:1px black;
    margin:0px;
    padding:0px;
    height:40px;
    width:40px;
    background:black;
}
 
body{
    font-size:40em;
 
}

Comme vous pouveez voir dans l'arborescence, j'ai rajoute rune image pour tester si ça bugguais avec tout les types de fichiers

Donc voilà ce que ça me donne:

Comme vous pouvez voir, dans la console, il considère que mon style contiens le même code que la jsp Oo"
Si je vais directement sur le liens du style ou de l'image ça me donne ça:

Google chrome me met ça de temps en temps, je ne sais pas ce que c'est le MIME, mais ça a l'air d'être en rapport avec mon problème, je vais chercher de mon côté ce qu'est un MIME

Après recherche sur les mimes; j'ai pensé que ça venais de mon serveur Tomcat 8 qui étais mal configuré, mais en allant dans conf/web.xml, il possède bien ces ligne:

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
    <mime-mapping>        <extension>css</extension>
        <mime-type>text/css</mime-type>
    </mime-mapping>

Voilà, j'espère avoir donné toutes les infos utiles, merci d'avance de votre aide :/

**tchize_** · 28/06/2015, 13h20

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
    <url-pattern>/</url-pattern>

Ceci instruit ton serveur d'utiliser ta servlet pour tout ce qui n'est pas mappé explicitement. Ta servlet est devenue la servlet par défaut et c'est elle qui sert la plupart des urls...
mappe ta servlet ton /index par exemple et tu verra que ça marchera beaucoup mieux

**Zeldarck** · 28/06/2015, 13h42

D'accord, je ne connaissais pas ça, merci !

Du coup maintenant, j'ai une erreur 404 quand je me met directement sur l'url de ma css et quand je vais sur ma jsp, la console chrome renvoie cet erreur (STYLES est en majuscule maintenant, c'est normal, j'ai changer pour rester en accord avec les WEB-INF itout):
Nom : erreur404.PNG
Affichages : 2193
Taille : 3,6 Ko

Nom : erreur404.PNG
Affichages : 2193
Taille : 3,6 Ko

**tchize_** · 28/06/2015, 13h44

pourquoi en majuscule alors que c'est une minuscule dans tes ressources de projet????

**Zeldarck** · 28/06/2015, 13h48

Ne t'inquiète pas, j'ai changer tout justement, j'avais continuer à travailler sur le projet même quand j'avais pas de réponse ^^

Nom : arboo.PNG
Affichages : 2222
Taille : 14,9 Ko

Nom : arboo.PNG
Affichages : 2222
Taille : 14,9 Ko

Mais du coup, une idée pour résoudre cette erreur 404? :/

EDIT:
Bon beh j'ai bouger le dossier style dans WEB-INF voir si ça changeais un truc malgré que j'ai lu partout que ça rendais les fichier inaccessible, donc du coup, ouais c'étais bien inaccessible. Mais quand j'ai remis le dossier dans WebContent (le tout par l'interface Eclipse) et bah..ça fonctionnais, alors que rien dans le code avais bouger. Si quelqu'un a une explication, je prend

~~Mais le problème n'est pas résolue pour l'image, elle reste inaccessible~~ Juste une erreur dans le nom d'image que j'avais mis ça x)

Bon beh merci pour ton aide du coup

Je marque le sujet comme résolue, mais je veut bien si quelqu'un a une idée de pourquoi ma manip débile aurai pu solutionnée, je veut bien en mp ou ici

Je pense que ça pourrai être genre que le serveur/navigateur avais mis en cache le .xml truc du genre et les chemins pis comme j'ai bouger les odssier il a tout recalculer et vue que le .xml avais changer?

Et si quelqu'un si connais en AJAX, je suis preneur d'aide ichi

J2EE et fichiers externes (css, images)

Développement Web en Java

Discussions similaires

Partager

Partager