5 pièce(s) jointe(s)
Problème de contextPath sur le serveur
Bonjour,
Mon application fonctionne bien si j'exécute sous eclypse. Mais lorsque je crée un war pour le tester en dehors de l'eclypse certains pages n'arrives pas s'aficher correctement. Comme s'elle n'arrive pas à accéder aux fichiers css se trouvant dans le dossier static/css. Par contre les pages se trouvant dans le dossier template arrivent à lire les fichiers css.
Pièce jointe 374345
Pièce jointe 374365
Le second problème est je dois ajouter manuellement le contextPah de mon application pour lire les fichiers se trouvant dans le dossier template si non ils sont introuvables.
Pièce jointe 374353
Quand j'ajoute manuellement, j’obtiens:
Pièce jointe 374357
Qu'est ce que je dois changé dans mon fichier nommé template.html(layout) du dossier template:
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171
|
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<meta charset="utf-8"/>
<title>AEROPRO</title>
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css"
th:href="@{/css/bootstrap.css}" />
<link rel="stylesheet" type="text/css" href="../static/css/mystyle.css"
th:href="@{/css/mystyle.css}" />
<link href="../static/css/bootstrap.min.css"
th:href="@{/css/bootstrap.min.css}"
rel="stylesheet" media="screen" />
<link href="../static/css/jquery.dataTables.min.css"
th:href="@{/css/jquery.dataTables.min.css}"
rel="stylesheet" media="screen" />
<link href="../static/css/signin.css"
th:href="@{/css/signin.css}" rel="stylesheet" media="screen"/>
<link href="../static/css/errors.css"
th:href="@{/css/errors.css}" rel="stylesheet" media="screen"/>
<link href="../static/css/jquery-ui.min.css"
th:href="@{/css/jquery-ui.min.css}" rel="stylesheet" media="screen"/>
<link href="../static/css/mainStyle.css"
th:href="@{/css/mainStyle.css}" rel="stylesheet" media="screen"/>
<script src="../static/js/jquery.min.js"
th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/jquery-ui.min.js"
th:src="@{/js/jquery-ui.min.js}"></script>
<script src="../static/js/bootstrap.min.js"
th:src="@{/js/bootstrap.min.js}"></script>
<script src="../static/js/jquery.dataTables.min.js"
th:src="@{/js/jquery.dataTables.min.js}"></script>
<script src="../static/js/functions.js" th:src="@{/js/functions.js}"></script>
<style>
/*navbar overrided*/
.navbar-default {
background-color: #045491;
border-color: #000000;
}
.navbar-default .navbar-text{color:#ffffff}
.navbar-brand:hover{color:#000000;background-color:transparent}
.navbar-default .navbar-nav>li>a{color:#ffffff}
.navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #021C10;
}
/*dropdown overrided*/
.dropdown-menu>li>a{color:#040FE9}
.dropdown-menu>li>a:hover{color:#ffffff;background-color:#045491}
</style>
</head>
<body>
<!-- entete -->
<header>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">AeroPro</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/" th:href="@{/}">Home</a></li>
<li class="dropdown" sec:authorize="hasRole('ROLE_ADMIN')">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Personnels<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/personnels/index" th:href="@{/personnels/index}">Liste personnels</a></li>
<li><a href="/personnels/nouveau" th:href="@{/personnels/nouveau}">Nouveau personnel</a></li>
<li><a href="/qualification/index" th:href="@{/qualification/index}">Qualification</a></li>
<li><a href="/aptitude/index" th:href="@{/aptitude/index}">Aptitude physique</a></li>
</ul>
</li>
<!--Essayons de masque si c'est pas ADMIN OU PEL -->
<li class="dropdown" sec:authorize="hasRole('ROLE_ADMIN')">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Licence<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/licence/index" th:href="@{/licence/index}">Liste licences</a></li>
<li><a href="/licence/index" th:href="@{/licence/nouvelle}">Nouvelle licence</a></li>
<li><a href="/validation/index" th:href="@{/validation/nouvelle}">Validation licence</a></li>
<li><a href="/typelicence/index" th:href="@{/typelicence/index}">Type licence</a></li>
</ul>
</li>
<li class="dropdown" >
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Opération Bancaire<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/paiement/index" th:href="@{/paiement/index}">Paiement</a></li>
<li><a href="/devise/index" th:href="@{/devise/index}">Devise</a></li>
<li><a href="/coursechange/index" th:href="@{/coursechange/index}">Cours de change</a></li>
<li><a href="/tarification/index" th:href="@{/tarification/index}">Tarification</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Administration<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/categorie/index" th:href="@{/categorie/index}">Catégorie</a></li>
<li><a href="/agent/index" th:href="@{/agent/index}">Agent</a></li>
<li><a href="/utilisateur/index" th:href="@{/utilisateur/index}">Utilisateur</a></li>
<li><a href="/utilisateur/index" th:href="@{/utilisateur/index}">Gestion des rôles</a></li>
</ul>
</li>
<li class="dropdown">
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a th:href="@{/login?logout}">Logout</a></li>
</ul>
</div>
<!-- <div sec:authorize="hasRole('ROLE_ADMIN')">
<li><a th:href="@{/admin/switchUser}">Switch User</a></li>
</div> -->
</header>
<!-- contenu de la page -->
<section layout:fragment="content"></section>
<!-- footer -->
<!-- <footer>
<div class="navbar fixed-bottom">
WANGI NGOY ERIC
</div>
</footer> -->
</body>
</html> |
page index du dossier static:
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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188
|
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="template">
<head>
<meta charset="utf-8"/>
<title>Bienvenu(e)</title>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.css"
th:href="@{/css/bootstrap.css}" />
<link rel="stylesheet" type="text/css" href="../static/css/mystyle.css"
th:href="@{/css/mystyle.css}" />
<link href="/css/bootstrap.min.css"
th:href="@{/css/bootstrap.min.css}"
rel="stylesheet" media="screen" />
<link href="/css/jquery.dataTables.min.css"
th:href="@{/css/jquery.dataTables.min.css}"
rel="stylesheet" media="screen" />
<link href="/css/signin.css"
th:href="@{/css/signin.css}" rel="stylesheet" media="screen"/>
<link href="/css/errors.css"
th:href="@{/css/errors.css}" rel="stylesheet" media="screen"/>
<link href="/css/jquery-ui.min.css"
th:href="@{/css/jquery-ui.min.css}" rel="stylesheet" media="screen"/>
<link href="/css/mainStyle.css"
th:href="@{/css/mainStyle.css}" rel="stylesheet" media="screen"/>
<script src="/js/jquery.min.js"
th:src="@{/js/jquery.min.js}"></script>
<script src="/js/jquery-ui.min.js"
th:src="@{/js/jquery-ui.min.js}"></script>
<script src="/js/bootstrap.min.js"
th:src="@{/js/bootstrap.min.js}"></script>
<script src="/js/jquery.dataTables.min.js"
th:src="@{/js/jquery.dataTables.min.js}"></script>
<script src="/js/functions.js" th:src="@{/js/functions.js}"></script>
<style>
/*navbar overrided*/
.navbar-default {
background-color: #045491;
border-color: #000000;
}
.navbar-default .navbar-text{color:#ffffff}
.navbar-brand:hover{color:#000000;background-color:transparent}
.navbar-default .navbar-nav>li>a{color:#ffffff}
.navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #021C10;
}
/*dropdown overrided*/
.dropdown-menu>li>a{color:#040FE9}
.dropdown-menu>li>a:hover{color:#ffffff;background-color:#045491}
</style>
</head>
<body>
<!-- entete -->
<header>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">AeroPro</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/" th:href="@{/}">Home</a></li>
<li class="dropdown" sec:authorize="hasRole('ROLE_ADMIN')">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Personnels<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/personnels/index" th:href="@{/personnels/index}">Liste personnels</a></li>
<li><a href="/personnels/nouveau" th:href="@{/personnels/nouveau}">Nouveau personnel</a></li>
<li><a href="/qualification/index" th:href="@{/qualification/index}">Qualification</a></li>
<li><a href="/aptitude/index" th:href="@{/aptitude/index}">Aptitude physique</a></li>
</ul>
</li>
<!--Essayons de masque si c'est pas ADMIN OU PEL -->
<li class="dropdown" sec:authorize="hasRole('ROLE_ADMIN')">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Licence<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/licence/index" th:href="@{/licence/index}">Liste licences</a></li>
<li><a href="/licence/index" th:href="@{/licence/nouvelle}">Nouvelle licence</a></li>
<li><a href="/validation/index" th:href="@{/validation/nouvelle}">Validation licence</a></li>
<li><a href="/typelicence/index" th:href="@{/typelicence/index}">Type licence</a></li>
</ul>
</li>
<li class="dropdown" >
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Opération Bancaire<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/paiement/index" th:href="@{/paiement/nouvelle}">Paiement</a></li>
<li><a href="/devise/index" th:href="@{/devise/index}">Devise</a></li>
<li><a href="/coursechange/index" th:href="@{/coursechange/index}">Cours de change</a></li>
<li><a href="/tarification/index" th:href="@{/tarification/index}">Tarification</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Administration<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/categorie/index" th:href="@{/categorie/index}">Catégorie</a></li>
<li><a href="/devise/index" th:href="@{/devise/index}">Devise</a></li>
<li><a href="/coursechange/index" th:href="@{/coursechange/index}">Cours de change</a></li>
<li><a href="/agent/index" th:href="@{/agent/index}">Agent</a></li>
<li><a href="/utilisateur/index" th:href="@{/utilisateur/index}">Utilisateur</a></li>
<li><a href="/utilisateur/index" th:href="@{/utilisateur/index}">Gestion des rôles</a></li>
</ul>
</li>
<li class="dropdown">
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="/login?logout" th:href="@{/login?logout}">Logout</a></li>
</ul>
</div>
<!-- <div sec:authorize="hasRole('ROLE_ADMIN')">
<li><a th:href="@{/admin/switchUser}">Switch User</a></li>
</div> -->
</header>
<!-- contenue de la page -->
<div layout:fragment="content">
<!-- <h3>
Welcome : <span th:utext="${#request.userPrincipal.name}"></span>
</h3> -->
<div >
<br/><br/><br/>
<center><img class="img-circle" src="/images/logoaeropro.jpg" /></center>
</div>
</div>
<div th:fragment="footer">
<div class="container">
<br/>
<div style="background-color: #021C10;">
<p style="color: #ffffff; font-size: 16px; text-align: center;">Copyright ©. ERIC WANGI NGOY</p>
</div>
</div>
</div>
</body>
</html> |