Utilisation de modules

Objective

After completing this lesson, you will be able to utiliser les modules fournis par les éléments SAP Fiori pour étendre vos applications avec un codage personnalisé minimal

Modules

Les modules sont des éléments de code réutilisables qui sont implémentés de manière cohérente dans la structure des éléments SAP Fiori. Si vous les utilisez, vous pouvez être sûr que votre application suit les directives de conception SAP Fiori et que les fonctionnalités standard, telles que la gestion des versions préliminaires ou les effets secondaires, seront automatiquement prises en charge dans vos modules. Ils sont pilotés par des métadonnées, tout comme les floorplans.

Les modules peuvent également être utilisés en dehors des floorplans. Vous pouvez les utiliser dans vos applications personnalisées ou dans vos extensions personnalisées.

Les modules ne sont pas des contrôles SAPUI5, mais plutôt un ensemble d'instructions de modélisation utilisées pour créer une arborescence de contrôles spécifique, en fonction des structures de données liées.

Consulter la liste de tous les building blocks disponibles : Overview of Building Blocks

Vous pouvez également contrôler sap.fe.macros, une bibliothèque de modules fournie par des éléments SAP Fiori.

Ajouter un module de zone à votre section personnalisée

Dans cet exercice, vous allez ajouter un message d'information à la section personnalisée Itinéraire. Le message s'affichera au-dessus de la carte géographique. Vous allez utiliser un module de zone.

Conditions requises

Vous avez terminé l'exercice Ajouter une section personnalisée à la page d'objet dans le même chapitre (leçon : Utilisation de points d'extension).

Regarder la simulation et exécuter les étapes

Cet exercice contient une simulation qui vous guide tout au long des étapes détaillées. Vous trouverez toutes les étapes après la simulation. Vous pouvez suivre la simulation et exécuter les étapes à l'aide de votre propre compte d'essai.

ExerciseStart Exercise

Étapes

Ouvrez SAP Business Application Studio.
Sélectionnez GeoMap.fragment.xml dans le dossier webapp/ext de votre projet voyages.

Ajoutez l'exemple de code suivant dans le contrôle VBox pour ajouter un message d'information :

Code Snippet

123456
<HBox class="">
   <Text text="The bookings were confirmed on" class="sapUiTinyMarginEnd"/>
   <macros:Field readOnly="true" metaPath="CreatedAt" id="custom-flightdate"/>
   <Text text="by" class="sapUiTinyMarginBeginEnd"/>
   <macros:Field readOnly="true" metaPath="AgencyID" id="custom-airline"/>
</HBox>

Les ID des contrôles IU nouvellement ajoutés sont manquants. Sélectionnez <HBox ligne dans le code.
Sélectionnez l'icône Solution rapide dans la ligne <HBox sélectionnée.
Sélectionnez l'option Générer des ID pour l'ensemble du fichier dans la liste. Les ID sont générés pour les contrôles iu nouvellement ajoutés.
Passez à l'aperçu de l'application dans votre navigateur.
Sélectionnez l'onglet Itinéraire dans la page d'objet. Vous pouvez voir que le message d'information est ajouté à la section personnalisée.

Résultat

Vous avez ajouté un message d'information à la section personnalisée Itinéraire. Le message s'affiche au-dessus de la carte géographique. Vous avez utilisé un module de zone pour ce module.

Next lesson