Exercice 2.1 : Importation des ressources requises

Si vous abordez ce tutoriel en commençant par le module 2 (sans avoir exécuté au préalable le module 1), vous devez d'abord importer les ressources requises.

Si vous avez déjà exécuté le module 1 : Création de pages Web avec des connexions de données et que vous disposez du site Web créé au cours de cette procédure, il n'est pas nécessaire d'effectuer cet exercice. Vous pouvez aborder l'exercice 2.2 : Formatage d'une table de données.

Importation du fichier de projet exemple

Présentation visuelle

Les pages Web de base et la base de données exemple de ce tutoriel sont incluses dans un fichier ZIP. Vous êtes invité à ouvrir ce fichier ZIP pour pouvoir utiliser ces pages et la base de données. Il n'est pas nécessaire d'extraire ce fichier si vous avez déjà exécuté le module 1 de ce tutoriel.

  1. Dans la barre de menus, sélectionnez Fichier > Importer. La fenêtre d'importation s'affiche.
  2. Sous Sélectionnez une source d'importation, cliquez sur Echange de projets.
  3. Cliquez sur Suivant. La fenêtre Importation du contenu de l'échange de projets s'affiche.
  4. En regard de la zone A partir du fichier zip, cliquez sur Parcourir et accédez au répertoire suivant : <répinstall>/rwd/eclipse/plugins/com.ibm.etools.webtools.tutorial.doc/resources, où <répinstall> est le répertoire d'installation.
  5. Sélectionnez module2.zip comme cible de l'importation et cliquez sur Ouvrir.
  6. Cliquez sur Sélectionner tout.
  7. Cliquez sur Terminer. L'assistant importe le projet dans votre espace de travail. Il se peut que le projet n'apparaisse pas immédiatement si vous ne vous trouvez pas dans la perspective Web car c'est dans cette dernière qu'il s'affiche correctement.

Bascule vers la perspective Web

Présentation visuelle

La perspective Web est la fenêtre utilisée pendant ce tutoriel. Pour basculer vers cette perspective, procédez comme suit.

  1. Dans la barre de menus, sélectionnez Fenêtre > Ouvrir la perspective > Autre. La boîte de dialogue de sélection d'une perspective s'affiche.
  2. Cliquez sur Web.
  3. Cliquez sur OK. Vous êtes maintenant dans la perspective Web. Le projet et les ressources associées apparaissent dans la vue Explorateur de projets :
    Explorateur de projets après importation du fichier PI

Définition du serveur cible pour le projet Web dynamique

Présentation visuelle

Vous pouvez exécuter ce tutoriel avec WebSphere Application Server v6.0 ou WebSphere Application Server v5.1. Votre choix peut se porter sur le serveur que vous serez amené à utiliser le plus souvent ou sur le serveur utilisé par vos autres projets. Ce tutoriel fonctionnera de la même manière quel que soit le serveur choisi mais vous devrez toujours utiliser le même serveur tout au long de son exécution.

  1. Dans la vue Explorateur de projets, développez Applications d'entreprise.
  2. Cliquez à l'aide du bouton droit de la souris sur ClassifiedsTutorialEAR et sélectionnez Propriétés dans le menu en incrustation. La fenêtre Propriétés s'affiche.
  3. Dans la partie gauche de cette fenêtre, cliquez sur Serveur.
  4. Dans la liste Environnement d'exécution cible, choisissez le serveur que vous allez utiliser pour ce tutoriel. Vous pouvez choisir WebSphere Application Server v6.0 ou WebSphere Application Server v5.1.

    Important : Prenez note du serveur choisi. Vous aurez besoin de cette information lors des prochains exercices.

  5. Cliquez sur OK.

    Si le serveur de votre choix ne se trouve pas dans la liste Environnement d'exécution cible ou si aucun des deux serveurs n'y figure, procédez comme suit pour installer un serveur :

    1. Fermez le plan de travail.
    2. Exécutez le programme d'installation de Rational Software Development Platform.
    3. A partir du menu d'installation, choisissez l'option permettant d'installer le serveur de votre choix.
    4. Lorsque le serveur est installé, ouvrez le plan de travail.
    5. Cliquez à l'aide du bouton droit de la souris sur ClassifiedsTutorialEAR et sélectionnez Propriétés dans le menu en incrustation.
    6. Dans la partie gauche de cette fenêtre, cliquez sur Serveur.
    7. Dans la liste Environnement d'exécution cible, choisissez le serveur que vous allez utiliser pour ce tutoriel. Vous pouvez choisir WebSphere Application Server v6.0 ou WebSphere Application Server v5.1.
    8. Cliquez sur OK.

Configuration de la connexion à la base de données

Présentation visuelle

Le fichier Echange de projets que vous venez d'importer comprend la base de données exemple dont vous aurez besoin dans ce tutoriel, ainsi que les pages Web répertoriées à la fin de cet exercice. Pour pouvoir utiliser cette base de données, vous devez connecter les pages Web à la base de données, en indiquant où se trouve cette dernière. Pour connecter les pages Web à la base de données, procédez comme suit.

  1. Dans la vue Explorateur de projets, développez Projets Web dynamiques > ClassifiedsTutorial > WebContent.
  2. Dans le dossier WebContent, cliquez deux fois sur all_records.jsp. Cette page Web s'affiche dans l'éditeur.
  3. Dans la vue Données de page, cliquez deux fois sur all_recordlist (Service Data Object). La fenêtre de configuration d'une liste d'enregistrements SDO s'affiche.

    La vue Données de page apparaît généralement dans l'angle inférieur gauche du plan de travail. Si vous ne la trouvez pas, cliquez sur Fenêtre > Afficher la vue > Données de page pour la faire apparaître.

  4. Dans la fenêtre de configuration d'une liste d'enregistrements SDO, cliquez sur l'onglet Connexions.
  5. Cliquez sur Nouveau. La fenêtre Nouvelle connexion s'affiche.
  6. Cliquez sur Créer une nouvelle connexion à la base de données. La fenêtre Nouvelle connexion à la base de données s'affiche.
  7. Sélectionnez Choisir un gestionnaire de base de données et un pilote JDBC et cliquez sur Suivant.
  8. Cliquez sur le bouton Parcourir qui se trouve en haut. Il s'agit du bouton Parcourir situé en regard de la zone Emplacement de la base de données. La fenêtre Rechercher un dossier s'affiche.
  9. Sous Sélectionnez un répertoire de base de données, accédez au répertoire suivant : <dossier-espace de travail>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database, où <dossier-espace de travail> est le répertoire qui contient l'espace de travail que vous utilisez actuellement.
  10. Cliquez sur le dossier database, puis sur OK.
  11. Il n'est pas nécessaire d'ajouter un ID utilisateur ou un mot de passe pour accéder à la base de données. La fenêtre Nouvelle connexion de base de données doit se présenter de la manière suivante :

    Fenêtre Nouvelle connexion de base de données
  12. Cliquez sur Terminer. Vous êtes redirigé vers la fenêtre Nouvelle connexion.
  13. Dans cette fenêtre, cliquez sur Terminer. Vous êtes redirigé vers la fenêtre de configuration d'une liste d'enregistrements SDO.
  14. Cliquez sur Fermer.

A propos des fichiers utilisés dans ce tutoriel

Vous pouvez accéder aux fichiers dans le projet Web du tutoriel. Pour ouvrir un fichier, cliquez deux fois dessus à partir de la vue Explorateur de projets. Vous pouvez également cliquer deux fois sur l'icône .website-config dans la vue Explorateur de projets pour afficher une représentation sous forme de mappe des liaisons entre les pages.

Le site est conçu pour présenter des annonces classées comme dans un journal, et chaque fichier a un rôle précis. Si le projet contient un grand nombre de ressources (telles que des images, des fichiers de code et des fichiers de configuration), les cinq fichiers suivants, qui correspondent aux pages Web réelles du projet, sont les plus importants :

Vous pouvez maintenant aborder l'exercice 2.2 : Formatage d'une table de données.

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