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。让我们共同学习,共同进步吧。