如何用SAP WebIDE的Fiori建立嚮導基於ABAP OData service快速建立UI5應用
如果我們手上已經有可以正常工作的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多行:
要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2648447/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 使用 yo 命令列嚮導建立 SAP UI5 應用命令列UI
- 使用SAP CDS view快速建立一個Fiori應用,管理Service OrderView
- 使用Fiori Elements建立的SAP UI5應用,如何支援編輯功能UI
- 使用 SAP Business Application Studio 建立 Fiori Elements 應用顯示 OData 資料APP
- 如何在 SAP BTP 上通過 CDS view 快速建立 Fiori Elements 應用View
- 如何用WebIDE開啟並執行CRM Fiori應用WebIDE
- 使用SAP WebIDE給SAP UI5應用新增data sourceWebIDEUI
- 使用 SAP WebIDE 將 SAP UI5 應用部署到 ABAP 系統時遇到的關於傳輸請求的錯誤WebIDEUI
- 使用 generator-easy-ui5 快速建立 SAP UI5 應用的工程結構UI
- SAP ABAP OData 服務如何支援建立(Create)操作試讀版
- SAP UI5 應用的 OData XML 格式的後設資料請求解析原理,基於 DOMParserUIXML
- 使用 yo 命令列嚮導給 SAP UI5 應用新增一個新的檢視命令列UI
- 關於 SAP Fiori 應用的離線使用
- SAP Business Application Studio 裡建立一個基於 CAP 模型的 OData 服務APP模型
- 關於 Fiori 應用裡 SAP UI5 前端開發和 SEGW 後臺 OData 服務開發的工作量比值問題UI前端
- 最詳細的 SAP ABAP Web Service 建立和消費步驟講解Web
- 用 React 結合 SAP UI5 Web Components 來開發 SAP Fiori 應用ReactUIWeb
- 如何用 SAP BTP 平臺上的圖形建模器建立一個 OData 服務
- SAP WebIDE裡UI5應用的隱藏檔案project.jsonWebIDEUIProjectJSON
- 使用SAP WebIDE建立開發Java應用,並且在瀏覽器裡除錯WebIDEJava瀏覽器除錯
- 把經典的ABAP webdynpro應用配置到SAP Fiori Launchpad裡Web
- 在沒有任何前端開發經驗的基礎上, 建立第一個 SAP Fiori Elements 應用前端
- 基於 OData V4 的 SAP UI5 表格控制元件如何實現建立,編輯和儲存功能試讀版UI控制元件
- SAP UI5 應用開發教程之六十二 - 基於 OData V4 的 SAP UI5 表格控制元件使用方法介紹UI控制元件
- 答網友提問:使用 SAP Fiori Tools 建立的 Fiori Elements 應用,如何進行二次開發?
- 在 SAP BAS 裡使用 SAP UI5 應用消費 OData 的 Create 和 Delete 操作UIdelete
- 一步步使用SAP雲平臺的WebIDE開發SAP UI5應用WebIDEUI
- SAP UI5 應用開發教程之五十七 - 基於 OData 註解的 Smart Field 使用方法學習UI
- SAP Fiori Launchpad Tile,UI5應用,和PFCG Role的對應關係UI
- 關於 SAP UI5 MessageProcessor 訊息建立的問題UI
- SAP ABAP OData 服務巢狀建立功能的實現步驟(Create Deep)試讀版巢狀
- SAP Fiori應用索引大全索引
- SAP UI5應用訪問OData metadata的url和DestinationUI
- 如何把SAP UI5應用部署到SAP雲平臺的Fiori Launchpad裡去UI
- 如何用 CSS + HTML + JS 建立桌面應用CSSHTMLJS
- SAP UI5 應用的 OData 後設資料請求響應的解析原理分析UI
- 使用 SAP Fiori Tools 部署 SAP UI5 應用到 ABAP 伺服器時遇到的各種錯誤和解決辦法UI伺服器
- SAP CRM Fiori 應用裡無法根據當前文件建立 Followup Opportunity 的原因分析Unity