[SAP] SAPUI5 para dummies: un ejercicio completo paso a paso

Ayer escribí en un blog sobre el contenido que estoy creando para los nuevos desarrolladores que llegaron a nuestra oficina de Techedge en Lucca.


Enseñar es algo que empecé a amar, es la consecuencia natural del hecho de que me encanta aprender y me encanta compartir mi conocimiento. Y creo que es importante que los nuevos estudiantes o los jóvenes desarrolladores tengan algún contenido seleccionado para comenzar, tal vez también con algunos consejos y trucos que los mayores aprendieron durante su viaje.


La idea detrás de este ejercicio es cubrir todos los temas que un desarrollador de SAPUI5 debe conocer y comprender.


El ejercicio estará disponible en mi proyecto GitHub openui5-exercise .


El ejercicio



El ejercicio se dividirá en pasos de fácil a difícil para construir una aplicación CRUD SAPUI5 Master-Detail completa.


El proyecto consumirá / creará datos de un servicio SAP OData de Netweaver Gateway Demo ES5 .
El IDE utilizado en este tema es el WebIDE de SAP que nos permite aprovechar el poder de SAP SCP (Cloud Platform) para desarrollar, configurar, construir e implementar en SAP Cloud Environment en cuestión de segundos.


Puede encontrar cada paso del ejercicio (con una descripción y un video del resultado final) en una rama separada de este repositorio de GitHub.


Tema cubierto


  • Vistas XML y fragmentos
  • Enrutamiento
  • Filtrar y ordenar
  • Modelo OData (configuración de un destino SCP)
  • JSONModelo
  • Comprender manifest.json
  • Tabla y lista
  • Diseño de detalles maestros
  • SAP WebIDE
  • Lanzamiento de SAP Fiori
  • Consejos y trucos

Por donde empezar


Como dije, este ejercicio se basará en un servicio OData proporcionado a través de la demostración de SAP Netweaver Gateway. Debe crear un usuario en el sistema de demostración para acceder a esos datos.


Configurar el destino de cabina de SCP utilizado


Inicie sesión en su cuenta SAP SCP. Vaya a Conectividad> Destinos y cree un Nuevo destino con la información provista en la publicación del blog del Sistema de demostración de Gateway.
Ya he preparado la configuración para (¡perezoso!) Para que pueda hacer clic en el botón Importar destino . Solo recuerde configurar su Usuario / Contraseña y probarlo antes de presionar Guardar.


Description=SAP Gateway Demo System Type=HTTP TrustAll=true Authentication=BasicAuthentication WebIDEUsage=odata_abap, bsp_execute_abap, odata_gen Name=ES5 WebIDEEnabled=true ProxyType=Internet URL=https\://sapes5.sapdevcenter.com sap-client=002 User=YOU_ES5_USER_HERE WebIDESystem=ES5 

Consejo: le sugiero que llame al destino en su cabina de piloto SCP de SAP de la misma manera que lo he hecho. De esta manera, cuando clones el Paso de ejercicio desde la rama del repositorio no habrá conflicto de nombres


Crear un proyecto WebIDE desde la plantilla


Ok, es hora de desarrollarse. Ahora te mostraré cómo puedes crear un proyecto WebIDE. Estamos en un ejercicio avanzado, así que espero que ya sepa cómo hacerlo, pero tal vez podría ser útil también para los recién llegados;)


Cree una nueva aplicación SAPUI5 en SAP WebIDE Full-Stack


Configure el servicio OData con el destino ES5


Ahora necesitamos crear un Destino desde nuestra cuenta SAP SCP a nuestro Servicio OData.


Configure el servicio OData en su aplicación SAPUI5


Paso 1


Estamos listos para seguir las instrucciones dentro del Paso 1 de nuestro ejercicio.

Source: https://habr.com/ru/post/es436608/


All Articles