Exposer dynamiquement les données dans les pages du générateur d’IU (fonctionnalité avancée)
Synchronisez les données entre ServiceNow les tables et les données avec les pages avec lesquelles vous créez .Générateur d'IU Les pages affichent les données synchronisées en temps réel et mettent à jour les données/tables lorsqu’un utilisateur saisit des informations.
En savoir plus sur les ressources de données dans Générateur d'IU
Générateur d'IUSynchronise les tables/données à l’aide des ressources deServiceNow données. Une ressource de données extrait les données que Générateur d’IU utilise pour afficher des informations dans un composant. Générateur d'IU Les composants utilisent des ressources de données pour synchroniser les données entre différentes expériences. Les ressources de données rendent les données des composants dynamiques, ce qui signifie que vous n’avez pas besoin de recréer des données pour chaque page.
Les ressources de données se trouvent dans le tiroir des ressources de données. Le tiroir de ressources de données est l’endroit où vous pouvez ajouter et configurer une ressource de données pour votre page. Après avoir configuré la ressource de données, vous pouvez synchroniser les données entre les composants de votre page et ServiceNow les tables/données.
- Ressources de données : ressources de données qui font partie de l’expérience
- Configuration/Events : ressources de données et événements configurés pour l’expérience
- Aperçu : JSON pour les informations retournées par la ressource de données
Vous pouvez lier les propriétés de configuration des composants, des autres ressources de données, des scripts clients, de l’état du client et des événements à ces ressources de données.
Définissez des conditions pour un filtre dans votre ressource de données. Pour plus d’informations, voir Connecter les données à vos composants.
Comment fonctionnent les ressources de données dans Générateur d'IU
Les ressources de données extraient les données des API Glide, GraphQL et REST, puis les transforment pour les utiliser dans un composant sur une Générateur d'IU page.
Les composants utilisent à la fois des instances de ressources de données héritées et locales. Les ressources de données héritées sont automatiquement chargées dans une Générateur d'IU page, et des instances de ressources de données locales peuvent être ajoutées et configurées. Les ressources de données sont évaluées en fonction des valeurs d’entrée spécifiées pour s’assurer que les données correctes sont récupérées. Pour plus d’informations sur les ressources de données héritées et locales, reportez-vous à la section Ressources de données héritées par rapport aux ressources locales dans Générateur d'IU.
Ressources de données locales dans Générateur d'IU
Les différentes ressources de données s’affichent en fonction de l’application dans laquelle vous vous trouvez. Si vous sélectionnez l’application Global, les ressources de données sous Données du serveur sont différentes de celles que vous voyez si vous sélectionnez l’application CSM Espace de travail configurable.
Utilisation de la liaison de données dans Générateur d'IU
La liaison de données vous permet de créer des pages dynamiques en synchronisant les pages et les composants avec les ressources de données. Vous pouvez lier des données à un composant pour récupérer les données à partir du back-end et utiliser des paramètres de champ pour obtenir des propriétés à partir de l’URL. La modification des paramètres d’URL vous permet de créer des pages dynamiques qui affichent des données différentes en fonction des paramètres.
Vous pouvez lier les données à un composant des manières suivantes :
- Liaison de contexte
Utilisez les paramètres d’URL pour connecter des parties de l’URL aux propriétés de votre page. Par exemple, vous pouvez lier le nom de la table à partir de l’URL à votre composant en utilisant la syntaxe @context, comme ceci :
@context.props.table.Imaginez que vous avez une Générateur d'IU page avec un champ obligatoire nommé
table. L’URL de votre page peut ressembler à /demo/page/<table-name>. Le <nom-table> pourrait être quelque chose commeincident. Les données peuvent également provenir de ressources de données parentes ou être des propriétés locales spécifiques à la page.Pour lier les propriétés de vos composants, d’autres propriétés des ressources de données ou les détails d’événements à la propriété de page, vous utilisez une liaison
@context.props.table. Assurez-vous de fournir une valeur de test dans l’URL ou de définir une valeur fixe pour cette propriété dans la configuration de votre page si vous utilisez une liaison de contexte.- Liaison des ressources de données
Utilisez des ressources de données pour extraire des données du back-end de votre instance, telles que l’état du client, GraphQL ou une API REST. Ces sources de données possèdent des propriétés qui peuvent être liées à des éléments d’une Générateur d'IU page.
Par exemple, si vous utilisez la ressource de données Rechercher un enregistrement, vous pouvez l’utiliser dans un composant de bouton. Vous pouvez utiliser une expression de données dans la propriété « label » comme ceci :
@data.lookup_record_1.result.number.displayValue.- Liaison de composant
- Utilisez la liaison de composants pour connecter un composant à un autre. Supposons que vous avez un composant de menu de liste sur la Générateur d'IU page. Le menu Liste révèle la liste actuellement choisie aux autres composants de la même page. Ces autres composants peuvent accéder aux données en les liant à l’aide d’une expression telle que
@elements.list_menu_1.selectedListId. - Liaison des paramètres de l’état du client
Utilisez la liaison de paramètres d’état client pour connecter et synchroniser des données entre une application côté client et Générateur d'IU des composants. La liaison de paramètres permet à l’état client de mettre à jour automatiquement les données dans les composants, et vice versa. Utilisez
@statesyntaxe pour lier une propriété d’état à un paramètre d’état client.
Types de sources de données disponibles dans Générateur d'IU
Vous pouvez utiliser les types de ressources de données suivants affichés dans la table.
| Type de ressource de données | Description |
|---|---|
| Contrôleur | Encapsule la logique des données et des événements et active les paramètres prédéfinis pour les composants. |
| GraphQL | Requêtes et mutations GraphQL exécutées. |
| Transformer | Script qui transforme les données d’entrée dans un autre format. |
| État du client | Ressources de données côté client qui incluent les informations sur le client, les états ou la logique spécifiques au domaine, les préférences utilisateur, etc. |
| Composite | Ressource de données réutilisable unique contenant plusieurs ressources de données. |
| REST | Ressources de données qui sont créées via des demandes d’API REST. |
Ressources de données héritées par rapport aux ressources locales dans Générateur d'IU
Les ressources de données héritées partagent des informations provenant des parties environnantes d’une Générateur d'IU page, comme une application. Imaginez que votre page est dans un grand cadre et qu’elle reçoit des informations du cadre ou d’autres parties qui l’entourent. Vous pouvez utiliser ces informations en les connectant aux propriétés de votre page, un peu comme si vous reliiez les pièces d’un puzzle. Si vous obtenez cette information à partir du cadre, vous n’avez pas besoin de la récupérer vous-même.
Les ressources de données locales sont des éléments que vous ajoutez vous-même à une Générateur d'IU page. Imaginez que vous créez une page pour les demandes de voyage. Vous pouvez synchroniser les données des employés avec un composant de liste afin que les employés puissent demander des déplacements liés à leurs propres informations.
Pour utiliser ces ressources de données, importez-les à partir d’une application ou créez-les dans la ServiceNow plateforme. Ensuite, dans Générateur d'IU, mettez ces ressources à la disposition de vos composants. Ensuite, liez les données à votre composant afin qu’il puisse fonctionner avec. Par exemple, vous pouvez avoir un ensemble d’enregistrements, l’exposer dans le générateur d’IU et le lier à un composant. À partir de là, configurez le composant pour qu’il fasse des choses avec les données, comme enregistrer de nouveaux enregistrements.
Une fois que votre page synchronise des données, vous la connectez à la partie de la page qui en a besoin, comme un composant. C’est comme s’assurer que la bonne pièce de puzzle s’insère au bon endroit. Ensuite, vous pouvez dire à cette partie de la page quoi faire avec les données. Par exemple, vous pouvez l’utiliser pour ajouter de nouveaux plans de déplacement pour les employés.
Générateur d'IU Propriétés des ressources de données
Lorsque vous ajoutez une ressource de données dans Générateur d'IU, c’est comme si vous ajoutiez un outil qui sait d’où tirer des informations. Les propriétés des ressources de données sont les instructions qui indiquent à une ressource de données comment importer des données dans Générateur d'IU des pages. Ces propriétés indiquent à une ressource de données les données à obtenir, comment les organiser et les conditions à suivre. Par exemple, vous pouvez utiliser ces propriétés pour spécifier les tables dans lesquelles rechercher, comment trier les données, etc. Ces propriétés permettent à la ressource de données de fonctionner correctement et vous fournissent les données dont vous avez besoin.
Générateur d'IU Scripts des ressources de données
Les scripts de ressource de données sont des instructions spéciales que vous donnez Générateur d'IU pour renvoyer des éléments de données spécifiques. Par exemple, si vous traitez une liste de produits, un script peut indiquer à une ressource de données de n’afficher que les produits disponibles en stock ou de les organiser dans un ordre particulier. Les scripts de ressource de données vous permettent de personnaliser le traitement Générateur d'IU des informations, par exemple en ajoutant des règles ou des actions supplémentaires.