rails y más cosas http://www.railsymas.com Nuevas Tecnologías Sun, 22 Aug 2010 21:24:20 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 copyright railsymas.com Varias clases en un mismo div http://www.railsymas.com/2010/08/22/varias-clases-en-un-mismo-div/ http://www.railsymas.com/2010/08/22/varias-clases-en-un-mismo-div/#comments Sun, 22 Aug 2010 20:15:53 +0000 admin http://www.railsymas.com/?p=1920 Un ejemplo de utilización de varias clases, aplicadas a una misma capa

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

<style type="text/css">
 
  .cuadrado{
     width:200px;
     height:200px;
  }
 
  .fondorojo {
     background-color:red;
   }
 
  .esquinas {
 
     -moz-border-radius-topright:1em;
     -moz-border-radius-topleft:1em;
     -moz-border-radius-bottomright:1em;
     -moz-border-radius-bottomleft:1em; 
 
   }
 
</style>
</head>
<body>
 
 <div class="cuadrado fondorojo esquinas">
  &nbsp;
 </div>
 
</body>

Resultado, con el redondeado de esquinas para firefox

]]> http://www.railsymas.com/2010/08/22/varias-clases-en-un-mismo-div/feed/ 0 Interesante sitio de iconos para portafolios http://www.railsymas.com/2010/07/27/interesante-sitio-de-iconos-para-portafolios/ http://www.railsymas.com/2010/07/27/interesante-sitio-de-iconos-para-portafolios/#comments Tue, 27 Jul 2010 22:41:56 +0000 admin http://www.railsymas.com/?p=1892 Selección de iconos para la realización de portafolios web.

http://designm.ag/resources/portfolio-icon-sets/

]]> http://www.railsymas.com/2010/07/27/interesante-sitio-de-iconos-para-portafolios/feed/ 0 Conexión jdbc en jsf http://www.railsymas.com/2010/07/25/conexion-jdbc-en-jsf/ http://www.railsymas.com/2010/07/25/conexion-jdbc-en-jsf/#comments Sun, 25 Jul 2010 20:25:49 +0000 admin http://www.railsymas.com/?p=1872 Ejemplo de conexión de una base de datos con el framework java server faces

La conexión se realiza mediante un fichero de configuración datasource, siendo más flexible para el desarrollo de una aplicación, ya que si en las clases de modelos se tienen que hacer en todas y cada una de ellas una configuración de los drivers específica de la aplicación, se pierde flexibilidad a la hora de extender y ampliar.

incorporación en el archivo web.xml del Conector

1
2
3
4
5
6

  <resource-ref>
      <description>DB Connection</description>
      <res-ref-name>jdbc/datasource</res-ref-name>
      <res-type>javax.sql.DataSource</res-type>
      <res-auth>Container</res-auth>     
  </resource-ref>

Configuración del fichero context.xml , igual que los ejemplos explicados de j2ee

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

<?xml version="1.0" encoding="UTF-8"?>
<Context path="/DBTest" docBase="DBTest"
        debug="5" reloadable="true" crossContext="true">
 
    <!-- maxActive: Maximum number of dB connections in pool. Make sure you
         configure your mysqld max_connections large enough to handle
         all of your db connections. Set to -1 for no limit.
         -->
 
    <!-- maxIdle: Maximum number of idle dB connections to retain in pool.
         Set to -1 for no limit.  See also the DBCP documentation on this
         and the minEvictableIdleTimeMillis configuration parameter.
         -->
 
    <!-- maxWait: Maximum time to wait for a dB connection to become available
         in ms, in this example 10 seconds. An Exception is thrown if
         this timeout is exceeded.  Set to -1 to wait indefinitely.
         -->
 
    <!-- username and password: MySQL dB username and password for dB connections  -->
 
    <!-- driverClassName: Class name for the old mm.mysql JDBC driver is
         org.gjt.mm.mysql.Driver - we recommend using Connector/J though.
         Class name for the official MySQL Connector/J driver is com.mysql.jdbc.Driver.
         -->
 
    <!-- url: The JDBC connection url for connecting to your MySQL dB.
         -->
 
  <Resource name="jdbc/datasource" auth="Container" type="javax.sql.DataSource"
               maxActive="100" maxIdle="30" maxWait="10000"
               username="root" password="root" driverClassName="com.mysql.jdbc.Driver"
               url="jdbc:mysql://localhost:3306/libros_jdbc"/>
 
</Context>

una vez creado los elementos necesarios para la conexión ya explicados en otros post creamos los formularios de recogida de datos y los bean asociados a los formularios

Bean libro.java asociado al formulariojdbc.jsp, creamos las propiedades de la tabla libros con los tres campos y sus correspondientes getters y setters

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

package beans;
 
public class Libros {
 
	private String titulo;
	private String autor;
	private String tematica;
 
	public String getTitulo() {
		return titulo;
	}
	public void setTitulo(String titulo) {
		this.titulo = titulo;
	}
	public String getAutor() {
		return autor;
	}
	public void setAutor(String autor) {
		this.autor = autor;
	}
	public String getTematica() {
		return tematica;
	}
	public void setTematica(String tematica) {
		this.tematica = tematica;
	}
 
 
 
 
}

Este bean es el encargado de recoger los datos del formulario, el formulario de jsf cuando detecta una etiqueta que hace referencia a un bean mediante el lenguaje de expresión intenta conectarse siendo necesario dar de alta en el fichero faces-config.xml el bean libros

1
2
3
4
5

 <managed-bean>
    <managed-bean-name>libroBean</managed-bean-name>
    <managed-bean-class>beans.Libros</managed-bean-class>
    <managed-bean-scope>request</managed-bean-scope> 
    </managed-bean>

nombre del bean para ser usado, path y ámbito

Código del formulariojdbc.jsf encargado de recoger los datos correspondientes al libro

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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../css/estilo.css" />
<title>formulario jsf jdbc</title>
</head>
<body>
 
<h2><h:outputText value="formulario libros"/></h2>
 
<div id="contenedor">
<h:form>
<div class="campo">
<h:outputText value="introduce el título"/>
<br/>
<h:inputText value="#{libroBean.titulo}"/>
</div>
<div class="campo">
<h:outputText value="introduce el autor"/>
<br/>
<h:inputText value="#{libroBean.autor}"/>
</div>
<div class="campo">
<h:outputText value="introduce la temática"/>
<br/>
<h:inputText value="#{libroBean.tematica}"/>
</div>
 
<h:commandButton action="almacenaraction" actionListener="#{almacenarlibro.insertarLibro}" value="enviar" styleClass="boton"/>
</h:form>
<div id="pie">
<p>www.railsymas.com</p>
</div>
 </div>
</body>
</f:view>
</html>

Bean encargado de la tramitación de los datos a la base de datos

1
2
3
4
5

 <managed-bean>
    <managed-bean-name>almacenarlibro</managed-bean-name>
    <managed-bean-class>conexion.OperacionesConexion</managed-bean-class>
    <managed-bean-scope>request</managed-bean-scope> 
    </managed-bean>

Imagen correspondiente al formulariojdbc.jsp


Código de la página listadojsf

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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Listado libros</title>
<link rel="stylesheet" href="../css/estilo.css" type="text/css" />
</head>
<body>
<div id="contenedor">
 
<h2>Listado libros jdbc jsf</h2>
 
<div id="tabla">
<h:dataTable styleClass="tabla" value="#{almacenarlibro.listalibros}" var="libro" headerClass="cabeceratabla"
 columnClasses="impar,par,impar" cellspacing="2"  footerClass="pietabla">
 
  <h:column>
 
  <f:facet name="header">
 
  <h:outputText>T&iacute;tulo</h:outputText>
 
  </f:facet>
 
  <h:outputText value="#{libro.titulo}"/>
 
 
  </h:column>
  <h:column>
  <f:facet name="header">
  <h:outputText>Autor</h:outputText>
  </f:facet>
  <h:outputText value="#{libro.autor}"/> 
  </h:column>
  <h:column>
  <f:facet name="header">
  <h:outputText>Tem&aacute;tica</h:outputText>
  </f:facet>
  <h:outputText value="#{libro.tematica}"/>
 
  </h:column>
   <f:facet name="footer" >
   <h:outputText> listado tabla</h:outputText>
  </f:facet>
</h:dataTable>
</div>
<div id="pie">
<p>www.railsymas.com</p>
</div>
</div>
</body>
</f:view>
</html>
]]> http://www.railsymas.com/2010/07/25/conexion-jdbc-en-jsf/feed/ 0 Validando campos para jsf http://www.railsymas.com/2010/07/16/validando-campos-para-jsf/ http://www.railsymas.com/2010/07/16/validando-campos-para-jsf/#comments Fri, 16 Jul 2010 22:17:18 +0000 admin http://www.railsymas.com/?p=1851 Ejemplo de validación de algunos tipos de campos 

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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../css/estilo.css"/>
 
<title>Formulario mensaje</title>
</head>
<body>
 
  <div id="contenedor">
 
   <div id="contenido">
 
   <h2> Formulario Mensajes</h2>
 
   <h:form>
 
   <div class="campo"> 
 
   <h:outputText value="#{mensaje.nombre}"/>
 
   <br/>
 
   <h:inputText  id="nombre" value="#{mensajesBean.nombre}"   required="true" />
 
 
   <h:message for="nombre" errorClass="errores" />
 
   </div>
 
 
   <div class="campo">
 
   <h:outputText value="#{mensaje.apellidos}"/>
 
   <br/>
 
   <h:inputText value="#{mensajesBean.apellidos}" required="true" id="apellidos"/>
 
   <h:message for="apellidos" errorClass="errores"/>
 
 
   </div>
 
 
   <div class="campo">
 
   <h:outputText value="#{mensaje.edad}"/>
 
   <br/>
 
 
 
   <h:inputText converter="#{BigInteger}" id="edad" value="#{mensajesBean.edad}" required="true" >
 
   <f:validateDoubleRange minimum="1" maximum="120" /> 
 
   </h:inputText>
 
   <h:message for="edad" errorClass="errores"/>
 
   </div>
 
 
   <div class="campo">
 
   <h:outputText value="introduce un número de teléfono"/>
 
   <br/>
 
   <h:inputText value="#{mensajesBean.telefono}" required="true" id="telefono">
 
 
   <f:validateLength minimum="9"/>   
 
   </h:inputText>
 
   <h:message for="telefono" errorClass="errores"/> 
 
   </div>
 
 
   <div class="campo">
 
   <h:outputText value="Introduce tu fecha de nacimiento"/>
 
   <h:inputText value="#{mensajesBean.fecha}" required="true" id="fecha">
 
     <f:convertDateTime pattern="M/d/yy hh:mm"  />
 
   </h:inputText>
 
   <h:message for="fecha" errorClass="errores"/>
 
   </div>
 
   <h:commandButton value="enviar" styleClass="boton" action="mensajeaction"/>
   <h:commandButton  action="cancelaraction" value="cancelar" styleClass="boton"  immediate="true"/>   
 
   </h:form>
 
   </div>
 
 
   <div id="pie">
 
   <p>www.railsymas.com</p>
 
   </div>
 
  </div>
 
</body>
</f:view>
</html>

configuración faces-confing.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

 <navigation-rule>
    <from-view-id>/pages/formulariomensajes.jsp</from-view-id>
    <navigation-case>
     <from-outcome>mensajeaction</from-outcome>
     <to-view-id>/pages/resultadomensaje.jsp</to-view-id>
    </navigation-case>
 
    </navigation-rule>
 
 
    <navigation-rule>
     <from-view-id>/pages/formulariomensajes.jsp</from-view-id>
     <navigation-case>
     <from-outcome>cancelaraction</from-outcome>
     <to-view-id>/pages/cancelada.jsp</to-view-id>
     </navigation-case>
 
    </navigation-rule>

Código de la página resulta

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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><h:outputText value="#{mensaje.titulo}"/></title>
<link rel="stylesheet" href="../css/estilo.css" type="text/css" />
</head>
<body>
 
 
   <div id="contenedor">
 
      <div id="contenido">
 
 
          <div class="campo">
            <h:outputText value="Tu nombre:"/>
            <h:outputText value="#{mensajesBean.nombre}"/>            
          </div>
 
          <div class="campo">
            <h:outputText value="Tus apellidos:"/>
            <h:outputText value="#{mensajesBean.apellidos}"/>                      
          </div>
 
 
          <div class="campo">
            <h:outputText value="Tu edad:"/>
            <h:outputText value="#{mensajesBean.edad}"/>
          </div>
 
          <div class="campo">
 
           <h:outputText value="Tu teléfono:"/>
           <h:outputText value="#{mensajesBean.telefono}"/>
 
          </div>  
 
 
 
 
      </div>
 
      <div id="pie">
      <p>
         www.railsymas.com
      </p>
      </div>
 
   </div>
 
 
 
</body>
</f:view>
</html>

Los mensajes de errores correspondientes

Configuración del archivo face-config.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

  <application>
    <resource-bundle>
    <base-name>propiedades.message</base-name>
    <var>mensaje</var>   
    </resource-bundle>
 
 
    <locale-config>
    <default-locale>es_ES</default-locale>
    <supported-locale>en</supported-locale>    
    </locale-config> 
 
 
    <message-bundle>propiedades.erroresBundle</message-bundle>
 
    </application>

jsf a diferencia de struts o springframework donde los errores los validamos bien mediante clases específicas o mediante el framework struts-validator.xml en jsf existen una serie de mensajes estandar con los cuales jugar para obtener el resultado esperado

Código de erroresBundle.properties

1
2
3
4
5
6

 
javax.faces.component.UIInput.REQUIRED = Campo Requerido
javax.faces.validator.DoubleRangeValidator.NOT_IN_RANGE =  No esta en el rango entre 1 y 120
javax.faces.converter.BigIntegerConverter.BIGINTEGER= {0} Tiene que ser un número
javax.faces.validator.LengthValidator.MINIMUM = El número de teléfono debe ser de nueve mínimo
javax.faces.converter.DateTimeConverter.DATE = {0} no es una fecha correcta

Dirección con gran cantidad de mensajes javadabbadoo.org

]]> http://www.railsymas.com/2010/07/16/validando-campos-para-jsf/feed/ 2 Ejemplo simple facelets jsf http://www.railsymas.com/2010/07/15/ejemplo-simple-facelets-jsf/ http://www.railsymas.com/2010/07/15/ejemplo-simple-facelets-jsf/#comments Thu, 15 Jul 2010 23:58:28 +0000 admin http://www.railsymas.com/?p=1831 Para la versión jsf 1.2 de este framework

Sitio oficial para descarga de los jars https://facelets.dev.java.net/

Sitio oficial con documentación para desarrolladores https://facelets.dev.java.net/nonav/docs/dev/docbook.html

modificación del archivo faces-config.xml para la visualización

1
2
3

    <application>
     <view-handler>com.sun.facelets.FaceletViewHandler</view-handler>
    </application>

modificación del fichero web.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14

   <context-param>
    <param-name>facelets.DEVELOPMENT</param-name>
    <param-value>true</param-value>
  </context-param>
 
 
  <context-param>
   <param-name>javax.faces.DEFAULT_SUFFIX</param-name>
   <param-value>.xhtml</param-value>
  </context-param>
 
  <welcome-file-list>
    <welcome-file>index.xhtml</welcome-file>    
  </welcome-file-list>

modificamos el sufijo por defecto de las páginas de jsf a .xhtml

los facelets nos permiten crear plantillas en jsf de una forma rápida y comoda al cambiar el manejador de las vistas todas nuestras jsp tienen que ser renombradas a xhtml pero no es obligatorio

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

  <!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" 
 xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:h="http://java.sun.com/jsf/html">
 
<head>
<link rel="stylesheet" href="../../css/estilo.css" type="text/css"/>
<ui:insert name="titulo"/>
</head>
<body>
  <div id="contenedor">  
 
  <div id="cabecera">
  <h2><ui:insert name="cabecera"/></h2>
  </div>
 
  <div id="contenido">  
  <ui:insert name="contenido"/>
  </div>
 
  <div id="pie">  
  <ui:insert name="pie"/>
  </div>
  </div>
</body>
</html>

Código de un cliente para la plantilla clienteplantilla.xhtml

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

 <!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"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
 
 
 
 <ui:composition template="plantillasimple.xhtml">
 
	<ui:define name="cabecera">
 
		<h:outputText value="Ejemplo simple con facelets"/>
	</ui:define>
 
 
	<ui:define name="contenido">
 
	  <h:outputText value="cuerpo de la aplicación"/>
 
	</ui:define>
 
	<ui:define name="pie">
 
		<p><h:outputText value="www.railsymas.com"/></p>
	</ui:define>
 
 </ui:composition>
 
</html>

Resultado

]]> http://www.railsymas.com/2010/07/15/ejemplo-simple-facelets-jsf/feed/ 0 Aproximación a liferay http://www.railsymas.com/2010/07/11/aproximacion-a-liferay/ http://www.railsymas.com/2010/07/11/aproximacion-a-liferay/#comments Sun, 11 Jul 2010 18:55:03 +0000 admin http://www.railsymas.com/?p=1812 Dentro del desarrollo web y de las nuevas tecnologías se producen constantemente evoluciones

del software que van encaminadas a la automatización de procesos, permitiendo quitar parte del trabajo cotidiano realizado por los desarrolladores para centrarse en aspectos específicos de la aplicación o estéticos. Para el trabajo con portales 2.0 el contar con una herramienta potente alivia mucho tanto el tiempo de desarrollo como los costes de producción.

Liferay es un cms basado en la tecnología java, esta basado en struts y la unidad de creación son los portlets que pueden ser para la versión 5.3 portlest 2.0 permitiendo eventos y comunicación entre portlets

Liferay permite mostrar entradas de diferentes idiomas, tiene una gran cantidad de portlets a los que se puede acceder desde el administrador de contenidos.

Tiene una base de datos y un usuario por defectos test para poder acceder como administradores.

Se puede configurar el entorno para diferentes idiomas, además de cambiar los mensajes de bienvenida por defecto

el cms liferay cuenta con diferentes tipos de usuarios, en este caso tenemos un usuario administrador del liferay un usuario power user juan

Los usuarios del sistema pueden crear blogs y formar parte de comunidades según sus intereses

]]> http://www.railsymas.com/2010/07/11/aproximacion-a-liferay/feed/ 0 DataTable estilos de tabla http://www.railsymas.com/2010/07/10/datatable-estilos-de-tabla/ http://www.railsymas.com/2010/07/10/datatable-estilos-de-tabla/#comments Sat, 10 Jul 2010 21:38:12 +0000 admin http://www.railsymas.com/?p=1798 Ejemplo para el tratamiento de datos con dataTable de jsf

Declaramos el bean, con el nombre deportesBean y el path de la clase beans.Deportes y el ámbito de petición request

1
2
3
4
5

    <managed-bean>
    <managed-bean-name>deportesBean</managed-bean-name>
    <managed-bean-class>beans.Deportes</managed-bean-class>
    <managed-bean-scope>request</managed-bean-scope>    
    </managed-bean>

Declaramos la navegación del formulario desde formulariosdeportes enviando una petición de accion deportesaction para devolver el resultado en resultadodeportes

1
2
3
4
5
6
7

 <navigation-rule>
     <from-view-id>/pages/formulariodeportes.jsp</from-view-id>
     <navigation-case>
     <from-outcome>deportesaction</from-outcome>
     <to-view-id>/pages/resultadodeportes.jsp</to-view-id>  
     </navigation-case>
    </navigation-rule>

Declaramos el bean deportes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

package beans;
 
import java.util.ArrayList;
 
public class Deportes {
 
	private ArrayList <String> listaDeportes;
 
	public ArrayList<String> getListaDeportes() {
		return listaDeportes;
	}
 
	public void setListaDeportes(ArrayList<String> listaDeportes) {
		this.listaDeportes = listaDeportes;
	}
 
 
 
 
}

Estilo.css

1
2
3
4
5
6
7
8
9
10

 
  .cabeceratabla {
   color:#ff2223;
   text-align:center;
  }
 
  .pietabla {
   color:#208123;
   text-align:center;
   }

formulariodeportes.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
35
36
37
38
39
40
41
42

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../css/estilo.css"/>
<title>vistas</title>
 
</head>
<body>
   <div id="contenedor">
 
    <h2> Selecciona tus deportes favoritos </h2>
 
    <h:form>
 
     <h:outputText value="Selecciona tus deportes favoritos"/>
     <br/>
 
     <h:selectManyListbox value="#{deportesBean.listaDeportes}">
     <f:selectItem itemValue="baloncesto" itemLabel="baloncesto"/>
     <f:selectItem itemValue="balonmano" itemLabel="balonmano"/>
     <f:selectItem itemValue="fútbol" itemLabel="fútbol"/>
 
     </h:selectManyListbox>
 
     <br/>
 
     <h:commandButton value="enviar" action="deportesaction" styleClass="boton"/>
 
    </h:form>
 
    <div id="pie">
     <p>www.railsymas.com</p>
    </div>
   </div>
</body>
</f:view>
</html>

Código de resultadodeportes.jsp hacemos referencia en el datatable de los estilos en el header y footer de la tabla

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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Resultado deportes</title>
<link rel="stylesheet" type="text/css" href="../css/estilo.css"/>
</head>
<body>
 
  <div id="contenedor">
 
  <h2> Resultado de Deportes </h2>
 
  <h:dataTable styleClass="tabla"  value="#{deportesBean.listaDeportes}" var="deporte" 
   headerClass="cabeceratabla" footerClass="pietabla">
  <h:column>
  <f:facet name="header">
   <h:outputText>Listado de Deportes Seleccionados</h:outputText>
  </f:facet>
 
 
  <h:outputText value="#{deporte}"/>
 
 
  <f:facet name="footer" >
   <h:outputText> pie de tabla</h:outputText>
  </f:facet>
  </h:column>  
  </h:dataTable>
 
 
  <div id="pie">
   <p>www.railsymas.com</p>
  </div>
 
  </div>
</body>
</f:view>
</html>

]]> http://www.railsymas.com/2010/07/10/datatable-estilos-de-tabla/feed/ 0 Simple web mvc spring http://www.railsymas.com/2010/07/07/simple-web-mcv-spring/ http://www.railsymas.com/2010/07/07/simple-web-mcv-spring/#comments Wed, 07 Jul 2010 18:23:23 +0000 admin http://www.railsymas.com/?p=1780 Ejemplo en el que vamos a ver algunos detalles sobre el manejo de peticiones además de el tratamiento de los datos bean para recuperarlos desde los controladores y mostrar los valores en la vista de las jsp

Código de la página index.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

 
<%@ 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">
 
<title>P&amp;aacute;gina de inicio</title>
</head>
 
<body>
<jsp:forward page="holamundo.html"/>
</body>
</html>

Código de la página bienvenida.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

     <%@ 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" href="css/estilo.css" type="text/css"/>
     <title>bienvenida</title>
     </head>
     <body>
     <div id="contenedor">
      ${mensajebienvenida}
      <div id="pie">
      <p>www.railsymas.com</p>
      </div>
      </div>
       </body>
 
      </html>

Configuración necesaria para la visualización de las páginas jsp, se añade un prefijo y un sufijo la llamada para nombrebean.html y lo transforma en la correspondiente página jsp, se devuelve el valor holmundo de la propiedad mensaje

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

 
      <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver" >
 
      <property name="prefix">
 
      <value>/WEB-INF/pages/</value>
 
      </property>
 
      <property name="suffix">
 
      <value>.jsp</value>
 
      </property>
 
      </bean> 
 
      <bean name="/bienvenida.html" class="controlador.Controlador">
      <property name="mensaje" value="Holamundo"/>
      </bean>

Código del controlador

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

 
package controlador;
 
import javax.servlet.http.HttpServletRequest;
 
import javax.servlet.http.HttpServletResponse;
import org.springframework.web.servlet.mvc.AbstractController;
 
import org.springframework.web.servlet.ModelAndView;
public class Controlador extends AbstractController
 
{
 
private String mensaje;
protected ModelAndView handleRequestInternal (HttpServletRequest request, HttpServletResponse response)
 
throws Exception
 
{
 
return new ModelAndView ("bienvenida","mensajebienvenida",this.mensaje);
}
 
 
 
public void setMensaje(String mensaje)
{
 
this.mensaje = mensaje;
} 
}

Creamos el fichero web.xml donde declaramos el servlet Dispatcher, indicamos además que todas las peticiones *.html sean tratadas por este servlet

1
2
3
4
5
6
7
8
9
10
11
12
13

<servlet>
 
<servlet-name>dispatcher</servlet-name>
 
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
 
 
<servlet-mapping>
<servlet-name>dispatcher</servlet-name>
<url-pattern>*.html</url-pattern>
</servlet-mapping>

]]> http://www.railsymas.com/2010/07/07/simple-web-mcv-spring/feed/ 0 Paso de referencias al bean http://www.railsymas.com/2010/07/07/paso-de-referencias-al-bean/ http://www.railsymas.com/2010/07/07/paso-de-referencias-al-bean/#comments Wed, 07 Jul 2010 13:59:57 +0000 admin http://www.railsymas.com/?p=1775 A la hora de declarar beans con spring podemos establecer una jerarquía de beans para lo cual necesitamos

pasar en los atributos de las declaraciones las referencias a otros bean

Interface actividades

1
2
3
4
5
6
7

package tercerejemplo;
 
public interface Actividades {
 
	public abstract void actividad();
 
}

Clase Caminar

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

package tercerejemplo;
 
 
public class Caminar implements Actividades 
{
	private String mensaje;
 
	public Caminar(String mensaje)
	{
		this.mensaje = mensaje;
	}
 
	public void actividad ()
	{
		System.out.println(mensaje);
	}
 
 
}

Clase Hablar

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

package tercerejemplo;
 
 
public class Hablar implements Actividades
{
   private String palabras;
 
 
   public Hablar(String palabras)
   {
	   this.palabras = palabras;
   }
 
   public void actividad()
   {
	   System.out.println(this.palabras);
   }
}

Clase Medico

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

package tercerejemplo;
 
import java.util.Collection;
 
 
public class Medico extends Persona
{
 
	private Collection <Actividades> actividades;
	private String especialidad;
 
 
	public Medico (String nombreMedico)
	{
		super(nombreMedico);
	}
 
	public void setEspecialidad ( String especialidad)
	{
		this.especialidad = especialidad;
	}
 
	public void setActividades(Collection<Actividades> actividades)
	{
		this.actividades = actividades;
	}
 
	public void datos ()
	{
		System.out.println(this.nombre);
		System.out.println(this.especialidad);
		this.mostrarActividades();
	}
 
	public void mostrarActividades ()
	{
		for ( Actividades actividad : this.actividades  )
		{
			super.setActividad(actividad);
			super.actividades();
		}
	}
 
 
}

Clase persona

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

package tercerejemplo;
 
 
public class Persona {
 
	Actividades actividad;
	String nombre;
 
	public Persona ()
	{
 
	}
 
	public Persona(String nombre)
	{ 
	   this.nombre = nombre;
	}
 
	public void setActividad(Actividades actividad)
	{
	   this.actividad = actividad;	
	}
 
	public void actividades ()
	{   
 
		actividad.actividad();
	}
 
}

Clase principal PersonaApp

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

package tercerejemplo;
 
import org.springframework.beans.factory.BeanFactory;
import org.springframework.beans.factory.xml.XmlBeanFactory;
 
import org.springframework.core.io.Resource;
import org.springframework.core.io.ClassPathResource;
 
 
public class PersonaApp {
 
	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub
 
 
		Resource recurso = new ClassPathResource("Medico.xml");
 
		BeanFactory factoria = new XmlBeanFactory(recurso);
 
		Medico persona = (Medico) factoria.getBean("medico");
 
 
		persona.datos();
 
 
	}
 
}

]]> http://www.railsymas.com/2010/07/07/paso-de-referencias-al-bean/feed/ 0 Parámetros por nombre spring http://www.railsymas.com/2010/07/05/parametros-por-nombre-spring/ http://www.railsymas.com/2010/07/05/parametros-por-nombre-spring/#comments Mon, 05 Jul 2010 16:45:02 +0000 admin http://www.railsymas.com/?p=1761 Ejemplo para la inyección de dependencias en el que se configuran varios beans

Ficheros que intervienen en el ejemplo

Código de herramienta.java

1
2
3
4
5
6
7

package cuartoejemplo;
 
public interface Herramienta {
 
	abstract void utilidad();	
 
}

Código de Martillo.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

package cuartoejemplo;
 
public class Martillo implements  Herramienta
{
 
	private String longitud;
 
	public Martillo (String longitud)
	{
		this.longitud = longitud;
	}
 
	public void utilidad ()
	{
		System.out.println("Apuntalar cosas");
	}
 
	public void getLongitud ()
	{
		System.out.println("La logintud es "+this.longitud);
	}
 
 
}

Código de sierra.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

package cuartoejemplo;
 
public class Sierra implements Herramienta{
 
	private String color;
 
	public Sierra(String color)
	{ 
		this.color = color;
 
	}
 
	public void utilidad ()
	{  
		System.out.println("Sirve para serrar");
	}
 
	public void getColor()
	{
		System.out.println("Es de color"+this.color);
	}
 
}

Código de obrero.java

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

package cuartoejemplo;
 
public class Obrero 
{
    private String nombre;
    private Herramienta herramienta;
 
    public Obrero (String nombre)
    {
    	this.nombre = nombre;
    }
 
    public void getNombre ()
    {
    	System.out.println("nombre: "+this.nombre);
    }
 
 
    public void setHerramienta ( Herramienta herramienta)
    {
    	this.herramienta = herramienta;
    }
 
    public void getHeramienta ()
    {
    	herramienta.utilidad();
 
    }
 
    public void inicio ()
    {
    	System.out.println("inicio");
    }
 
    public void eliminar()
    {
    	nombre="";
        herramienta = null;
 
    }
 
}

Código de obreroapp.java la aplicación principal, donde se obtiene el bean declerado en el fichero obrero.xml, llamamos a al bean trabajador1

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

package cuartoejemplo;
 
import org.springframework.beans.factory.BeanFactory;
import org.springframework.beans.factory.xml.XmlBeanFactory;
 
import org.springframework.core.io.Resource;
import org.springframework.core.io.ClassPathResource;
 
 
 
public class ObreroApp {
 
	/**
	 * @param args
	 */
	public static void main(String[] args) {
		// TODO Auto-generated method stub
 
		Resource recurso = new ClassPathResource("cuartoejemplo\\Obrero.xml");
 
		BeanFactory factory = new XmlBeanFactory (recurso);
 
		Obrero obrero   = (Obrero) factory.getBean ("trabajador1");
 
		obrero.getNombre();
 
		obrero.getHeramienta();
 
 
 
	}
 
}

Código de Obrero.xml, se pueden declarar los métodos de inicio y de destroy que se ejecutan al comienzo y al final de la vida del objeto.

Con el atributo id, establecemos el identificador para hacer uso de el en el programa principal. El atributo class establecemos la relación con el path a la clase, tiene como constructor el valor de obrero1

El bean herramienta declara un valor para el constructor de la clase con el valor de rojo

En el bean trabajodor1 tenemos el atributo autowire con el valor byname, estamos indicando una conexión automática del bean por nombre, de tal forma que se hace coincidir el valor de una propiedad con un bean del mismo nombre en este caso herramienta sin tener que pasar la referencia explicita del bean herramienta en trabajador1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans 
	http://www.springframework.org/schema/beans/spring-beans.xsd">
 
    <bean id="herramienta" class="cuartoejemplo.Sierra">
       <constructor-arg value="rojo"/>            
    </bean>
 
    <bean id="trabajador1" class="cuartoejemplo.Obrero" autowire="byName"
      init-method="inicio"
      destroy-method="eliminar"           
     >       
 
    <constructor-arg value="obrero1"/>       
 
    </bean>
 
</beans>

Resultado

]]> http://www.railsymas.com/2010/07/05/parametros-por-nombre-spring/feed/ 0 copyright railsymas.comadminnonadult