jsp html struts

2 pièce(s) jointe(s)

jsp html struts

bonjour a tous,
mon pproblème se pose comme suit: je viens de faire l'affichage, création ,modification et suppression de mes donées avec struts.Le problème qui se pose est que je voudrais adapter la page jsp qui est d'un affichage très médiocre et très très simple( tableau + lien)vers un affichage plus convivial:
voila la première page :

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
 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="tiles" uri="http://struts.apache.org/tags-tiles" %>
<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html" %>
<%@ taglib prefix="bean" uri="http://struts.apache.org/tags-bean" %>
<html:html>
	<head>
		<title><bean:message key="titre.application"/></title>
 
	</head>
	<body>
		<table>
			<tbody>
				<tr>
					<td valign="top">
						<table>
							<tbody>
								<tr><td>
									<a href="<html:rewrite page="/AfficherListeUtilisateurs.do"/>">
                                     <bean:message key="titre.listeutilisateurs"/>
									</a>
								</td></tr>
								<tr><td>
									<a href="<html:rewrite page="/AfficherCreationElementUtilisateurs.do"/>">
										<bean:message key="titre.creation.elementutilisateurs" bundle="creation"/>
									</a>
								</td></tr>
								<tr><td>
									<a href="<html:rewrite page="/AfficherSuppressionElementUtilisateurs.do"/>">
										<bean:message key="titre.suppression.elementutilisateurs" bundle="suppression"/>
									</a>
								</td></tr>
								<tr><td>
									<a href="<html:rewrite page="/AfficherModificationListeUtilisateurs.do"/>">
										<bean:message key="titre.modification.elementutilisateurs" bundle="modification"/>
									</a>
								</td></tr>
							</tbody>
						</table>
					</td>
					<td valign="top">
						<tiles:insert attribute="principal" />
					</td>
				</tr>
			</tbody>
		</table>		
	</body>
</html:html>

et voila mon deuxieme essai ou j'ai essayer de l'integrer pour qu'elle ressemble a ma page d'accueil:

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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
 
 
 
<%@ taglib prefix="tiles" uri="http://struts.apache.org/tags-tiles" %>
<%@ taglib prefix="html" uri="http://struts.apache.org/tags-html" %>
<%@ taglib prefix="bean" uri="http://struts.apache.org/tags-bean" %>
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
 
<title> BOCEF</title>
<style type="text/css">
<!--
.Style1 {color: #669933}
.Style2 {
	color: #006600;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.Style4 {color: #006600}
.Style5 {color: #0066FF}
.Style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0000CC;
}
-->
</style>
</head>
 
<body>
 
 
<form action="menu.jsp" method="post">
 
  <table align="center" border="0" cellpadding="0" cellspacing="0" width="1031">
    <tbody>
      <tr>
        <td width="1054"><table border="0" cellpadding="0" cellspacing="0" height="66" width="88%">
          <tbody>
            <tr>
              <td width="5" rowspan="2"><div align="left"></div></td>
              <td width="320" rowspan="2" class="norm"><img src="fr2.gif" width="304" height="26" /></td>
              <td width="50" class="norm"><div align="center" class="Style2"></div>
                    <div align="center">              </td>
              <td class="norm" width="170">&nbsp;</td>
              <td width="253" rowspan="2" class="norm">
                <div align="right"><img src="ar.gif" width="229" height="42" /></div></td>
              <td width="109" rowspan="2"><div align="center"></div></td>
            </tr>
            <tr>
              <td width="50" class="norm"><img src="cnx.jpeg" width="40" height="40" /></td>
              <td class="Style7">Authentification</td>
            </tr>
          </tbody>
        </table>
            <br />
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr>
                  <td valign="top" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="88%">
                      <tbody>
                        <tr>
                          <td valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                              <tr valign="top">
                                <td colspan="10"><table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                      <tr>
                                        <td bgcolor="#6699FF" width="96">&nbsp;</td>
                                        <td colspan="5" bgcolor="#6699FF">&nbsp;</td>
                                        <td>&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" height="22" width="3%">&nbsp;</td>
                                        <td bgcolor="#6699FF" width="94%"><marquee direction="right" scrollamount="5">
                                          <font color="#ffffff" face="Arial, Helvetica, sans-serif"><strong>Veuillez entrer votre Login et mot de passe </strong></font>
                                        </marquee></td>
                                        <td bgcolor="#FFFFFF" width="3%">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td colspan="3" background="haut.gif" height="22"><strong>&nbsp;&nbsp;<font color="#336633" face="Arial, Helvetica, sans-serif" size="2"> </font></strong></td>
                                      </tr>
                                    </tbody>
                                </table></td>
                              </tr>
                              <tr>
                                <td colspan="3"><div align="center"><strong><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> </font></font></strong><br />
                                </div></td>
                                <td height="71" colspan="3"><p>&nbsp;</p>
								<table>
			<tbody>
				<tr>
					<td valign="top">
						<table>
							<tbody>
								<tr><td>
									<a href="<%<html:rewrite page="/AfficherListeUtilisateurs.do"/>%>">
                                    <% <bean:message key="titre.listeutilisateurs"/>%>
									</a>
								</td></tr>
								<tr><td>
									<a href="<%<html:rewrite page="/AfficherCreationElementUtilisateurs.do"/>%>">
										<%<bean:message key="titre.creation.elementutilisateurs" bundle="creation"/>%>
									</a>
								</td></tr>
								<tr><td>
									<a href="<%<html:rewrite page="/AfficherSuppressionElementUtilisateurs.do"/>%>">
										<%<bean:message key="titre.suppression.elementutilisateurs" bundle="suppression"/>%>
									</a>
								</td></tr>
								<tr><td>
									<a href="<%<html:rewrite page="/AfficherModificationListeUtilisateurs.do"/>%>">
										<%<bean:message key="titre.modification.elementutilisateurs" bundle="modification"/>%>
									</a>
								</td></tr>
							</tbody>
						</table>
					</td>
					<td valign="top">
						<%<tiles:insert attribute="principal" /> %>
					</td>
				</tr>
			</tbody>
		</table>		
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                    <p>&nbsp; </p></td>
                                <td height="71"><p>&nbsp;</p>
                                    <p>&nbsp;</p>
                                  <p>&nbsp;</p>
                                  <p>&nbsp;</p>
                                  <p>&nbsp;</p>
                                  <p>&nbsp;</p></td>
                                <td colspan="2" rowspan="5">&nbsp;</td>
                                <td rowspan="6" width="4">&nbsp;</td>
                              </tr>
                              <tr>
                                <td height="35" colspan="3" rowspan="3">&nbsp;</td>
                              </tr>
                              <tr>
                                <td width="286" height="42"><p>&nbsp;</p>
                                <p>&nbsp;</p>
                                </td>
                              </tr>
                              <tr></tr>
                              <tr></tr>
                              <tr>
                                <td colspan="9" background="/bas.gif" height="25">&nbsp;</td>
                              </tr>
                              <tr>
                                <td bgcolor="#6699FF">&nbsp;</td>
                                <td colspan="7" bgcolor="#6699FF"><marquee>
                                  <font color="#ffffff"face="Arial, Helvetica, sans-serif"><strong> Bienvenue </strong></font>
                                </marquee></td>
                                <td bgcolor="#6699FF">&nbsp;</td>
                                <td>&nbsp;</td>
                              </tr>
                              <tr>
                                <td background="m3.gif" bgcolor="#ffffff" width="26">&nbsp;</td>
                                <td bgcolor="#6699FF" width="106">&nbsp;</td>
                                <td colspan="5" bgcolor="#6699FF">&nbsp;</td>
                                <td bgcolor="#6699FF" width="55">&nbsp;</td>
                                <td background="m4.gif" width="25">&nbsp;</td>
                                <td>&nbsp;</td>
                              </tr>
                            </tbody>
                          </table></td>
                        </tr>
                      </tbody>
                  </table></td>
                </tr>
              </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
  <p align="center">&nbsp;</p>
  <p>
    <map name="Map2" id="Map2">
      <area shape="rect" coords="56,-1,141,19" href="http://www.index.php" />
    </map>
  </p>
</form>
</body>
</html>

j'espère que j'ai bien présenté mon problème :)
merciii

Bonjour,

Du coup, ton problème est totalement indépendant de java si je comprends bien et relève plus du design de site web?
Dans ce cas, tu auras plus de réponses dans le forum web à mon avis.
Juste une remarque tout de même, voir des trucs comme ça m'inquiète un peu quand même

Code:

<% <bean:message key="titre.listeutilisateurs"/>%>

Les balises n'ont rien à faire dans des scriptlets. Pour cette raison, tu devrais plutôt avoir ceci:

Code:

<bean:message key="titre.listeutilisateurs"/>

salut
mon probleme c que je ne sais pas comment faire pour adapter mon code java dans le code html , du coup je me mets a mettre tous ce qui en relation de java entre <% %> en espérant que ça marche.:(
je voudrais juste savoir comment faire , et est -ce que c possible ou non ,jcomprends pa voila!!!

Bien, donc ce qu'il faut comprendre, c'est que tu vas utiliser HTML, c'est à dire ses balises et tout ce qui attrait aux technos web (CSS, javascript...) pour mettre en forme l'information.
Après, c'est dans ton cas en java que tu vas apporter l'information (qui est susceptible d'évoluer dans le temps).
Tu utilises pour ta part le framework struts. Ce dernier te fournit un ensemble de tags ayant pour finalité de "simplifier" l'écriture des JSP (pouvant se charger d'une partie du traitement à ta place par exemple)
Les tags ont la même syntaxe que les balises HTML mais derrière, c'est bien des classes java qui sont appelées. Par exemple, quand tu écris ceci:

Code:

<bean:message key="titre.listeutilisateurs"/>

C'est la classe org.apache.struts.taglib.bean.MessageTag qui est appelée.
Après, on va utiliser <% %> quand on souhaite faire du traitement pur java dans les JSP (ce n'est pas trop recommandé par contre car ça surcharge rapidement les JSP et on préfèrera déléguer les traitements coté serveur dans une servlet, classe Action...)
Mais par exemple, tu pourrais très bien écrire ceci:
Code:

1 2 <% String bonjour = "salut"; %> <h1><%=bonjour%></h1>
En résumé, tu ne dois pas avoir de problèmes pour intégrer des instructions java dans des page web (HTML,....) du moment que tu respectes les syntaxes.

autrement j'ai compliqué la chose alors qu'elle est aussi simple que ça :P
merci pour le conseil , j'ai enlevétous les <% %> et j'ai juste ajouté le code de l'ancienne page jsp dans la nouvelle et ça marche tout simplement :mouarf:
merci