Modification des portlets fournis par l'application
Vous pouvez copier des portlets fournis par l'application et personnaliser le portlet en fonction des besoins de votre entreprise.
Tous les portlets fournis par l'application sont présents dans le dossier <WORKSPACE>/store-frontend/src/app/features/home/portlet-set .
Chaque dossier de portlet contient normalement l'ensemble de fichiers suivant:
| Fichier | Fonction |
|---|---|
| <name>-portlet-component.ts | La logique d'application du portlet est définie dans ce composant de classe. |
| <name>-portlet-component.html | Code HTML du portlet qui doit être rendu dans le DOM. |
| <name>-portlet-component.scss | Définit la feuille de style en cascade à utiliser dans le portlet. |
| <name>-portlet-data.service.ts | Contient des méthodes permettant d'extraire les données à l'aide d'API et d'autres méthodes utilitaires requises pour un portlet. |
- Accédez au dossier de portlet correspondant et copiez les fichiers à l'emplacement approprié sous SCREEN_EXTENSIONS_HOME/features/home/portlet-set
Disons que vous souhaitez personnaliser le portlet de commande de prélèvement, puis copiez le dossier pick-order-portlet de <WORKSPACE>/store-frontend/src/app/features/home/portlet-set vers <WORKSPACE>/store-frontend/store-extensions-src/app/features/home/portlet-set.
Vous pouvez créer la structure de dossiers appropriée features/home/portlet-set sous SCREEN_EXTENSIONS_HOME, si elle n'est pas déjà présente.
- Après avoir copié le dossier de portlet approprié, vous pouvez personnaliser le portlet en fonction de vos besoins.
- Une fois que vous avez copié le dossier de portlet dans SCREEN_EXTENSIONS_HOME/features/home/portlet-set, vous possédez le composant de portlet complet, y compris les fichiers HTML, SCSS, TS et les fichiers de service de données associés. Même si vous devez modifier uniquement le fichier HTML ou SCSS, vous devez toujours copier le dossier complet.
- Cela garantit une mise à niveau transparente.