✒️Publicaciones Analizando la estructura del proyecto SAP Fiori

Manifest.json El archivo manifest.json es un archivo de configuración en formato JSON que define aspectos clave de la aplicación, como sus vistas, modelos de datos, rutas de navegación y configuraciones específicas de Fiori. Secciones principales: sap.app - Configuración de la Aplicación: Define los metadatos de la aplicación, como su identificador, tipo, título, descripción y versión. sap.ui - Configuración de la Interfaz de Usuario: Define la raíz de la vista principal, el tipo de vista (por ejemplo, XML), la ruta de recursos y otras configuraciones específicas de SAPUI5....

Acceder a esta publicación

Analizando la estructura de un proyecto El texto habla sobre la estructura de un proyecto y el concepto de bootstrapping en SAPUI5. Resumidamente, se mencionan los siguientes puntos: El espacio de nombres (namespace) indica la ubicación de la carpeta raíz del proyecto. El archivo index.html inicia la aplicación y carga el componente Component.js. El bootstrapping es el proceso de carga e inicialización de SAPUI5. La propiedad "resourceroots" en el bootstrap define el espacio de nombres de los recursos de la aplicación. Si se trata de una aplicación para el Launchpad de SAP Fiori FLP, se omite el archivo index.html y se carga directamente el componente. El espacio de nombres es un identificador...

Acceder a esta publicación

Namespace es el espacio de nombres que se refiere a la ubicacion de la carpeta raiz del proyecto. El archivo index.html se usa para iniciar la aplicacion y crear una instancia del componete (Component.js) Patron MVC es el modelo vista controlador. SAPUI5 tiene un gran soporte para el concepto MVC, Es un enfoque para organizar partes de una aplicacion en unidades independientes, separando las logica de negocio de la interfaz de usuario. Los controladores, con su logica de negocio, hacen de puente entre los modelos y vistas. Archivo descriptor Es recomendable mantener las configuraciones del modelo de datos en el archivo descriptor de la aplicacion. Esto asegura que todas las configuraciones del modelo de datos sean accesibles desde un archivo...

Acceder a esta publicación

Estructura de un proyecto A nivel general encontramos la siguiente estructura desde el explorer de BAS V APPFIORI > .vscode V app > node_modules | // librerias que instalamos > webapp | // gitignore | package-lock.json | App HTML5 index.html | package.json | README.md | ui5-local.yaml | ui5.yaml | xs-app.json V appfiori-approuter | > node_modules | Enrutador de gitignore | rutas package-lock.json | package.json | xs-app.json | > node_modules gitignore | Construccion para el despliegue package-lock.json | del proyecto autenticacion y package.json | rutas...

Acceder a esta publicación

Bootstrapping resourceroots espacio de nombres para todos los recursos de la aplicación sap.f.flexibleColumnLayout app.view.xml se comporta de manera responsiva escenario maestro-detalle models.js component.js manifest.json i18n.properties listselector.js errorhandler.js app.controler.js app.view.xml master.view.xml detail.view.xml master.controller.js detail.controller.js formatter.js baseController.js Floorplans Artefactos

Acceder a esta publicación

Estructura de un proyecto SAP Fiori indicar el espacio de nombres (namespace) El archivo Index.html Script de arranque SAPUI5 BOOTSTRAP Antes que podamos hacer algo en SAPUI5 de cargar necesitamos cargarlo e inicializarlo Este proceso de cargar e inicializar SAPUI5 se llama bootstrapping SAPUI5 tiene un gran soporte para el concepto MVC. Es un enfoque para organizar partes de una aplicación en unidades independiebtes separando la lógica del negocio de la interfaz de usuario UI La reutilización del código y legibilidad así como la mayor velocidad de desarrollo, debido al desarrollo en paralelo son beneficios del patrón MVC

Acceder a esta publicación

El concepto de Bootstrapping Antes de que podemos hacer algo con SAPUI5, necesitamos cargarlo e inicializarlo. La propiedad de bootstrap "reourceroots" define el espacio de nombres para todos los recursos de la aplicación, de esa forma podremos hacer referencia fácilmente a los archivos que vayamos usando. El diseño de columna flexible FlexibleColumnLayout Para entender mejor la estructura de un proyecto vamos a analizar un proyecto multitarget SAP Fiori master-detail application del tipo SAPUI5 freestyle con manged approuter para la visualiación de las órdenes de venta. El control principal de esta aplicación es el control sap.f.FlexibleColumnLayout este control primero muestra solo la vista...

Acceder a esta publicación