SAP UI5的由來
SAP UI5是SAP UI Development Toolkit for HTML5的簡稱,是SAP公司開發的基於HTML5的開發工具包。
目前市面上的前端開發工具包有很多,比如Bootstrap、Angular、Vue等等,為什么SAP還要開發UI5呢?原因是SAP一直想完成一件大事,就是提升用戶體驗。
對SAP有點了解的人都知道,傳統的SAP GUI雖然功能非常強大,但是界面實在是。。。跟不上時代的潮流了。於是乎SAP Fiori應運而生。
等等,不是說UI5嗎,怎么出來個Fiori?
是這樣的,SAP Fiori是SAP開發的一整套的用戶交互系統,全稱SAP Fiori User Experience。Fiori是意大利語“花”的意思,應該是SAP想讓用戶界面美得像花兒一樣。
既然是用戶交互系統,就有前端和后端,SAP Fiori的前端就是SAP UI5。
除了美得像花兒一樣,SAP UI5還能為用戶實現跨設備(智能手機、平板電腦或台式機)體驗一致性,UI控件能夠自動適應每個設備的屏幕顯示。
后來SAP還將UI5開源,就是OPEN UI5,相當於簡化版的SAP UI5,但是重要功能都有。簡而言之,為了提升用戶體驗,SAP開發了框架SAP UI5用來實現SAP Fiori用戶交互系統。
SAP UI5的架構
SAPUI5支持模型-視圖-控制器(MVC)模式。
Model層用odataModel與server交互;
View支持四種語言編寫:HTML,XML,JS,JSON,SAP推薦使用XML;
Controller使用JavaScript。
SAP UI5提倡結構簡單化。例如controller都在controller文件夾下,以*.controller.js命名,XML view都在view文件夾下,以*.view.xml命名。
SAP UI5的學習建議
開發環境
eclipse上有SAP UI5的插件,可以用來開發SAP UI5,但是建議使用WEB IDE,因為WEB IDE從時間上比eclipse要晚出現,相對來說更加新一點,而且WEB IDE支持線上和本地開發,推薦使用線上開發。
而且WEB IDE還提供了智能控件,如Master Details,輕松實現復雜界面。之后的練習也使用WEB IDE開發。
學習路線
使用SAP UI5 SDK中的walkthrough一步一步學習。
鏈接:https://ui5.sap.com/#/topic/3da5f4be63264db99f2e5b04c5e853db
使用WEB IDE開發的話可以在SAP Cloud Platform Cockpit上使用Neo試用賬戶做練習。
之后我會以walkthrough上的步驟來一步一步練習,由淺入深學習SAP UI5。讓我們共同學習,共同進步吧。