[SAP] SAP Fiori 예제문제 - Building SAP Fiori-like UIs with SAPUI5 in 10 Exercises (Eclipse)

https://dhan-description.tistory.com/147?category=956711

[SAP] SAP Fiori - SDK Kit 설치하기(Eclipse)

View에 대한 Demo App: https://sapui5.hana.ondemand.com/#/api/sap.m.GenericTile

SAPUI5 SDK - Demo Kit

 

---

Fiori의 개발은 JavaScript, XML, JSON, HTML을 통해서 진행합니다. 

일반적으로 View는 XML로 작성하며, SAP의 데이터 교환은 ODATA로 진행하기 때문에 인터페이스와 관련된 내용은 JSON으로 작성하는 것이 좋습니다.

https://dhan-description.tistory.com/147

[SAP] SAP Fiori - SDK Kit 설치하기(Eclipse)

 

 

 

Eclipse ( JavaScript ) 

---

File ▶ Other ▶UI5 ▶ Application Project ▶ProjectNmae

Library -> Desktop / Mobile

 

MasterView 및 DetailView 생성

sap.m.SplitApp 호출하여 Split App 컨트롤 인스턴스를 생성한 것이며 아래는 마스터보기로 이동하여 페이지 목록 추가 및 제품 볌주를 표시하는 로직입니다.

View

INDEX Code

---

 

Building SAP Fiori-like UIs with SAPUI5 - SAPUI5 Project Sources.zip

0.11MB

Building SAP Fiori-like UIs with SAPUI5 in 10 Exercises.pdf

2.57MB

 

Fiori 생성

---

index

view

 

Fiori 구조

---

https://sapui5.hana.ondemand.com/#/topic/28b59ca857044a7890a22aec8cf1fee9

SAPUI5 SDK - Demo Kit

 

WebIDE처럼 이클립스에도 Folder를 동일하게 구성

---

 

Fiori 반영

---

해당 프로젝트를 오른쪽 클릭하여 TEAM ▶ Share Project

SAPUI5 ABAP Repository에서 Bsp Application 생성 

해당 App의 URL 확인

 

---

https://sapui5.hana.ondemand.com/#/topic/851bde42e4e1410c96abbe402fa9128c

SAPUI5 SDK - Demo Kit

https://help.sap.com/viewer/468a97775123488ab3345a0c48cadd8f/7.4.23/en-US/43d4c8b86c8c42f3a825f2e0c3acbc6c.html

SAP Help Portal

예제 : http://www.saplearners.com/sap-m-splitapp-demo-application-in-sapui5/

sap.m.SplitApp demo application in SAPUI5 (Part1)

ODATA : http://www.saplearners.com/sap-netweaver-gateway/

sap-netweaver-gateway | SAP FREE Tutorials

https://blogs.sap.com/2014/05/12/extending-a-fiori-app-simple-use-case-part-1/

Extending a Fiori App – Simple Use case – Part 1 | SAP Blogs