El primer paso a realizar es crear la referencia JNDI para el origen de datos en el servidor local TomCat.

Transcripción

1 Conectar Base de Datos MySQL con JSF El primer paso a realizar es crear la referencia JNDI para el origen de datos en el servidor local TomCat. Comentar que antes, tenemos que crear la Base de Datos Wiki de manera local en MySQL, y crear las tablas necesarias, que en el caso de nuestra aplicación, serán una tabla para trabajar con los usuarios y otra tabla para trabajar con las páginas, por lo menos, de momento. Para esto, tenemos que editar el fichero <local-tomcat-installation>/conf/context.xml. Estamos trabajando con el servidor local Tomcat integrado en MyEclipse con lo cual la ruta completa en mi caso es la siguiente: C:\Documents and Settings\Administrador\Escritorio\ProyectoFinal\.metadata\.plugins\com.genuitec.ecli pse.easie.tomcat.myeclipse\tomcat\conf\conf.xml. El fichero lo he editado de la siguiente forma: <Resource name="datasource" auth="container" type="javax.sql.datasource" driverclassname="org.gjt.mm.mysql.driver" url="jdbc:mysql://localhost:3306/wiki" username="root" password="miclave" maxactive="20" maxidle="10" maxwait="-1"/> Creando una clase de ayuda para acceder a la base de datos El siguiente paso será crear una clase de ayuda que nos permita acceder a la base de datos, y realizar una serie de operaciones. Esta clase será usada por los beans JSF para mostrar datos en un componente DataTable JSF. Lo que vamos a hacer en este ejemplo es crear dos nuevos usuarios en nuestra base de datos y mostrarlos en una pequeña tabla. Para ello creamos una nueva clase, a la cual llamaremos AccesoDatos, que va a contener el siguiente código: import java.sql.connection; import java.sql.resultset; import java.sql.sqlexception; import java.sql.statement; import java.util.arraylist; import java.util.list; import javax.naming.context; import javax.naming.initialcontext; import javax.naming.namingexception; import javax.sql.datasource;

2 public class AccesoDatos { private static Connection createconnection() throws NamingException,SQLException { Context ctx = new InitialContext(); if (ctx == null) { throw new NamingException("No initial context"); Context envcontext = (Context) ctx.lookup("java:/comp/env"); if (envcontext == null) { throw new NamingException("No environment context"); DataSource ds = (DataSource) envcontext.lookup("datasource"); if (ds == null) { throw new NamingException("No data source"); Connection conn = ds.getconnection(); if (conn == null) { throw new SQLException("No database connection"); return conn; public static void PruebaInsercion() { Connection connection; connection = createconnection(); String insertsql="insert INTO ejemplowiki values (2, \"Sonia\")"; executeupdate(connection, insertsql); insertsql = "INSERT INTO ejemplowiki values (3, \"Jose\")"; executeupdate(connection, insertsql); catch (NamingException e) { catch (SQLException e) { public static List<Usuarios> getusuarios() { Statement stmt = null; List<Usuarios> usuarios = new ArrayList<Usuarios>();

3 String sql = "SELECT * FROM ejemplowiki"; Connection connection = createconnection(); stmt = connection.createstatement(resultset.type_scroll_sensitive, ResultSet.CONCUR_UPDATABLE); stmt.setquerytimeout(30); ResultSet resultset = stmt.executequery(sql); while (resultset.next()) { int id = resultset.getint(1); String nom = resultset.getstring(2); usuarios.add(new Usuarios(id, nom)); catch (SQLException exc) { if (stmt!= null) { stmt.close(); catch (SQLException e) { catch (NamingException e) { return usuarios; private static void executeupdate(connection connection, String sql) { Statement stmt = null; stmt = connection.createstatement(resultset.type_scroll_sensitive, ResultSet.CONCUR_UPDATABLE); stmt.setquerytimeout(30); stmt.executeupdate(sql); catch (SQLException exc) { if (stmt!= null) { stmt.close(); catch (SQLException e) {

4 Creando los backing beans JSF Son el modelo para los components UI JSF en la página JSP. En nuestro ejemplo vamos a necesitar dos beans: - Usuario: corresponde a un registro de la tabla Usuario de la base de datos - ResultBean: mantiene la lista de usuarios que obtenemos al consultar la base de datos. Para crear los backing beans: 1. Doble-click en fichero faces-config.xml y seleccionamos ManagedBean (parte de la derecha). 2. Clickeamos Add. Creamos nueva clase en Java. 3. Introducimos el nombre de la clase y seleccionamos session en la visiblidad del managed bean.

5 Ahora nos vamos para nuestra clase creada y añadimos sus atributos (en el caso de Usuario, identificador y nombre) private int ident; private String nombre; Pulsamos en el botón derecho y en la siguiente imagen vemos que en la opción de Source, podemos insertar los métodos get-set y constructores: El código correspondiente a ResultBean permite recuperar la lista de usuarios de la BD. import java.util.list; public class ResultBean { private List<Usuarios> list = null; public ResultBean(){ AccesoDatos.PruebaInsercion(); public List<Usuarios> getlist() { // get the customer list lazily. if (list == null) {

6 list = AccesoDatos.getUsuarios(); return list; public void setlist(list<usuarios> newlist) { this.list = newlist; Añadir un componente JSF DataTable al JSP El siguiente paso es añadir un JSF Data Table a una página JSP y emparejarlo a ResultBean. El DataTable recogerá la lista de Usuarios del ResultBean y lo mostrará en un formulario tabular. Abre el fichero JSP y añade el siguiente código entre las etiquetas <f:view> y </f:view> <h:datatable id="table" rows="20" value="#{resultbean.list" var="user"> <h:column> <f:facet name="header"> <h:outputtext value="identificador" /> </f:facet> <h:outputtext id="id" value="#{user.ident" /> </h:column> <h:column> <f:facet name="header"> <h:outputtext value="nombre" /> </f:facet> <h:outputtext id="first" value="#{user.nombre" /> </h:column> </h:datatable> Si ejecutamos la aplicación obtenemos el siguiente resultado

7