公众号:SAP Technical
本文作者:matinal
 

前言部分

大家可以关注我的公众号,公众号里的排版更好,阅读更舒适。

正文部分

相关资料

官方网站:http://sap.github.io/openui5/

依赖包:https://openui5.hana.ondemand.com/downloads/openui5-runtime-1.16.8-SNAPSHOT.zip

开发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旗下的一个js前端框架,现在统一叫OpenUI5,因此以下的文档内容也将用OpenUI5统一为该框架名称。

OpenUI5在Eclipse上的开发

SAP推荐在eclipse上进行OpenUI5的开发,所以也直接提供了eclipse插件进行相关支持。在开发过程中可以首选eclipse作为开发工具。

框架的搭建

OpenUI5的搭建和其他的js框架类似,没有太大的区别,具体可以参考官方的Demo。在此要注意的是,OpenUI5的设计模式是MV*,而且OpenUI5已经自己做好了MV*了,所以十分方便。

(备注:【MV*】这里可以说MVC也可以说MVP这看个人理解,不需要过多纠结)

OpenUI5的MV*结构有点特殊,他是通过文件名称进行定义的,这不仅使文件的命名强制性的规范了,而且也弱化了文件的目录结构,让整个项目一目了然。

OpenUI5在项目开始时引用框架js是需要注意的,因为他确定了你需要什么样的框架包的支持。

1

2

<script  id="sap-ui-bootstrap"  src="resources/sap-ui-core.js" data-sap-ui-theme="sap_bluecrystal"  data-sap-ui-libs="sap.ui.commons">

</script>

上面的这段代码是官方要求的引入框架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下的就找不到了。(具体的看包目录就懂了)

【FIORI系列】SAP OpenUI5 (SAPUI5) js框架简单介绍的更多相关文章

  1. jQuery系列 第一章 jQuery框架简单介绍

    第一章 jQuery框架简单介绍 1.1 jQuery简介 jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事 ...

  2. Django - Django框架 简单介绍

    Django框架 简单介绍 本文地址: http://blog.csdn.net/caroline_wendy/article/details/29172271 1. 介绍 Django是一个开放源码 ...

  3. Python -- Scrapy 框架简单介绍(Scrapy 安装及项目创建)

    Python -- Scrapy 框架简单介绍 最近在学习python 爬虫,先后了解学习urllib.urllib2.requests等,后来发现爬虫也有很多框架,而推荐学习最多就是Scrapy框架 ...

  4. Rebound动画框架简单介绍

    Rebound动画框架简单介绍 Android菜鸟一枚,有不对的地方希望大家指出,谢谢. 最近在接手了一个老项目,发现里面动画框架用的是facebook中的Rebound框架,由于以前没听说过,放假时 ...

  5. C# 基础知识系列- 6 Lambda表达式和Linq简单介绍

    前言 C#的lambda和Linq可以说是一大亮点,C#的Lambda无处不在,Linq在数据查询上也有着举足轻重的地位. 那么什么是Linq呢,Linq是 Language Intergrated ...

  6. 前端框架VUE----node.js的简单介绍

    一.什么是node.js? 它是可以运行JavaScript的服务平台,可以吧它当做一门后端程序,只是它的开发语言是JavaScript 二.安装 1.node.js的特性: - 非阻塞IO模型 - ...

  7. 一:【nopcommerce系列】Nop整体架构的简单介绍,在看nop代码之前,你需要懂哪些东西

    首先,我看的是Nop 3.80,最新版 百度资料很多,Nop用到的主要的技术有: 1.Mvc,最新版用的是 5.2.3.0 2.entity framework 3.autofac 4.插件化 5.( ...

  8. PWA(Progressive Web App)入门系列:(一)PWA简单介绍

    前言 PWA做为一门Google推出的WEB端的新技术,长处不言而喻.但眼下对于相关方面的知识不是非常丰富.这里我推出一下这方面的新手教程系列.提供PWA方面学习. 什么是PWA PWA全称Progr ...

  9. Live555 实战之框架简单介绍

    作者:咕唧咕唧liukun321 来自:http://blog.csdn.net/liukun321 上一篇文章简要介绍了怎样以共享库的方式交叉编译Live555,今天再来介绍live源代码框架. 先 ...

随机推荐

  1. ubuntu 配置smb后无法访问

    配置如下 [/gscloud] path = /gscloud browseable = yes writable = yes guest ok = yes read only = no create ...

  2. 彻底解决 TypeScript 报错:“无法重新声明块范围变量”的问题

    背景 当使用 TypeScript + TSlint + Babel + Jest 搭建开发环境时,在开发过程中偶尔会被 IDE 提示「无法重新声明块范围变量」,从而导致编译出错,报错图示如下: 相关 ...

  3. 【bzoj2300】【Luogu P2521】 [HAOI2011]防线修建 动态凸包,平衡树,Set

    一句话题意:给你一个凸包,每次可以插入一个点或者询问周长. 动态凸包裸题嘛,用\(Set\)实现.最初每个点坐标做乘三处理,便于取初始三角形的重心作为凸包判定原点. #include <bits ...

  4. sourceTree 添加 ssh key 方法

    1.使用 git 客户的生成公私钥:id_rsa.id_rsa.pub 1.1设置Git的user name和email: $ git config --global user.name " ...

  5. 【UOJ#450】[集训队作业2018] 复读机

    题目链接 题目描述 群里有\(k\)个不同的复读机.为了庆祝平安夜的到来,在接下来的\(n\)秒内,它们每秒钟都会选出一位优秀的复读机进行复读.非常滑稽的是,一个复读机只有总共复读了\(d\)的倍数次 ...

  6. C++为什么不可以把一个数组直接赋值给另一个数组

    今天好奇一个问题, int a[3] = {1,2,3]; int b[3]; b=a; 编译器报错, 网上找了一圈, 大概明白: C++就是如此设定的, 数组不能直接赋值, 可以使用std::cop ...

  7. JAVA笔记13-异常处理Exception

    掌握:一个图(分类).五个关键字(try catch finally throws throw) 一.概念 定义: 异常指的是运行期出现的错误(如除0溢出,空指针,数组/字符串下标越界,所要读取的文件 ...

  8. 【NOIP2016提高A组模拟8.17】(雅礼联考day1)Binary

    题目 分析 首先每个数对\(2^i\)取模.也就是把每个数的第i位以后删去. 把它们放进树状数组里面. 那么当查询操作, 答案就位于区间\([2^i-x,2^{i-1}-1-x]\)中,直接查询就可以 ...

  9. 手动安装jar包到maven仓库

    1.手动安装jar包到maven仓库 本地没有下载安装maven,但是eclipse已经集成的maven. 选中任何一个maven项目,右键/Run as/maven build... 在Goals输 ...

  10. C语言 - C语言简介

    一.C语言的发展史 C语言的发展离不开B语言,我们先从B语言说起.在1970年时,贝尔实验室的肯.汤姆逊将BCPL语言进行修改,由于肯.汤姆逊是从BCPL语言进行修改,因此,此时B语言就诞生了,B的含 ...