SAP WEBIDE

SAP WebIDE是SAP云平臺(tái)上的一項(xiàng)服務(wù)，通過(guò)WEBIDE可以非常方便迅速的開發(fā)各種企業(yè)級(jí)云應(yīng)用。

對(duì)于前端應(yīng)用來(lái)說(shuō)，webide提供了很多的模板來(lái)創(chuàng)建項(xiàng)目，比如基于Fiori設(shè)計(jì)語(yǔ)言的List report, worklist, master-detail, 還有Fiori element應(yīng)用。

今天通過(guò)一個(gè)簡(jiǎn)單的例子來(lái)創(chuàng)建一個(gè)Master-detail的UI5應(yīng)用。

Backend Service

后臺(tái)服務(wù)使用了一個(gè)免費(fèi)的odata服務(wù)：
http://services.odata.org/V2/Northwind/Northwind.svc/

準(zhǔn)備-Destination

首先登錄SCP在操作臺(tái)創(chuàng)建一個(gè)Destination:

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

通過(guò)模板創(chuàng)建UI5應(yīng)用

進(jìn)入WebIDE服務(wù)，然后選擇通過(guò)模板來(lái)創(chuàng)建項(xiàng)目：

選擇Master-detail模板類型：

輸入項(xiàng)目信息：

選擇Destination:

選擇主要的數(shù)據(jù)字段：

webide會(huì)自動(dòng)生成項(xiàng)目代碼：

對(duì)manifest.json做一個(gè)小的修改，設(shè)置useBatch為false：

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

通過(guò)mock數(shù)據(jù)來(lái)測(cè)試應(yīng)用

運(yùn)行mockServer.html：

結(jié)果如下：

運(yùn)行真實(shí)數(shù)據(jù)的應(yīng)用

運(yùn)行index.html：

結(jié)果如下：

小結(jié)

從零開始構(gòu)建一個(gè)UI5應(yīng)用非常麻煩，但是webide服務(wù)提供了超級(jí)方便迅速的方式來(lái)快速生成項(xiàng)目代碼。快速的構(gòu)建可以直接運(yùn)行的UI5應(yīng)用。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。