Création d'une JSP afin de crééer une connexion MySQL avec Tomcat

1. Avant-propos
1.1. Présentation
1.2. Introduction
2. Création d'une application
2.1. Création d'un fichier index.html
2.2. Création du fichier UtilisateurDonnee.java
2.3. Création de la JSP de retour MYSQL_ARECIBO_RECHERCHE.jsp
3. Visualisation du résultat
3.1. Visualisation de l'application
3.2. Visualisation des IHMs
4. Création de la base de donnée
4.1. Visualisation de la table employees
4.2. Visualisation des tuples de la table employees
4.3. Intégration de la librairie MYSQL
5. Tests
5.1. Test avec l'url
5.2. Livrable

1. Avant-propos


1.1 - Présentation.


+------------------------------+                                   +--------------------------------------+ 
| Serveur TOMCAT               |                                   | Serveur MySQL                        | 
| Hostname : arecibo           |                                   | Hostname : arecibo                   | 
| Os : Windows 2012            |                                   | Os : Windows 2012                    | 
|                              |                                   |                                      | 
| +--------------------------+ |                                   | +---------------------------------+  | 
| | TOMCAT                   |-|------------/ 3306 /---------------|-|--> DataBase : test              |  | 
| +--------------------------+ |                                   | |    Table : employees            |  |
|                              |                                   | |    Port : 3306                  |  |
|                              |                                   | |    HostName : arecibo           |  |
|                              |                                   | +---------------------------------+  | 
+------------------------------+                                   +--------------------------------------+ 
                                                                           


1.2 - Introduction


Nous allons réaliser l'installation d'une connexion d'un Tomcat 8.0 vers un Mysql 5.6.23.

2. Création d'une application


Dans l'exemple suivant nous allons créer une application sur un serveur TOMCAT sur le serveur "arecibo" .
Pour se faire nous allons suivre les instructions fournies par "franky goes to Hollywood" :

2.1 - Création d'un fichier index.html


Sous Eclipse dans le répertoire WebContent du projet ajouter un fichier "index.html".
Comme ci-dessous :

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Connexion</title>
</head>
<body>

<FORM METHOD=POST ACTION="MYSQL_ARECIBO_RECHERCHE.jsp">
Quel est ton prenom ? <INPUT TYPE=TEXT NAME=prenom SIZE=20><BR>
Quel est ton nom ? <INPUT TYPE=TEXT NAME=nom SIZE=20><BR>
Quel est ton age ? <INPUT TYPE=TEXT NAME=age SIZE=4>
<P><INPUT TYPE=SUBMIT>
</FORM>


</body>
</html>


2.2 - Création du fichier UtilisateurDonnee.java


Nous allons maintenant créer une classe java nommé UtilisateurDonnee.
Sous Eclipse dans le répertoire Java Resources du projet dans le sous répertoire src.
Vous devez créer Package nommé ici, fr.arecibo.mysqlconnexion.
Puis sous ce répertoire, vous devez créer le fichier "UtilisateurDonnee.java" (class).
Comme ci-dessous :

package fr.arecibo.mysqlconnexion;

public class UtilisateurDonnee 
	{

	String prenom;
	String nom;
	int age;

    public void setPrenom( String value )
    	{
        prenom = value;
    	}

    public void setNom( String value )
    	{
        nom = value;
    	}

    public void setAge( int value )
    	{
        age = value;
    	}

    public String getPrenom() { return prenom; }
    public String getNom() { return nom; }
    public int getAge() { return age; }
	
	
	}



2.3 - Création de la JSP de retour MYSQL_ARECIBO_RECHERCHE.jsp


Sous Eclipse dans le répertoire WebContent du projet ajouter un fichier "MYSQL_ARECIBO_RECHERCHE.jsp".
Comme ci-dessous :

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

<!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=ISO-8859-1">
<title>Affichage MySQL</title>
</head>
<body>


<%@ page import ="java.sql.*" %>
<%@ page import ="javax.sql.*" %>
 
<jsp:useBean id="user" class="fr.arecibo.mysqlconnexion.UtilisateurDonnee" scope="session"/>
<jsp:setProperty name="user" property="*"/> 
 
 
<%
 
Class.forName("com.mysql.jdbc.Driver"); 
java.sql.Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","franck","turlan"); 
Statement st= con.createStatement(); 
ResultSet rs=st.executeQuery("select * from Employees where first='"+ user.getPrenom() +"'"); 

if(rs.next()) 
	{ 
	out.println("Nom : "+rs.getString(4)+"<br>");
	out.println("Prénom : "+rs.getString(3)+"<br>");
	out.println("Age : "+rs.getString(2)+"<br>");
	} 

%>
 

</body>
</html>


3. Visualisation du résultat.


Nous allons visualiser la structure de l'application.
Puis celle des différentes IHM.

3.1 - Visualisation de l'application



3.2 - Visualisation des IHMs


Ouvrez votre navigateur celui d'eclipse ou un autre.
Tapez dans l'url http://localhost:8080/MYSQLArecibo , cette url va chercher le fichier index.html.

Une fois saisie le prénom recherché dans la base de donnée, cliquez sur le bouton "Soumettre la requête" qui lancera la JSP "MYSQL_ARECIBO_RECHERCHE.jsp".

4. Création de la base de donnée.


Nous allons visualiser la structure de la base de donnée.

4.1 - Visualisation de la table employees



mysql> desc employees ;
+-------+--------------+------+-----+---------+-------+
| Field | Type         | Null | Key | Default | Extra |
+-------+--------------+------+-----+---------+-------+
| id    | int(11)      | NO   |     | NULL    |       |
| age   | int(11)      | NO   |     | NULL    |       |
| first | varchar(255) | YES  |     | NULL    |       |
| last  | varchar(255) | YES  |     | NULL    |       |
+-------+--------------+------+-----+---------+-------+
4 rows in set (0.03 sec)

mysql>


4.2 - Visualisation des tuples de la table employees



mysql> select * from employees ;
+-----+-----+--------+--------+
| id  | age | first  | last   |
+-----+-----+--------+--------+
| 100 |  18 | Clara  | Turlan |
| 101 |  25 | bob    | Eponge |
| 102 |  30 | Jade   | Turlan |
| 103 |  28 | Olivia | Turlan |
| 104 |  40 | Franck | Turlan |
+-----+-----+--------+--------+
5 rows in set (0.00 sec)

mysql> desc employees ;


4.3 - Intégration de la librairie MYSQL


1) Selectionner votre projet qui contient la JSP "MYSQLArecibo".
2) Selectionner le menu Project dans le menu Eclipse du haut.
3) Selectionner properties dans le bas du menu.
4) Selectionner "Deployment Assembly".
5) Puis clique sur "Add" à droite et selectionner votre driver pour nous " mysql-connector-java-5.1.10-bin.jar".

5.1 - Test avec l'url


Taper l'url de votre application.
http://localhost:8080/MYSQLArecibo/

5.2 - Livrable


Vous trouverez le livrable de l'application ici.