如果我們手上已經有可以正常工作的OData服務,無論位于ABAP on-premise系統還是public上的internet OData service,都可以用SAP WebIDE裡的Fiori建立向導,幾分鐘之内輕松建立出可以持續開發的UI5應用。
打開SAP雲平台上的WebIDE,New->Project from Template:

選擇Master Detail風格的Fiori應用:
這裡就要指定這個UI5應用消費的OData服務url了。下拉菜單裡看到的是一個我在SAP雲平台建立的Destination,指向on premise系統:
url路徑選擇/sap/opu/odata/sap/CRM_OPPORTUNITY,做過CRM的朋友們會知道這個路徑指向的是CRM ABAP裡的OData服務CRM_OPPORTUNITY:
點選Test,會解析出OData服務的metadata,然後可以點Next按鈕:
點了Next之後,需要指定Master list和detail視圖裡重要字段的綁定路徑。這些字段的說明在上圖右邊的縮略圖裡有展示。
點finish後,應用成功建立。執行應用:
最後渲染的應用如下:
至此我們沒有編寫一行代碼,就得到了一個可以工作的master-detail風格的Fiori應用。
壓縮過後webIDE自動生成的JavaScript總共代碼也不過500多行:
本文來自雲栖社群合作夥伴“汪子熙”,了解相關資訊可以關注微信公衆号"汪子熙"。