官方網(wǎng)站:http://sap.github.io/openui5/
成都創(chuàng)新互聯(lián)專注于企業(yè)成都營銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、萊蕪網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為萊蕪等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。依賴包:https://openui5.hana.ondemand.com/downloads/openui5-runtime-1.16.8-SNAPSHOT.zip
開發(fā)SDK包:https://openui5.hana.ondemand.com/downloads/openui5-sdk-1.16.8-SNAPSHOT.zip
插件地址:https://tools.hana.ondemand.com/juno/
什么是SAPUI5(OpenUI5)
SAPUI5又名OpenUI5,是SAP旗下的一個(gè)js前端框架,現(xiàn)在統(tǒng)一叫OpenUI5,因此以下的文檔內(nèi)容也將用OpenUI5統(tǒng)一為該框架名稱。
OpenUI5在Eclipse上的開發(fā)
SAP推薦在eclipse上進(jìn)行OpenUI5的開發(fā),所以也直接提供了eclipse插件進(jìn)行相關(guān)支持。在開發(fā)過程中可以選eclipse作為開發(fā)工具。
OpenUI5的搭建和其他的js框架類似,沒有太大的區(qū)別,具體可以參考官方的Demo。在此要注意的是,OpenUI5的設(shè)計(jì)模式是MV*,而且OpenUI5已經(jīng)自己做好了MV*了,所以十分方便。
(備注:【MV*】這里可以說MVC也可以說MVP這看個(gè)人理解,不需要過多糾結(jié))
OpenUI5的MV*結(jié)構(gòu)有點(diǎn)特殊,他是通過文件名稱進(jìn)行定義的,這不僅使文件的命名強(qiáng)制性的規(guī)范了,而且也弱化了文件的目錄結(jié)構(gòu),讓整個(gè)項(xiàng)目一目了然。
具體如下:
OpenUI5在項(xiàng)目開始時(shí)引用框架js是需要注意的,因?yàn)樗_定了你需要什么樣的框架包的支持。
上面的這段代碼是官方要求的引入框架js的結(jié)構(gòu)代碼,但是我們必須了解其中的每個(gè)參數(shù)的意思,因?yàn)樗麑?xiàng)目將要加載什么文件,至關(guān)重要。
id="sap-ui-bootstrap"---指定了頁面ui的類型
src="resources/sap-ui-core.js"---指定了核心框架包的位置
data-sap-ui-theme="sap_bluecrystal" ---頁面主題樣式定義
data-sap-ui-libs="sap.ui.commons"---指定核心包下的內(nèi)容塊,為什么這樣說呢,因?yàn)閟ap倡導(dǎo)的是一套代碼支持所有平臺(tái),所有他的包也被分為了PC端的sap.ui和移動(dòng)端的sap.m。這是對需要的組件包的支持而指定的,這里一般引入基本核心包就夠了,但是如果需要其他的OpenUI5包支持,則用逗號隔開一一添加,在添加過程中最好按照包的層級添加(雖然在開發(fā)中沒有太大的影響)。
那么從上面的寫法中我們就能看出來,我們加載的只是基本的sap.ui.commons下的內(nèi)容,所以如果我們用到了如sap.ui.table下的就找不到了。(具體的看包目錄就懂了)
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。