Application ADF (Application Development Framework) pas à pas avec JDeveloper

Dans JDeveloper, faire un clic droit sur le projet « Model ». Puis, choisir « New ».

Choisir « Entity Object » dans « Business Tier / ADF Business Components ». Puis, cliquer sur le bouton « OK ».

Cliquer sur la croix verte.

Entrer les paramètres de connexion à la base de données. Cliquer sur « Test Connection ». Quand le résultat du test est « Success! », cliquer sur « OK ».

Cliquer sur « OK ».

Cliquer sur « Browse ».

Cliquer sur « Query ».

Choisir la table « LISTECOURSES ». Puis, cliquer sur « OK ».

Cliquer sur « Next > ».

Cliquer sur « Next > ».

Cliquer sur « Next > ».

Cliquer sur « Next > ».

Cocher « Generate Default View Object » et saisir le nom correspondant. Cocher « Add to Application Module » et saisir également le nom correspondant. Puis, cliquer sur « Next > ».

Cliquer sur « Finish ».

Cliquer sur l'icône pour tout sauvegarder.

Faire un clic droit sur le dossier « Web Content ». Puis, choisir « New ».

Choisir « Page » dans « Web Tier / JSF/Facelets ». Puis, cliquer sur le bouton « OK ».

Saisir le nom du fichier. Choisir « Quick Start Layout ». Puis, cliquer sur le bouton « OK ».

Sélectionner l'élément « af:panelStretchLayout » dans la structure.

Saisir « auto » dans la propriété « TopHeight ». Valider avec la touche ENTRÉE.

Faire un clic droit sur l'élément « af:panelStretchLayout ». Puis, choisir « Insert Inside af:panelStretchLayout / Facet top ».

Sélectionner l'élément « f:facet - top » dans la structure.

Cliquer sur le composant « Panel Box » dans les composants « Layout » de « ADF Faces ».

L'élément a été rajouté. Le sélectionner si nécessaire.

Saisir un nouveau texte dans la propriété « Text » de cet élément. Valider la modification avec la touche ENTRÉE.

Sélectionner « ListeCourseEntityVO1 » dans « Data Controls ». Maintenir le bouton gauche de la souris appuyé pour le glisser-déposer dans l'élément Panel Box du fichier « gestion.jsf ». Choisir « ADF Form… » de « Form » dans la liste qui apparait.

Cocher « Include Navigation Controls » et « Include Submit Button ». Puis, cliquer sur le bouton « OK ».

Sélectionner « ListeCourseEntityVO1 » dans « Data Controls ». Maintenir le bouton gauche de la souris appuyé pour le glisser-déposer en dessous de l'élément Panel Box du fichier « gestion.jsf », dans la partie centrale du « panel stretch layout ». Choisir « ADF Read-only Table… » de « Table » dans la liste qui apparait.

Cocher « Enable Sorting » et « Enable Filtering ». Puis, cliquer sur le bouton « OK ».

Sélectionner l'opération « Commit » dans « Data Controls ». Maintenir le bouton gauche de la souris appuyé pour le glisser-déposer sur le bouton « Submit ».

Cliquer sur le bouton « OK ».

Sélectionner l'opération « Rollback » dans « Data Controls ». Maintenir le bouton gauche de la souris appuyé pour le glisser-déposer à côté du bouton « Commit ».

Sélectionner l'opération « Create » de « ListeCoursesEntityVO1 » dans « Data Controls ». Maintenir le bouton gauche de la souris appuyé pour le glisser-déposer à côté du bouton « Rollback ».

Sélectionner l'opération « Delete » de « ListeCoursesEntityVO1 » dans « Data Controls ». Maintenir le bouton gauche de la souris appuyé pour le glisser-déposer à côté du bouton « Rollback ».

Faire un clic droit sur « af:commandButton - Commit ». Sélectionner « Surround With… ».

Choisir « Panel Group Layout ». Puis, cliquer sur « OK ».

Sélectionner successivement les éléments « af:commandButton - Rollback », « af:commandButton - Create » et « af:commandButton - Delete » pour les glisser-déposer à l'intérieur de l'élément « af:panelGroupLayout ».

Sélectionner le bouton « First » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Previous » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Next » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Last » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Create » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Delete » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Commit » et changer la valeur de sa propriété « Id ».

Sélectionner le bouton « Rollback » et changer la valeur de sa propriété « Id ».

Sélectionner la table de données. Puis, cliquer sur la flèche à droite de la propriété « PartialTriggers » afin de choisir « Edit… ».

Sélectionner les éléments qui sont « not found ». Cliquer sur la flèche pour supprimer les éléments désélectionnés.

Sélectionner les éléments « cbCommit » et « cbRollback ». Cliquer sur la flèche pour ajouter ces éléments à ceux sélectionnés. Puis, cliquer sur le bouton « OK ».

Sélectionner l'élément « af:panelFormLayout » qui entoure les champs de saisie.

Cliquer sur la flèche à droite de la propriété « PartialTriggers » afin de choisir « Edit… ».

Sélectionner les éléments « cbFirst », « cbPrevious », « cbNext », « cbLast », « cbCreate », « cbDelete », « cbCommit » et « cbRollback ». Cliquer sur la flèche pour ajouter les éléments à ceux sélectionnés. Puis, cliquer sur le bouton « OK ».

Sélectionner les éléments « cbFirst », « cbPrevious », « cbNext », « cbLast », « cbCreate », « cbDelete », « cbCommit » et « cbRollback » dans la structure.

Changer la valeur de la propriété « PartialSubmit » de ces éléments en « true ».

Choisir « Reset to Default » pour la propriété « Disabled » de ces éléments grâce à la flèche à droite.

Choisir « Database Navigator » dans le menu « View / Database ».

Déplier « MonApplicationADF » et « ConnArticleADF ».

Copier les requêtes suivantes. Puis, exécuter le script avec l'icône avec la feuille et la flèche verte.

INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Banane', 3); 
INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Sucre blanc', 75); 
INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Oeuf', 1); 
INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Levure', 1); 
INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Sel', 1); 
INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Farine', 150); 
INSERT INTO LISTECOURSES(LIBELLE, QUANTITE) VALUES('Beurre', 70);

Voici le résultat.

Faire un clic droit sur le fichier « gestion.jsf ». Puis, choisir « Run ».

Voici le résultat.