Création de composants avec Angular schematics
Dans le kit d'outils de développement, IBM fournit des schémas Angular pour générer rapidement des composants avec du code de démarrage que vous pouvez utiliser dans des applications. Les composants incluent des pages de recherche, des tables et des détails de zone.
Utilisez les schémas pour générer des composants avec la même conception et les mêmes fonctions que les composants existants dans Order Hub. Les composants générés incluent également les bibliothèques nécessaires pour communiquer avec divers services, tels que:- Le système de Sterling™ Order Management.
- Sterling Intelligent Promising Inventory Visibility titulaires.
- Autres locataires de microservice.
- Les bibliothèques d'interface utilisateur Carbon utilisées dans les pages existantes.
Avant de commencer
- Assurez-vous d'avoir extrait le code Order Hub . Pour plus d'informations, voir Initiation à la personnalisation de Order Hub.
- Exécutez la commande suivante pour définir
strict-sslsur false.npm config set "strict-ssl" false - Exécutez l'une des commandes suivantes pour réinstaller la dernière version de @buc/schematics afin d'accéder aux schémas fournis par l' IBM. Pour Angular v18, exécutez la commande suivante.
Pour Angular v20, exécutez la commande suivante.npm uninstall -g @buc/schematics npm install -g ./lib/buc/schematics/schematics-v4latest.tgznpm uninstall -g @buc/schematics npm install -g ./lib/buc/schematics/schematics-v5latest.tgz - Pour obtenir de l'aide sur un script de schéma, exécutez.
ng g @buc/schematics:<component> --help - Créez l'une des expériences ou l'un des composants suivants.
- Créer une expérience de recherche basée sur la configuration
- Créer des composants pour la page de recherche
- Créer des composants de résultats de recherche
- Créer les composants de la table
- Créer des composants de champ