1 WebStorm開發(fā)配置
1.1 下載OpenUI5 Development Plugin
點(diǎn)擊目錄File->Setting，添加 SAP/OpenUI5 Development Plugin 插件，安裝完成重啟項(xiàng)目
1.2 新建UI5項(xiàng)目
在WebStorm中新建項(xiàng)目，選擇UI5 Application
在命令行中，首先
npm install grunt-cli -g全局安裝grunt構(gòu)建工具，然后在項(xiàng)目目錄下通過npm install安裝依賴，安裝完成后，grunt serve啟動(dòng)項(xiàng)目在main.view.xml 中添加text標(biāo)簽
通過瀏覽器查看
1.3 訪問odata 測(cè)試
在manifest中配置datasource
"ach": "ach",
"dataSources": {
"invoiceRemote": {
"uri": "http://services.odata.org/V2/Northwind/Northwind.svc/",
"type": "OData",
"settings": {
"odataVersion": "2.0"
}
}
}
......
"models": {
"i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"settings": {
"bundleName": "test1.i18n.i18n"
}
},
"invoice": {
"dataSource": "invoiceRemote"
}
在xml頁面中添加list組件
<content>
<Text text = "hello world"/>
<List
headerText="Invoice"
class="sapUiResponsiveMargin"
width="auto"
items="{invoice>/Invoices}">
<items>
<ObjectListItem
title="{invoice>Quantity} x {invoice>ProductName}" />
</items>
</List>
</content>
新建chrome快捷方式，在目標(biāo)后面添加-disable-web-security --user-data-dir關(guān)閉同源校驗(yàn)
打開瀏覽器訪問
