• SAP UI5学习笔记之(一)初识SAP UI5


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

  • 相关阅读:
    【codevs1515】 跳
    【bzoj1227】 SDOI2009—虔诚的墓主人
    【bzoj3505】 Cqoi2014—数三角形
    【bzoj1059】 ZJOI2007—矩阵游戏
    【poj2122】 Optimal Milking
    【poj2455】 Secret Milking Machine
    【poj3084】 Panic Room
    【poj2699】 The Maximum Number of Strong Kings
    【bzoj3218】 a + b Problem
    【bzoj3122】 Sdoi2013—随机数生成器
  • 原文地址:https://www.cnblogs.com/snaildreams/p/13356845.html
Copyright © 2020-2023  润新知