Dans cette leçon, vous allez créer une page permettant aux utilisateurs de créer des petites annonces et de les poster à la
base de données.
Pourquoi et quand exécuter cette tâche
Vous allez d'abord créer un enregistrement relationnel pour représenter un nouvel enregistrement inséré dans la
base de données. Après quoi, vous créerez une représentation visuelle de l'enregistrement sur la page. Cette représentation
sera constituée d'un ensemble de
champs d'entrée.
Pour créer un nouvel enregistrement
relationnel :
- Double-cliquez sur le fichier new_record.jsp dans la vue Explorateur Enterprise pour l'ouvrir.
- Supprimez le texte par défaut Insérez le contenu ici.
- Dans la vue Palette, développez le tiroir Données et services en cliquant dessus.
- A partir de la palette, faites glisser le composant Enregistrement relationnel SDO vers la zone
de contenu vide. La fenêtre Ajout d'un enregistrement relationnel s'affiche.
Remarque : Si un message d'avertissement indique que la connexion à la base de données n'a pas pu être établie, cela
peut signifier que le serveur est resté actif une fois le test du site Web terminé. Face à cette situation, fermez toutes les
boîtes de dialogue en cliquant sur le bouton
Annuler et
arrêtez le serveur conformément aux instructions de
la
Leçon 1.3.
- Dans la zone Nom, tapez create_record.
- Sous la rubrique Créer des contrôles pour,
sélectionnez la création d'un enregistrement.
- Assurez-vous que l'option Ajouter des contrôles d'entrée/sortie pour afficher
l'enregistrement sur la page Web est sélectionnée. La
fenêtre Ajout d'un enregistrement relationnel doit se
présenter comme
suit :
- Cliquez sur Suivant.
- Dans la zone Table,
développez l'entrée W5SAMPLE et
sélectionnez ADS. Cliquez sur Suivant.
- Cliquez à nouveau sur Suivant. La page Configuration des contrôles
de données s'ouvre.
Conseil : La
page Configuration des contrôles
de données vous aide à personnaliser la visualisation de l'enregistrement
relationnel. Par exemple, vous
pouvez modifier les colonnes, les libellés des champs et le bouton de
soumission du formulaire d'entrée. A l'issue de cette
procédure, votre page Web comportera un formulaire d'entrée pleinement fonctionnel.
- Dans la section Zones à afficher, décochez
les champs à exclure et ne laissez cochés que les champs à faire figurer sur le
formulaire d'entrée :
- DESCRIPTION
- ID
- MAINCATEGORY
- PHONE
- PRICE
- TITLE
- Réorganisez les champs dans l'ordre suivant en utilisant les boutons Haut et Bas :
- ID
- TITLE
- DESCRIPTION
- MAINCATEGORY
- PRICE
- PHONE
- Changez les libellés
des champs à votre gré. Abrégez, par exemple, "Maincategory:" en
"Category:". Pour changer un libellé, cliquez dessus dans la
colonne Libellé. Le pointeur de la souris
prend la forme d'un curseur texte pour vous permettre de saisir le nouveau libellé.
- Sélectionnez MAINCATEGORY et cliquez sur Options.
La fenêtre Options s'affiche.
- Assurez-vous que l'option Bouton Soumettre est sélectionnée.
- Tapez Post New Listing dans la zone Libellé.
Cliquez ensuite
sur OK. La fenêtre
Ajout d'un enregistrement relationnel doit maintenant se
présenter comme
suit :
- Cliquez sur Terminer pour générer le formulaire d'entrée.
Il doit ressembler à
ceci :
Remarque : Le formulaire contient une zone de messages d'erreur (Error Messages). Cela ne signifie pas que le projet contient des erreurs. Cette zone indique l'emplacement où s'afficheront les erreurs éventuelles lorsque l'utilisateur soumettra le formulaire.
- Sauvegardez la page.
Résultats
Lors de la soumission du formulaire d'entrée, la page ajoutera automatiquement le nouvel enregistrement à la base de
données. Dans la leçon suivante, vous allez programmer le
bouton
Post New Listing pour qu'il redirige
l'utilisateur vers la page all_records.jsp afin que le nouvel enregistrement soit visible immédiatement dans la base de
données.
Remarque : Le formulaire contient une zone de messages d'erreur (Error Messages). Cela ne signifie pas que le projet contient des erreurs. Cette zone indique l'emplacement où s'afficheront les erreurs éventuelles lorsque l'utilisateur soumettra le formulaire.