Avant de commencer, vous devez effectuer l'exercice 1.1 : Importation des ressources requises.
Le site Web exemple utilise les pages Web dynamiques pour accéder aux sources de données, telles que les bases de données, et afficher dans la page des informations provenant de ces sources de données. Dans cet exercice, vous allez configurer la page all_records.jsp afin d'afficher toutes les annonces classées dans la base de données. Au cours des exercices suivants, vous allez connecter d'autres pages à la base de données pour pouvoir créer des annonces classées, les modifier et afficher une liste d'annonces filtrées.
Ce tutoriel utilise deux composants qui permettent de connecter les pages aux bases de données en utilisant Java Server
Faces : les enregistrements relationnels et les listes d'enregistrements relationnels. Ces composants représentent les données d'une base de données afin que celles-ci s'affichent dans la page sous la forme d'une table de données ou d'une table HTML ordinaire. Ils utilisent des beans d'accès aux données
JavaBeans ; Informations supplémentaires sur les beans d'accès aux données ou Informations supplémentaires
sur JavaServer Faces et les composants Faces.
Les enregistrements relationnels se connectent à un seul enregistrement d'une base de données. Dans ce cas, un enregistrement relationnel représente une seule annonce classée provenant de la base de données exemple. A l'aide d'un enregistrement relationnel, vous pouvez créer, modifier ou supprimer un enregistrement.
Les listes d'enregistrements relationnels se connectent à plusieurs enregistrements d'une base de données. Dans ce cas, une liste d'enregistrements relationnels représente entre deux et toutes les annonces classées de la base de données exemple. En utilisant une liste d'enregistrements relationnels, vous pouvez afficher tous les enregistrements ou certains d'entre eux uniquement.
Au cours de cette procédure, vous allez créer une liste d'enregistrements relationnels pour représenter toutes les annonces classées de la base de données. Vous allez ensuite établir une connexion à la base de données et sélectionner la table qui contient les informations dont vous avez besoin dans la liste d'enregistrements relationnels. Pour terminer, vous affichez cette liste d'enregistrements relationnels sur la page d'une table de données.
Vous pouvez également être invité à sauvegarder le fichier all_records.jsp. Dans ce cas, cliquez sur OK.
La fenêtre Ajout d'une liste d'enregistrements relationnels s'affiche.
Les noms de liste d'enregistrements relationnels et d'enregistrement relationnel doivent être conformes aux conventions de nommage Java standard concernant les noms de variable (ne devant pas contenir d'espace, par exemple).
Lorsque c'est le cas, l'assistant crée une table de données pour afficher la liste d'enregistrements dans la page. Sinon, l'assistant crée uniquement la liste d'enregistrements et aucune représentation de ces données dans la page. Pour l'instant, l'assistant crée la table de données par défaut que vous pourrez personnaliser ultérieurement. La fenêtre Ajout d'une liste d'enregistrements relationnels doit se présenter de la manière suivante :
La boîte de dialogue Nouvelle connexion s'affiche. Sachez que le nom ClassifiedsTutorial_Con1 est inséré automatiquement dans la zone Nom de la connexion.
Vous devez indiquer à la liste d'enregistrements où se trouvent les données que celle-ci doit représenter. Cela s'effectue par le biais de la fenêtre Nouvelle connexion de base de données. Dans ce cas, vous spécifiez la base de données Cloudscape, incluse dans le fichier importé au cours de l'exercice 1.1. Une fois créée, cette connexion sera utilisée pour le site Web tout entier et cette opération ne doit donc être effectuée qu'une fois dans le tutoriel.
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 :
Après avoir créé une connexion à la base de données Cloudscape, vous devez choisir une table ou la liste d'enregistrements à représenter. La fenêtre Ajout d'une liste d'enregistrements relationnels comporte les tables de la base de données. Dans la plus grande partie de ce tutoriel, vous allez utiliser la table W5SAMPLE.ADS.
La vue Données de page contient maintenant une liste des colonnes de la table ADS et le fichier all_records.jsp contient la visualisation de ces données dans une table de données. La table de données par défaut contient maintenant trop d'informations. Pour ce tutoriel, vous devez afficher uniquement le titre, la description, la catégorie, le prix et le numéro de téléphone de chaque annonce classée. Pour supprimer des éléments dans la table de données et en modifier l'ordre, procédez comme suit.
Cette vue se trouve généralement dans la partie inférieure centrale du plan de travail. Si vous ne trouvez pas la vue Propriétés, cliquez sur Fenêtre > Afficher la vue > Propriétés dans la barre de menus.
La page doit maintenant se présenter de la manière suivante :
L'ordre des colonnes n'est pas adapté pour une annonce classée. L'ordre suivant est plus pertinent :
Dans l'exercice suivant, Exercice 1.3 : Test du site Web, vous découvrirez comment cette page se présente sur un serveur Web réel.
Il existe un grand nombre d'options pour formater les tables de données et les composants JavaServer Faces. Certaines d'entre elles sont abordées dans le module suivant, Module 2 : Ajout de fonctions avancées. Vous pouvez également explorer la vue Propriétés par vous-même pour découvrir les différents composants JavaServer Faces de la page (par exemple, la table de données et les composants de sortie individuels).
Vous êtes prêt à aborder l'exercice 1.3 : Test du site Web.