SAP WEBIDE

SAP WebIDE是SAP云平臺上的一項服務，通過WEBIDE可以非常方便迅速的開發各種企業級云應用。

對于前端應用來說，webide提供了很多的模板來創建項目，比如基于Fiori設計語言的List report, worklist, master-detail, 還有Fiori element應用。

今天通過一個簡單的例子來創建一個Master-detail的UI5應用。

Backend Service

后臺服務使用了一個免費的odata服務：
http://services.odata.org/V2/Northwind/Northwind.svc/

準備-Destination

首先登錄SCP在操作臺創建一個Destination:

Destination服務可以連接到其它的api，避免cors的跨域問題，具體配置如下：

通過模板創建UI5應用

進入WebIDE服務，然后選擇通過模板來創建項目：

選擇Master-detail模板類型：

輸入項目信息：

選擇Destination:

選擇主要的數據字段：

webide會自動生成項目代碼：

對manifest.json做一個小的修改，設置useBatch為false：

"models": {"i18n": {"type": "sap.ui.model.resource.ResourceModel","settings": {"bundleName": "demo.sap.Orders.i18n.i18n"}},"": {"dataSource": "mainService","preload": true,"settings": {"useBatch": false}}},

通過mock數據來測試應用

運行mockServer.html：

結果如下：

運行真實數據的應用

運行index.html：

結果如下：

小結

從零開始構建一個UI5應用非常麻煩，但是webide服務提供了超級方便迅速的方式來快速生成項目代碼。快速的構建可以直接運行的UI5應用。

總結

以上是生活随笔為你收集整理的通过SAP WEBIDE快速构建一个UI5 应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。