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).
- 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.
- Supprimez le texte par défaut Placez le contenu ici.
- Faites glisser l'objet Bean session EJB du tiroir
Données de la palette vers le fichier.
- Lorsque l'assistant Bean session s'ouvre, cliquez sur le bouton
Nouvelle référence d'EJB.
- Développez les dossiers AuctionPortletEAR et AuctionEJB50, puis
sélectionnez UserFacade pour créer la référence de bean
enterprise.
- Cliquez sur Fin.
- Cliquez sur Suivant dans l'assistant Bean session.
- Sélectionnez l'interface findByName(String name),
qui sera utilisée pour la zone de saisie sur la page de portlet.
- Cliquez sur Suivant.
- Cliquez sur le bouton Options sur la page Formulaire
d'entrée, puis saisissez Rechercher dans la zone
Libellé. Cliquez sur OK.
- 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.
- 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 :
- 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.
- Sélectionnez et remplacez la valeur Libellé de la colonne
userid par ID utilisateur.
- 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 :

- 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.
- Sélectionnez Editer le code de page dans le menu en
incrustation dans Page Designer.
- 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;
}
- 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;
}
- 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;
}
- 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.
- Sélectionnez le projet AuctionPortlet dans l'explorateur de
projets, puis Exécuter > Exécuter sur le serveur dans le
menu en incrustation associé.
- 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.
- 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 :

- 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.

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
.
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.