如何理解 SAP UI5 的 sap.ui.define 函数

已于 2024-10-12 22:47:58 修改
阅读量772 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： SAP UI5 百科全书 文章标签： mvc javascript html
于 2021-10-09 18:34:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/120677015

Understanding sap.ui.define by Hello World

随着 1.28 版本中 sap.ui.define 函数的引入，SAPUI5 引入了对异步模块定义 (AMD) 的支持。AMD 是 Asynchronous Module Definition 的缩写。

所谓模块(Module)，即是可以在浏览器中加载和执行的 JavaScript 文件。

异步模块定义 (AMD) 是一种 JavaScript API，它指定了一种定义模块及其依赖项的方式，以便它们可以异步加载而无需担心加载顺序。

下面我们通过一个具体的例子来讲解 sap.ui.define 的工作原理。

Create an Application Project for SAPUI5

打开 Eclipse 并转到菜单选项，文件 -> 新建 -> 其他…。 在 New 窗口中，打开节点 SAPUI5 Application Development 并选择 Application Project 选项。 单击下一步按钮。

为项目提供一个名称。 我们称之为 sap

了解本专栏 订阅专栏 解锁全文
SAP UI5 应用中的 sap.ui.require 使用场景
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-04 293
下图是笔者本文介绍的使用场景和明细。其主要用途是，解析一个或多个 SAP UI5 模块依赖关系。工作模式为，单个模块导出值的同步检索（探测）。当使用单个字符串调用时，该字符串被假定为已加载模块的 ID，并返回该模块的导出。如果模块还没有被加载，或者它是一个没有 shim 的非 UI5 模块（例如第三方模块），则返回 undefined。此签名变体允许在不启动模块加载的情况下同步访问 SAP UI5 模块的导出(export).对于已知为 UI5 模块的模块，此签名变体可用于检查模块是否已加载。
如何理解 SAP UI5 的 sap.ui.define 函数？
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
11-28 499
通过方法，可以定义一个 JavaScript 模块。在定义模块时，需要指定模块的 ID、依赖项和工厂函数。// 模块的实现// 返回模块的导出值});在上述例子中，模块的 ID 是 “myModule”，依赖项包括 “dependency1” 和 “dependency2”，工厂函数接收这两个依赖项的导出值，并返回一个包含属性的对象作为模块的导出值。
openui5 java_[OpenUI5] sap.ui.define源码分析
weixin_39588104的博客
02-28 175
jQuery.sap.define通过名字、依赖、模块值或工厂定义一个Javascript模块。jQuery.sap.define函数源码在jquery.sap.global.js，执行时可在sap-ui-core.js中找到。通过判断jQuery.sap.define的sModuleName参数类型是否为string类型，获得参数实际对应使用用途，通过移换参数获得真实的sResourceName...
sap.ui.require in SAP UI5 and require in nodejs
weixin_33908217的博客
04-05 93
2019独角兽企业重金招聘Python工程师标准>>> ...
SAP 宏定义01
qq_34281001的博客
07-13 1334
这里以ALV将fieldcat属性封装为宏为例子：DEFINE %%APPEND_FIELDCAT.(名字前以&&开头，用于区分，并不是强制)CLEAR GS_FIELDCAT. GS_FIELDCAT-COL_POS = &1. GS_FIELDCAT-fieldname = &2. GS_FIELDCAT-outputlen = &3. GS_FIELDCAT-selte
SAP ABAP 学习总结（3）：Define elementary data object（定义基本数据对象）
weixin_42959207的博客
05-22 812
数据定义 长度固定的数据类型，不需要指定长度 D：日期，格式:YYYYMMDD,长度 8 T：时间，格式:HHMMSS,长度 6 I：整型，长度 4 F：小数型，长度 8 STRING：字符串 XSTRING：超字符串 长度不固定的数据类型,需要制定长度 C：字符型 N：数值型，只能存0~9 X：字节型 P：压缩型，金额、数量的时候会用到此类型 数据定义有两个关键字：TYPES和DATA...
以可插拔扩展重塑控制器：全面理解 SAP UI5 中 sap.ui.core.mvc.ControllerExtension
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-28 26
把扩展控制器这件事“语义化、可组合、可推理”。它让我们既能在Before与After之间游刃有余，也能在必要时Instead接管核心流程；既能保持对原控制器、View与Component的完全访问，又把适配与升级的成本降到最低。对需要在标准应用之上叠加企业定制、又不愿牺牲可维护性的团队来说，它是 SAP UI5 里最值得掌握的“稳妥扩展点”。只要把扩展写成“清晰的钩子 + 明确的执行语义”，就能在不惊扰原控制器的情况下，悄无声息地完成一次高质量的功能注入。
让控制逻辑与业务逻辑各归其位：全面理解 SAP UI5 enum sap.ui.model.FilterType
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-04 7
把当作“长效约束”，把Control当作“交互瞬时”；始终在filter调用中显式传入FilterType，避免“标准行为”的不确定性；在 OData V2 注意“路径分组”的 AND/OR 规则；在 OData V4 遵循服务端$filter的推荐做法与操作模式设置；不要把 Smart Filter Bar 的filterType与混用，二者语义不同、命名空间不同。SAP在模块依赖中显式引入，符合官方的加载最佳实践。GitHub。
用 Mock 数据把后端装进口袋：深入解析 SAP UI5 class sap.ui.core.util.MockServer
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-29 19
有些调用（例如函数导入）并不会被 MockServer 自动模拟，这时可以把它实现成一条自定义请求规则，或用在内置处理后对结果做二次加工。模拟函数导入：取出push一条的规则；response里使用同步再次发起对Meetups?的调用（仍由 MockServer 拦截处理），拿到数据后作为函数导入的返回。裁剪列表：用，在内置处理结束后从里splice掉多余项，达到 A/B 用例的精确控制。
sapui5 组件重用
Olivia1202的博客
09-26 591
在sapui5中可以提取一些公用的函数或组件，由其他App调用，这里只简单的例举出一个例子。 1，生成library 2，抽取共通函数，这里做成一个简单的js文件，实装了一个方法用于返回字符串。需要注意js文件的路径。 sap.ui.define([ "sap/ui/base/Object" ], function (Object) { ...
6. SAP UI5 的模块(Module)概念讲解
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
10-09 3343
本步骤介绍的大部分内容，其实在本教程前一步骤 SAP UI5 初学者教程之五：视图控制器初探已经涉及到了。 下图是本教程第五步骤里控制器的实现源代码，其中我们使用第一行的 sap.ui.define, 异步加载 SAP UI5 标准的控制器实现模块，即第二行的 sap/ui/core/mvc/Controller. 前一步骤我们点击 Button 控件，弹出的对话框采取浏览器原生的 alert API 实现。 本步骤我们更进一步，将弹出对话框采取 SAP UI5 的 Toast 控件实现。为此，我们需要异
SAPUI5学习第三天-----（04）接下来轮到module和JSON module了！
'尤其是十月的风'的博客
05-28 486
上菜，module！ 在SAPUI5中，资源通常被称为模块。在这一步中，我们将最后一个练习中的警告替换为来自sap.m库的适当的Message Toast。所需的模块可以异步加载。 webapp/controller/App.controller.js sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast" ], function (Controller, MessageToast) { "use stric
SAPUI5 (09) - 模块化
王敏的专栏
01-03 4241
JavaScript并没有对模块提供内在支持，下一代版本(ECMAScript 2015)将提供，ECMAScript 2015可能还需要相当长的一段时间才能普及。本篇介绍sapui5提供对模块的支持以及使用sap.ui.define()定义controller。
SAP UI5 数据绑定中的工厂函数
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-10 380
工厂函数是一种更强大的从模型数据创建控件的方法。 为控件聚合的每个条目调用工厂函数，开发人员可以决定每个条目是否应由具有不同属性的相同控件表示，甚至每个条目由完全不同的控件表示。 工厂函数带有参数sId，它应该用作新控件的ID，以及oContext，它用于访问条目的模型数据。 返回的对象必须是 sap.ui.core.Element 类型。 下面是如何在 XML 视图和控制器中使用来自 List Binding（Aggregation Binding）的 JSON 模型数据来实现此场景： <mvc:V
Facelets UI 标签参考
yianpuodiaotu的专栏
02-25 272
【转载】http://lalalabs.blog.163.com/blog/static/943252022009113693235/ ui:composition    UI Composition标签是一个模板标签，它包装的内容被列在另一个Facelet中。任何UI Composition标签外的内容会被Facelets 视图处理器忽略。当另一个Facelets页面包含了具有UI Compo...
abap 中:module ,form, method ,function, define 的区别和联系
08-22 5923
module：在屏幕开发中使用。在屏幕开发中，有PBO和PAI两个模块，PBO和PAI中可以写多个module，在程序执行调用屏幕的时候，在显示屏幕之前，PBO下面的所有的module的代码都会执行一次；在用户输入以后，进行任何一个操作，PAI下面所有的module的代码都会执行一次。 form：子程序。将一些程序逻辑进行分类写成子程序，可以使程序的逻辑更加清晰。对于大量的重复使用的代码也可以
SAPUI5 (20) - 在 Component 中封装启动代码
王敏的专栏
02-18 4489
本篇对上篇的 Master-detail 代码进行重构。SAP Fiori 的 app 并不是通过 index.html 启动的，而是通过 Component 启动，因为 Launchpad 包含多个app。所以我们学习 OpenUI5 也应该是熟悉这种模式。
HTML5开发移动web应用——SAP UI5篇(5)
fareise的博客
02-15 2712
了解掌握了MVC中的V和C，这次我们来学习一下M数据模型这一部分的内容。     首先，修改App.controller.js文件的内容，代码如下： sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "sap/ui/model/json/JSONModel"], function (Cont
HTML5开发移动web应用——SAP UI5篇(7)
fareise的博客
02-17 2215
SAPUI5中支持利用Component对组件进行封装。想封装一个组件，Component的基本代码如下： sap.ui.define([ "sap/ui/core/UIComponent"], function (UIComponent) { "use strict"; return UIComponent.extend("", { init : functio
sap.ui.require 和sap.ui.define 的区别
09-10
sap.ui.require 和 sap.ui.define 是 SAPUI5 框架中用于模块加载和定义的两个函数。 sap.ui.require 用于加载模块，并在加载完成后立即执行模块中的代码。 sap.ui.define 用于定义模块，可以在定义时或在后面的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值