Création d’une application UI5 avec service OData sur Web IDE

Maintenant nous allons voir comment consommer un service OData sur Web IDE à partir d’un exemple simple : récupérer une liste de données.

1 – Créer un nouveau projet à partir d’un template :
1

2 – Sélectionner le template « SAPUI5 Application Project » :
2.png

3 – Saisir le nom du projet :
3

4 – Saisir les détails de la vue initiale :
4

5 – La création du projet est confirmée :
5

6 – Le projet est créé :
6

7 – Ouvrir la vue avec le Layout Editor :
7

8 – La vue est affichée en mode WYSIWYG (What You See Is What You Get) :
8

9 – Ne pas hésiter à modifier les propriétés :
9

10 – Sélectionner la liste dans la bibliothèque d’objets et ajouter là dans la vue :
10

11 – La vue est chargée à l’écran :
11

12 – Il nous faut maintenant ajouter le service OData au projet. Pour ce faire, faire un clic droit sur le projet puis sélectionner « New » et enfin « OData Service » :
12

13 – Sélectionner votre service OData :
13

14 – Confirmer l’ajout du service OData :
14

15 – On remarque que le dossier « model » est automatiquement créé avec le fichier metadata correspondant au service :
15

16 – Revenir sur la View et rafraichir (F5) de façon à obtenir la popup ci-dessous et sélectionner le Data Set, puis valider :
16

17 – Le Data Set apparaît :
17

18 – Le chargement du modèle est  automatiquement implémenté :
18

19

19 – Il ne reste plus qu’à faire le mapping entre le modèle et la liste de la View :
20

20 –Test de l’application :
21

22

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s