Exercice 1.3 : Développement de la page UserAdmin

Avant de commencer, vous devez terminer l'Exercice 1.2 : Préparation du développement de portlet et définition du flux de l'application.

Création de la page UserAdminView.jsp

Ce processus consiste à concevoir l'interface utilisateur et à ajouter dans la logique de l'application une connexion à des données dynamiques (référence de session EJB).

  1. Si UserAdminView.jsp n'est pas ouvert dans Page Designer, cliquez deux fois sur l'icône UserAdminView.jsp dans l'éditeur de diagramme Web pour l'ouvrir.
  2. Supprimez le texte par défaut Placez le contenu ici.
  3. Faites glisser l'objet Bean session EJB du tiroir Données de la palette vers le fichier.
  4. Lorsque l'assistant Bean session s'ouvre, cliquez sur le bouton Nouvelle référence d'EJB.
  5. Développez les dossiers AuctionPortletEAR et AuctionEJB50, puis sélectionnez UserFacade pour créer la référence de bean enterprise.
  6. Cliquez sur Fin.
  7. Cliquez sur Suivant dans l'assistant Bean session.
  8. Sélectionnez l'interface findByName(String name), qui sera utilisée pour la zone de saisie sur la page de portlet.
  9. Cliquez sur Suivant.
  10. Cliquez sur le bouton Options sur la page Formulaire d'entrée, puis saisissez Rechercher dans la zone Libellé. Cliquez sur OK.
  11. Cliquez sur Suivant. La page Formulaire Résultats de l'assistant s'affiche. Cette page permet de définir la table des données qui procédera à l'extraction et à l'affichage des données à partir de la base de données.
  12. Cliquez sur Aucune pour désélectionner toutes les colonnes et pouvoir sélectionner, organiser et configurer individuellement les colonnes appropriées de la table de données de la page de portlet. Cochez ensuite les cases correspondant aux colonnes suivantes :
  13. A l'aide des flèches dirigées vers le haut et vers le bas, placez les colonnes de données sélectionnées dans l'ordre indiqué précédemment.
  14. Sélectionnez et remplacez la valeur Libellé de la colonne userid par ID utilisateur.
  15. Cliquez sur Fin pour générer l'interface utilisateur par défaut de la page UserAdminView.jsp. L'interface utilisateur prend l'aspect suivant :
    UserAdminView.jsp
  16. Sauvegardez UserAdminView.jsp.

Ajout de code de page Java dans la page UserAdmin

Dans cette partie de l'exercice, vous allez ajouter du code de page Java pour effectuer les actions suivantes :

  • stocker le paramètre name dans la portée de la session pour qu'il puisse être réutilisé lors d'une éventuelle régénération ultérieure du contenu du portlet,
  • initialiser le paramètre à afficher dans la zone de saisie Nom avec le paramètre stocké dans la portée de la session,
  • initialiser les données de résultat à l'aide du paramètre name stocké dans la portée de la session.
  • Pour ajouter la logique et le code de référence d'EJB afin de lier l'appel et les résultats à l'interface utilisateur, procédez comme indiqué ci-après.

    1. Sélectionnez Editer le code de page dans le menu en incrustation dans Page Designer.
    2. Saisissez le code en gras suivant dans doUserFacadeLocalFindByNameAction() :
      public String doUserFacadeLocalFindByNameAction() {
          String name = getUserFacadeLocalFindByNameParamBean().getName();
          getSessionScope().put("name", name);
          try {
              userFacadeLocalFindByNameResultBean = 
                     getUserFacadeLocal().findByName(name);
          } catch (Exception e) {
              logException(e);
          }
          return null;
      }
      
    3. Saisissez le code en gras suivant dans getUserFacadeLocalFindByNameParamBean() :
      public UserFacadeLocalFindByNameParamBean 
                   getUserFacadeLocalFindByNameParamBean() {
          if (userFacadeLocalFindByNameParamBean == null) {
              userFacadeLocalFindByNameParamBean = 
                     new UserFacadeLocalFindByNameParamBean();
              String name = (String)getSessionScope().get("name");
              userFacadeLocalFindByNameParamBean.setName(name);
          }
          return userFacadeLocalFindByNameParamBean;
      }
      
    4. Saisissez le code en gras suivant dans getUserFacadeLocalFindByNameResultBean() :
      public RegistrationData[] getUserFacadeLocalFindByNameResultBean() {
          if (userFacadeLocalFindByNameResultBean == null) {
              String name = (String)getSessionScope().get("name");
              if (name != null) {
                  try {
                      userFacadeLocalFindByNameResultBean = 
                      	getUserFacadeLocal().findByName(name);
                  } catch (Exception e) {
                      logException(e);
                  }
              }
          }
          return userFacadeLocalFindByNameResultBean;
      }
      
    5. Sauvegardez et fermez UserAdminView.java.

    Exécutez UserAdminView.jsp.

    Pour vérifier que le portlet UserAdmin fonctionne comme prévu jusqu'à ce stade, exécutez-le sur le navigateur interne fourni avec les outils Rational. Pour ce faire, procédez comme indiqué ci-après.

    1. Sélectionnez le projet AuctionPortlet dans l'explorateur de projets, puis Exécuter > Exécuter sur le serveur dans le menu en incrustation associé.
    2. Etant donné que vous avez déjà défini l'environnement de test WebSphere Portal version 5.1, sélectionnez-le et cliquez sur Fin dans l'assistant Sélection d'un serveur.
    3. Le fichier s'affiche dans le navigateur. Voici un aperçu des zones d'entrée et de la disposition, telles qu'un utilisateur les voit affichées sur un site de portail :
      Portlet UserAdmin
    4. Pour tester le formulaire d'entrée et la table de données que vous venez de créer, saisissez % dans la zone Nom, puis cliquez sur Rechercher.

      La table de données doit afficher tous les utilisateurs.
      Résultats de la requête UserAdmin

    Avant de passer à l'exercice suivant, il est conseillé d'arrêter le serveur de l'environnement de test pour améliorer les performances lors du développement. Il suffit de le sélectionner dans la vue Serveurs et de cliquer sur le bouton de la barre d'outils Arrêter le serveur Arrêter le serveur.

    A présent, vous êtes prêt à commencer l'Exercice 1.4 : Création de pages permettant de créer et de mettre à jour les informations utilisateur.

    Retour d'informations
    (C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.