Modificación de portlets proporcionados por la aplicación
Puede copiar portlets proporcionados por la aplicación y personalizar el portlet según sea necesario para su empresa.
Todos los portlets proporcionados por la aplicación están presentes en la carpeta <WORKSPACE>/store-frontend/src/app/features/home/portlet-set .
Normalmente, cada carpeta de portlet contiene el siguiente conjunto de archivos:
| Archivo | Finalidad |
|---|---|
| <name>-portlet-component.ts | La lógica de aplicación del portlet se define en este componente de clase. |
| <name>-portlet-component.html | El HTML del portlet que se debe representar en el DOM. |
| <name>-portlet-component.scss | Define CSS que se utilizará en el portlet. |
| <name>-portlet-data.service.ts | Contiene métodos para captar los datos utilizando las API y otros métodos de programa de utilidad necesarios para un portlet. |
Para personalizar el portlet proporcionado por la aplicación, realice los pasos siguientes:
- Vaya a la carpeta de portlet correspondiente y copie los archivos en la ubicación adecuada en SCREEN_EXTENSIONS_HOME/features/home/portlet-set
Supongamos que desea personalizar el portlet Elegir orden y, a continuación, copiar la carpeta pick-order-portlet de <WORKSPACE>/store-frontend/src/app/features/home/portlet-set a <WORKSPACE>/store-frontend/store-extensions-src/app/features/home/portlet-set.
Puede crear la estructura de carpetas adecuada features/home/portlet-set en SCREEN_EXTENSIONS_HOME, si todavía no está presente.
- Después de copiar la carpeta de portlet adecuada, puede personalizar el portlet en función de sus necesidades.
IMPORTANTE:
- Una vez copiada la carpeta del portlet en SCREEN_EXTENSIONS_HOME/features/home/portlet-set, es propietario del componente de portlet completo, incluidos los archivos de servicio de datos HTML, SCSS, TS y relacionados. Incluso si tiene que modificar sólo el archivo HTML o SCSS, todavía tiene que copiar la carpeta completa.
- Esto garantiza una actualización transparente.