J2EE et fichiers externes (css, images)
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:
http://s3-eu-west-1.amazonaws.com/sd...load/arbo1.PNG
Le code de mon web.xml:
Code:
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:
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:
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"><p>Test</p><br/><p>${pageContext.request.contextPath}</p></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:
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:
http://s3-eu-west-1.amazonaws.com/sd...oad/totale.PNG
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:
http://s3-eu-west-1.amazonaws.com/sd...oad/style2.PNG
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
http://s3-eu-west-1.amazonaws.com/sd...pload/mime.PNG
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:
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 :/
