OpenUI5 (SAPUI5) js框架简单介绍
admin
2023-02-10 22:00:08
0

相关资料

官方网站: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  (SAPUI5) js框架简单介绍


OpenUI5在项目开始时引用框架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框架简单介绍

相关内容

热门资讯

国务院成立广西六蓝水库溃坝灾害... 7月6日,广西南宁横州市六蓝水库发生溃坝,造成重大人员伤亡。根据国家有关法律法规规定,国务院成立调查...
倚美搞事,菲律宾政府连“为奴”... 南海的风浪,很大一部分是菲律宾政府自己搅起来的。近年来,菲政府在仁爱礁、黄岩岛等地小动作频频,不仅频...
雨花台区企业摘得国家科学技术进... 晨报讯(南京晨报/爱南京记者 陈彦)记者从南京市雨花台区获悉,在新近揭晓的2025年度国家科学技术奖...
美国公布新关税措施,日本、澳大... 据法新社、澳大利亚广播公司(ABC)报道,针对美国将于美东时间24日以所谓“强迫劳动”为名对数十个国...
济南大数据集团激活数据要素潜能... 走进“泉数汇·数港”线下体验空间,健康画像、求职背调、“泉涌”工作站等数据产品一字排开,来访者可以像...
太保寿险河南分公司举办员工家庭... 5月22日,中国太保寿险河南分公司在郑州举办绩优干部员工家庭开放日活动,邀请员工家属走进企业,参观办...
“展现了推动人工智能普惠向善发... 7月17日至20日,2026世界人工智能大会暨人工智能全球治理高级别会议在上海举行,习近平主席出席开...
多地官宣结婚生娃发钱,最高20... 近日,广东佛山顺德陈村镇大都村通过股东会议表决,将生育结婚奖励政策纳入《佛山市顺德区陈村镇大都村股份...
蒋万安、卢秀燕、谢国梁开记者会... 海峡导报综合报道 民进党当局核准台湾“中联”19批油品即日起重新上架,台“食药署”23日首度公布共计...
西门子洗衣机不工作了什么原因 西门子洗衣机不工作了什么原因1、可能是使用时间太久了,导致洗衣机内部零件出现了问题。2、可能是长时间...