mardi 25 novembre 2014

Projet applicatif du framework JSF & AJAX


Afin de rendre le groupe plus actif, je vous propose un petit projet en Java EE dans laquelle on va utiliser l'AJAX avec le framework JSF. Ce projet consiste a déterminer le taux de difficulté du mot de passe entrer par l'utilisateur ,ce projet ressemble a ce qui est utilisé dans nos jours dans l'inscription dans gmail par exemple et pour cela on va travailler avec netbeans car il contient déjà les JARs des framework JSF. voici la description des outils utilisées dans ce projet:  

Java Enterprise Edition, ou Java EE (anciennement J2EE), est une spécification pour la technique Java de Sun plus particulièrement destinée aux applications d’entreprise. Ces applications sont considérées dans une approche multi-niveaux. Dans ce but, toute implémentation de cette spécification contient un ensemble d’extensions au framework Java standard (JSEJava Standard Edition) afin de faciliter notamment la création d’applications réparties.

JavaServer Faces (abrégé en JSF) est un framework Java, pour le développement d'applications We.

L'architecture informatique Ajax (acronyme d'Asynchronous JavaScript and XML) permet de construire des applications Web et des sites web dynamiques interactifs sur le poste client en se servant de différentes technologies ajoutées aux navigateurs web entre 1995 et 2005.

Netbeans  est un environnement de développement intégré (EDI), placé en open source par Sun en juin 2000 sous licence CDDL et GPLv2 (Common Development and Distribution License). En plus de Java, NetBeans permet également de supporter différents autres langages, comme Python, C, C++, JavaScript, XML, Ruby, PHP et HTML. Il comprend toutes les caractéristiques d'un IDE moderne (éditeur en couleur, projets multi-langage, refactoring, éditeur graphique d'interfaces et de pages Web).
Conçu en Java, NetBeans est disponible sous WindowsLinuxSolaris (sur x86 et SPARC), Mac OS X ou sous une version indépendante des systèmes d'exploitation (requérant une machine virtuelle Java). Un environnement Java Development Kit JDKest requis pour les développements en Java.
NetBeans constitue par ailleurs une plate forme qui permet le développement d'applications spécifiques (bibliothèque Swing (Java)). L'IDE NetBeans s'appuie sur cette plate forme.

Alors, on commence: 
Vous pouvez télécharger le projet ==>> ProjetJSF&AJAX.rar
  • créer un projet java web -> web application (donner un nom au projet créer) puis suivent
  • on va utiliser GlassFish pour déployer le projet
  • cocher le bouton ( Enable Contexts and Dependency Injection ) puis suivent 
  • il faut cocher aussi Java Server Faces puis finish
  • on créer une class dans laquelle on mettre le bean (le Bean compteBean je l'ai met dans un package Beans)  suivant :



  1. /*
  2.  * To change this template, choose Tools | Templates
  3.  * and open the template in the editor.
  4.  */
  5. package beans;

  6. import javax.faces.bean.ManagedBean;
  7. import javax.faces.bean.RequestScoped;
  8. import javax.faces.event.AjaxBehaviorEvent;

  9. /**
  10.  *
  11.  * @author Software Engineer
  12.  */
  13. @ManagedBean
  14. @RequestScoped

  15. public class CompteBean {
  16.     
  17.     private String password;
  18.     private String message = "veuillez entrer votre password";

  19.     public CompteBean() {
  20.     }

  21.     public String getPassword() {
  22.         return password;
  23.     }

  24.     public void setPassword(String password) {
  25.         this.password = password;
  26.     }

  27.     public String getMessage() {
  28.         return message;
  29.     }

  30.     public void setMessage(String message) {
  31.         this.message = message;
  32.     }
  33.     
  34.     public void passwordValide(AjaxBehaviorEvent e){
  35.         if(!password.isEmpty()){
  36.            if(password.length() < 3){
  37.                message = "password faible";
  38.            }else if(password.length() < 8){
  39.                message = "password moyen";
  40.            }else{
  41.                message = "password fort";
  42.            }
  43.         }else{
  44.             message = "vous devez entrer un password";
  45.         }
  46.     }
  47.     
  48.     
  49. }


  • après avoir copier le code en passe maintenant à la partie présentation qui va contenir le code suivant:


  1. <?xml version='1.0' encoding='UTF-8' ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml"
  4.       xmlns:h="http://java.sun.com/jsf/html"
  5.       xmlns:f="http://java.sun.com/jsf/core">
  6.     <h:head>
  7.         <title>Facelet Title</title>
  8.     </h:head>
  9.     <h:body>
  10.         <h:form>
  11.             <h:inputSecret value="#{compteBean.password}" id="idp">
  12.                 <f:ajax execute="idp" render="idm" event="keyup" listener="#{compteBean.passwordValide}"/>
  13.             </h:inputSecret>
  14.             
  15.             <h:outputText value="#{compteBean.message}" id="idm"/>
  16.             
  17.         </h:form>
  18.     </h:body>
  19. </html>


  • run projet et tester la validation du password que vous avez entrer et vous allez voir un message qui s'affiche sans changer la page ou de cliquer sur un bouton .
le lien de téléchargement du projet

Aucun commentaire:

Enregistrer un commentaire