Création d'un modèle de code personnalisé à l'aide de Web UI Framework

Vous pouvez créer un modèle de code personnalisé à l'aide de Code Template Generator.

A propos de cette tâche

Procédez comme suit pour créer un modèle de code personnalisé à partir d'un modèle par défaut ou d'un modèle personnalisé.

1. Ouvrez le Générateur de modèle de code.
2. Dans la section Modèles disponibles, cliquez avec le bouton droit de la souris sur l'un des modèles répertoriés dans les listes suivantes :
   • Modèles personnalisés
   • Modèles par défaut
3. Choisissez l'option Créer à partir de la sélection .

   Un nouveau modèle s'affiche dans la fenêtre Create New Template. Cette fenêtre comporte des variables pouvant être utilisées dans le modèle de code pour réduire le nombre de zones obligatoires dans le Générateur de modèle de code.

   La section Existing Screen Variables répertorie les variables par défaut, que vous ne pouvez en aucun cas modifier (noms et valeurs). La section User Defined Variables répertorie les variables créées par l'utilisateur, qui sont de ce fait modifiables (noms, types et valeurs).

   Dans la section User Defined Variables, vous pouvez ajouter des propriétés aux paires nom/valeur du modèle par défaut. Cliquez sur le bouton Ajouter pour ajouter une variable définie par l'utilisateur, dont le type par défaut est une chaîne (string). Vous pouvez sélectionner le type expression (expr).

   L'exemple d'écran ci-dessus illustre une variable définie par l'utilisateur (projname) dont le type est expr et la valeur est className (className est une variable d'écran). L'application utilise l'expression projName=className, et non projName=”className” (lorsque le type est une chaîne (string)).

   Vous pouvez supprimer des variables en cliquant avec le bouton droit de la souris sur une ligne de variable, puis en sélectionnant l'option Supprimer.

4. Dans la section Détails du modèle, définissez les informations suivantes :
   • Nom de modèle : identificateur unique d'un modèle qui sert également de nom de fichier json.
   • Nom de variable : nom sous lequel le paramètre est référencé dans le modèle.
   • Variable Label : texte précédant la zone d'entrée de la variable dans la fenêtre Code Template Generator.
   • Variable Type : chaîne (string) ou expression (expr).
   • Valeur : chaîne, variable ou expression pouvant être utilisée pour renvoyer une valeur. Cette valeur sert de valeur par défaut et est utilisée pour renseigner la valeur de la zone d'entrée associée à la variable dans la fenêtre Code Template Generator. Par défaut, cette zone est vide.

   Vous pouvez ajouter des variables en cliquant sur le bouton Ajouter nouveau. Une nouvelle ligne de variable s'affiche.

   Vous pouvez supprimer des variables en cliquant avec le bouton droit de la souris sur une ligne de variable, puis en sélectionnant l'option Supprimer.

   La partie inférieure de la section Template Details illustre le modèle Ext JS XTemplate utilisé pour générer le code.

5. Sauvegardez le nouveau modèle en cliquant sur le bouton Sauvegarder . Le nouveau modèle est enregistré en tant que fichier json (le nom de modèle est utilisé) dans le répertoire suivant :

   <répertoire de projet de l'utilisateur> /designer-metadata/templates

   Si vous ne souhaitez pas enregistrer le modèle, cliquez sur le bouton Annuler.

   Une fois que vous avez cliqué sur le bouton Enregistrer, la fenêtre Create New Template se ferme et la fenêtre Code Template Generator s'ouvre. Vous pouvez à présent utiliser le nouveau modèle pour mettre à jour le code pour un composant d'écran.