Directiva include jsp

0

Por admin | Para la categoría de java j2ee | noticia del 21-08-2009

En este tutorial vamos a ver una directiva que permite a las páginas de jsp otros archivos jsp en la página que los requiere.

Mediante “<%@ include file="url relativa del fichero jsp a incluir" %>“, podemos introducir fragmentos de código específicos de otras jsps. Esto da una mayor rapidez a las páginas jsp ya que se pueden tener fragmentos de código ya preparados en cualquier parte de nuestra aplicación y cuando la página jsp correspondiente lo requiera poder cambiar e introducir dichos fragmentos de código.

Introducimos fragmentos aunque son framentos de ficheros jsp no tienen que llevar la dtd cada uno de ellos, solamente llevara la dtd la página principal. Ejemplo si tenemos un fragmento que solamente tenemos un párrafo pondríamos en ese párrafo la etiqueta “p” contenido del párrrafo y lo guardariamos con extensión jsp sin poner ni body ni dtd.

include

Estructura del proyecto

estructura

Página principal.jsp

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

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
<title>Inclusi&oacute;n de Archivos</title>
</head>
<body>
<div id="contenedor">
<div id="cabeza">
 <img src="img/cabecera.jpg" title="titulo" />
</div>
<div id="izquierda">
 
  <p>
    Lenguajes 	 
  </p>
  <p> 
    Ejemplos
  </p>
</div>
<div id="derecha">
  <p> Nuevos ejemplos <br/> Variedad de contenidos  </p>
 
  <img src="img/estadistica.png" id="imagen" title="estadistica"/>
 
</div>
<div id="abajo">
  <%@include file="pie.jsp"  %> 
</div>
</div>
</body>
</html>

estilo.css

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

#contenedor{
	width:800px;
	margin-left:auto;
	margin-right:auto; 
}
 
#cabeza {
	 margin-bottom:20px;
	 border:2px;
	 }
 
#izquierda {
 
  float:left;
  width:190px;
  border-right:dotted  #3b57ec;
  height:450px;
  font: bold 0.8em sans;
  color:#000;
  }
 
#derecha { 
  float:right;
  width:590px;
  margin-left:10px;
  color:#ccc;
  height:450px;
  margin-bottom:20px;
}
 
#derecha #imagen {
	  float:right;
	  margin-top:50px;
 
	 }
 
#derecha p {
      float:left;
      margin-top:100px;
      margin-left:18px;
      width:150px;
      color:#ff7e1a;;
      font-size:20px;
      font-family: sans;
 
              }
#izquierda img { margin-top:10px;}
p {  margin:10px; }
 
#abajo {
	clear:both;	
	height:35px;
	width:800px;
	background-image:url(../img/pie.jpg);
	color:#1a7bff;
	font: bold 0.8em sans;
 
}
#piederecha { float:left; margin-top:15px; margin-left:10px;
 
}

pie.jsp

<span id="piederecha">
       www.railsymas.com    
 </span>

Comentarios cerrados automáticamente al pasar más de un año