OpenUI5 SAPUI5 js框架簡單介紹

2021-06-22 17:56:49 字數 1326 閱讀 8294

官方**:

依賴包:

開發sdk包:

什麼是sapui5(openui5)

sapui5

又名openui5,是sap旗下的乙個js前端框架,現在統一叫openui5,因此以下的文件內容也將用openui5統一為該框架名稱。

openui5

在eclipse上的開發

sap推薦在eclipse上進行openui5的開發,所以也直接提供了eclipse外掛程式進行相關支援。在開發過程中可以首選eclipse作為開發工具。

openui5

的搭建和其他的js框架類似,沒有太大的區別,具體可以參考官方的demo。在此要注意的是,openui5的設計模式是mv*,而且openui5已經自己做好了mv*了,所以十分方便。 (

備註:【mv*】這裡可以說mvc也可以說mvp這看個人理解,不需要過多糾結)

openui5

的mv*結構有點特殊,他是通過檔名稱進行定義的,這不僅使檔案的命名強制性的規範了,而且也弱化了檔案的目錄結構,讓整個專案一目了然。

具體如下:

在專案開始時引用框架js是需要注意的,因為他確定了你需要什麼樣的框架包的支援。

上面的這段**是官方要求的引入框架js的結構**,但是我們必須了解其中的每個引數的意思,因為他對專案將要載入什麼檔案,至關重要。

id="sap-ui-bootstrap"---指定了頁面ui的型別

src="resources/sap-ui-core.js"---指定了核心框架包的位置

data-sap-ui-theme="sap_bluecrystal" ---頁面主題樣式定義

data-sap-ui-libs="sap.ui.commons"---指定核心包下的內容塊,為什麼這樣說呢,因為sap倡導的是一套**支援所有平台,所有他的包也被分為了pc端的sap.ui和移動端的sap.m。這是對需要的元件包的支援而指定的,這裡一般引入基本核心包就夠了,但是如果需要其他的openui5包支援,則用逗號隔開一一新增,在新增過程中最好按照包的層級新增(雖然在開發中沒有太大的影響)。

那麼從上面的寫法中我們就能看出來,我們載入的只是基本的sap.ui.commons下的內容,所以如果我們用到了如sap.ui.table下的就找不到了。(具體的看包目錄就懂了)

OpenUI5 SAPUI5 js框架簡單介紹

相關資料 官方 依賴包 開發sdk包 什麼是sapui5 openui5 sapui5又名openui5,是sap旗下的乙個js前端框架,現在統一叫openui5,因此以下的文件內容也將用openui5統一為該框架名稱。openui5在eclipse上的開發 openui5的搭建和其他的js框架類似...

openui5 SAPUI5 元件 專案搭建

openui5官網 目前文件沒有中文版的,因此都是英語。1 doctype html 2 html 3 head 4 meta charset utf 8 5 meta name viewport content width device width,initial scale 1.0 6 titl...

OpenUI5 常用api整理

初學者常會遇到的api,持續更新.注 部分可能是繼承關係.sap.m 觸控裝置和桌面瀏覽器的響應式控制項 sap.ui.layout 布局 sap.ui.table 桌面方案 sap.f sap.tnt 用於管理應用程式的控制項 sap.ui.core 引導核心框架,並通過方法sap.ui.getc...