[Aporte] Registro y Login de usuarios con JSP,SERVLETS,MySQL

[iovan]

Buenas tardes compañeros y amigos.

Si te llegas a perder en este tutorial no te preocupes, al final encontraras un link para descargar el proyecto completo.

Mirando en las FAQS del foro de JAVA y utilizando el buscador no dí con un aporte de éste tema, así que aquí estoy publicando.

En este tema hablaremos de una de las formas para conseguir programar un registro y logeo de usuarios utilizando Servlets, JSP y MySQL, implícitamente dividiremos la programación en una arquitectura de 3 capas o niveles, en la capa de presentacion no usaremos propiamente código JAVA si no en su lugar usaremos taglibs y ExpressionLanguage. Mas adelante explicaremos a que me refiero con capas y la importancia de estas.

Proyecto realizado en NetBeans.

ARQUITECTURA DE 3 CAPAS.

En el libro Head First Servlets de Kathy Sierra pag 773, nuestra querida autora ofrece una de las mejores explicaciones que he visto en los libros mas populares de Java con JSP y ServLets. Pero yo solo ofrezco una de la mas breves e introductoras informaciones poco útiles que existen en Internet.

* Capa de presentación: (Son los JSP) Formada por código HTML, JavaScript, Ajax y para representar Java - ExpressionLanguage y TagLibs.

* Capa de lógica o control: Propiamente JAVA usando Servlets

*Capa de datos: Los llamaremos Beans, contienen los metodos que realizan las operaciones en el lenguaje de la base de datos, en nuestro caso SQL.


Para profundizar en el tema recomiendo el libro de Kathy Sierra - Head First Servlets o visitar google.
+Breve info: http://www.di-mare.com/adolfo/cursos.../pp-3capas.pdf
-----------------------------------------------------------------------------------------

Comenzaremos creando un proyecto en netbeans. (Yo estoy utilizando la version 7 aunque en la version 6 en este aspecto es exactamente igual en cuando a los pasos que hay que seguir)

NOTA: Hay que tener instalado TomCat 5+; Si te descargaste la version mas pesada del NetBeans y cuando lo instalaste lo hiciste de la forma correcta, es decir dando click en "aceptar/aceptar/aceptar" entonces ya lo tienes instalado ;D. En caso contrario puedes volver a correr el paquete de instalación del netbeans o seguir este tema: http://www.bibigeek.com/2009/05/12/i...nte-instalado/

Código ForosDelWeb:

* El tipo de proyecto será: Java Web - Web Application
* Yo le llamaré 'JavaWeb1'
* El server que usaré sera: Apache Tomcat 7
   Java EE version: Java EE 5
   Context Path: /JavaWeb1
   Frameworks: Ninguno
 

Se nos crea un index.jsp por defecto. Comenzaremos a trabajar aqui.

index.jsp será una página que se mostrará exclusivamente en caso de que exista alguna sesion iniciada, en otras palabras, que algun usuario se haya ingresado con su Usuario y contraseña correctamente, por lo que utilizaremos una condicional para verificar.

--------------------------------------------------- ANOTACIÓN
Hemos hablado que los archivos JSP corresponden a la Capa de presentación, por lo que el uso de código Java en este archivo "tratándose de una arquitectura de 3 capas" no sería correcto aunque si sería funcional.

Tocando el tema de lo "correcto e incorrecto"; Vale aclarar que el uso de código Java en un JSP no es inadecuado o incorrecto, lo que sucede es que en principio cuando diseñadores y programadores trabajaban juntos surgieron problemas ya que el Diseñador tenía que saber Java para poder manipular correctamente los JSP. Para solucionar ésto aparecieron unas etiquetas llamadas TagLibs.

Las Taglibs tienen un limitado de programación Java, pero el suficiente. Yo en mi experiencia de 1 mes en programación Java ... xD .... no me he topado con limitantes, sin embargo Kathy Sierra nos menciona algunos ejemplos en su guia de estudio para obtener el SCJP (Sun Certified Programmer for Java 6 - Kathy Sierra)

-----------------------------------------------------------------------------------------------------
El nombre de la base de datos de este ejemplo es: javaweb1
y la tabla:

Código SQL:

CREATE TABLE `usuarios` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `email` VARCHAR(100) NOT NULL,
  `password` VARCHAR(50) NOT NULL,
  `name` VARCHAR(100) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;
 

___________________________________

Para comenzar a utilizar TagLibs y MySQL hay que añadir 2 librerias al proyecto. Click sobre el nombre de proyecto "JavaWeb1", propiedades, librerias y añadimos JSTL1.1 y MySQL JDBC Driver

Añadimos esta linea en la parte mas superior (debajo de los comentarios) de nuestro index.jsp, login.jsp y register.jsp

Código java:

<%@taglib prefix="t" uri="http://java.sun.com/jsp/jstl/core" %>
 

--------------------------------------[COLOR="rgb(46, 139, 87)"]ANOTACIÓN[/COLOR]

Supongo que muchos ya esta aburridos, siento que este tema se haya extendido tanto pero me pareció importante dar un poco de teoría y no solo código explicado. Sin embargo, ahora pasemos a "solo código Explicado"
--------------------------------------------------------------------------

* Crearemos un "bean" para realizar todos los métodos necesarios de las consultas SQL. (Recordar que los "beans" pertenecen a la "capa de datos" así que podemos crear un nuevo paquete que se llame "Beans" dentro del Source Packages, dentro de éste paquete creare un Java Class llamado "Dao.java"

Código java:

package beans;
import java.sql.*;
 
public class Dao {
    public Connection conexion;
    public final static String userDb = "root";
    public final static String passDb = "123456";
    
    
    //Conectar a la Base de datos
    public void conectar() throws SQLException,ClassNotFoundException{
         Class.forName("com.mysql.jdbc.Driver");
         conexion=DriverManager.getConnection("jdbc:mysql://localhost:3306/javaweb1",userDb, passDb);
    }
    //Desconectar a la Base de datos
    public void desconectar() throws SQLException, ClassNotFoundException{
        conexion.close();
    }
    
    //Metodo para consultar si un email y contraseñan pertenecen a una cuenta registrada
    public boolean isAcountExists(String email, String password) throws SQLException{
        String sql = "SELECT * FROM usuarios WHERE email='"+email+"' AND password='"+password+"'";
        PreparedStatement ps = conexion.prepareStatement(sql);
        ResultSet rs = ps.executeQuery();
        
        return rs.next();
    }
    
    //Metodo para consultar si el email recibido ya esta registrado
    public boolean isEmailRegistered(String email) throws SQLException{
        String sql = "SELECT * FROM usuarios WHERE email='"+email+"'";
        PreparedStatement ps = conexion.prepareStatement(sql);
        ResultSet rs = ps.executeQuery();
 
        return rs.next();
    }
    
    //Metodo para registrar una cuenta
    public void registerUser(String email, String password, String name) throws SQLException{
        String sql = "INSERT INTO `usuarios`(`email`,`password`,`name`) VALUES ('"+email+"','"+password+"','"+name+"')";
        PreparedStatement ps = conexion.prepareStatement(sql);
        ps.executeUpdate();
    }
    
    
    
}
 

* Crearemos otro "bean" para obtener el nombre de un usuario

--> Se me ocurren 2 formas. Obtenerlo mediante una consulta SQL y devolver una cadena, u obtenerlo mediante un objeto que llama a una consulta SQL.

1° Forma:

DaoUser.java

Código java:

package beans;
import java.sql.*;
 
public class DaoUser extends Dao {
    
    
    public String getNameByEmail(String email) throws SQLException{
        String sql = "SELECT * FROM usuarios WHERE email='"+email+"'";
        PreparedStatement ps = conexion.prepareStatement(sql);
        ResultSet rs = ps.executeQuery();
        
        if(rs.next()){
            return rs.getString("name");
        }
        
        return null;
    }
}
 

[COLOR="rgb(255, 140, 0)"]2° Forma:[/COLOR]

DaoUser2.java

Código java:

package beans;
 
public class DaoUser2 extends Dao{
    public String userName;
    public String email;
 
    
    public DaoUser2(String email){
        DaoUser d = new DaoUser();
        try {
            d.conectar();
            
            setUserName(d.getNameByEmail(email));
            
            d.desconectar();
        } catch (Exception e) {}
    }
    
    public String getUserName() {
        return userName;
    }
 
    public String getEmail() {
        return email;
    }
 
    public void setUserName(String userName) {
        this.userName = userName;
    }
    
    public void setEmail(String email) {
        this.email = email;
    }
}
 

Cualquiera de las 2 formas es correcto, pero la segunda tiene un impacto más profesional "o bueno al menos eso escuche decir", para mi la segunda es como un - "mas trabajo por el mismo precio".

------------------------------------------------------------------------------------------------------

-> continua debajo