SAP UI5 index.html 里的 bootstrap script 介绍

简介: SAP UI5 index.html 里的 bootstrap script 介绍

SAP UI5 应用程序的 index.html 文件中,通常有一行类似于以下代码的声明:

<script id="sap-ui-bootstrap"
  src="resources/sap-ui-core.js"
  data-sap-ui-theme="sap_belize"
  data-sap-ui-libs="sap.m"
  data-sap-ui-compatVersion="edge"
  data-sap-ui-resourceroots='{"<yourAppName>": "./"}'>
</script>


这行代码的主要目的是加载 SAP UI5 应用程序所需的 JavaScript 库和配置信息,以及指定应用程序的名称和资源路径等信息。


具体来说,这行代码中的各个属性和值的含义如下:


  • id=“sap-ui-bootstrap”:指定该脚本标签的 ID,方便其他 JavaScript 代码对其进行引用。
  • src=“resources/sap-ui-core.js”:指定加载 SAP UI5 应用程序所需的 JavaScript 库的路径,这里指定加载的是 sap-ui-core.js 文件。


sap-ui-core.js 是 SAP UI5 的核心 JavaScript 文件之一,是 SAP UI5 应用程序的必要文件之一。它的主要作用是加载 SAP UI5 库和相关资源,包括:


(1) 加载 SAP UI5 库和模块:sap-ui-core.js 文件中包含了 SAP UI5 库和各种模块的定义,通过该文件的加载,SAP UI5 应用程序可以访问和使用 SAP UI5 的各种功能和组件,如控件库、数据模型、路由等。


(2) 处理 SAP UI5 应用程序的配置:在加载 sap-ui-core.js 文件时,可以通过指定一系列属性来配置 SAP UI5 应用程序,例如指定应用程序的主题、语言、资源路径等。


(3) 处理 SAP UI5 应用程序的启动:在 sap-ui-core.js 文件中,还包括了 SAP UI5 应用程序的启动逻辑,负责启动应用程序并渲染应用程序的界面和功能。


需要注意的是,sap-ui-core.js 文件只包含了 SAP UI5 库和模块的定义,并不包含应用程序的业务逻辑和界面代码。应用程序的业务逻辑和界面代码需要在应用程序中自行编写和定义,并通过 sap.ui.define 函数或其他方式进行加载和引用。


  • data-sap-ui-theme=“sap_belize”:指定应用程序的主题,这里使用的是 SAP UI5 中的标准主题 “sap_belize”。
  • data-sap-ui-libs=“sap.m”:指定应用程序所需的库,这里只加载了 sap.m 库,即 SAP UI5 中的移动设备库,该库提供了一组移动设备优化的控件和功能。
  • data-sap-ui-compatVersion=“edge”:指定 SAP UI5 应用程序所需的兼容版本,这里使用了最新版本 “edge”。
  • data-sap-ui-resourceroots=‘{“”: “./”}’:指定应用程序的名称和资源路径,这里使用了 JSON 格式的字符串来表示。其中 指代应用程序的名称,这里可以替换成具体的应用程序名称;“./” 指代应用程序的资源路径,即应用程序的根目录。


下图是一个例子:


cdcd62a9db9d5863fbf581170a15fbfb_c184be15d6052e0add06306bc5fe5d5d.png


通过这行代码的声明,SAP UI5 应用程序可以正确加载和解析所需的 JavaScript 库和配置信息,并且可以正确定位应用程序的资源路径,从而正确渲染应用程序的界面和功能。


相关文章
|
6月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
6月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
6月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
6月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
|
6月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
6月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
6月前
|
Web App开发 前端开发 JavaScript
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
|
6月前
|
Web App开发 JSON JavaScript
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
|
6月前
|
XML 数据处理 数据格式
什么是 SAP UI5 XML Templating 技术
什么是 SAP UI5 XML Templating 技术