说明
在SAPUI5中,资源通常被称为模块。在这一步中,我们将最后一个练习中的警告替换为来自sap.m库的适当的Message Toast。所需的模块可以异步加载。
预览
Message Toast显示“Hello World”消息
代码
你可以在演练-第6步查看和下载所有文件。
webapp/controller/App.controller.js
sap.ui.define([
"sap/ui/core/mvc/Controller",
"sap/m/MessageToast"
], function (Controller, MessageToast) {
"use strict";
return Controller.extend("sap.ui.demo.walkthrough.controller.App", {
onShowHello : function () {
MessageToast.show("Hello World");
}
});
});
我们将所需模块的数组扩展为sap.m.MessageToast的完全限定路径。一旦加载了Controller和MessageToast两个模块,就会调用回调函数,我们可以通过访问传递给函数的参数来使用这两个对象。
这种异步模块定义(AMD)语法允许清晰地将模块加载与代码执行分离,并极大地提高了应用程序的性能。在执行代码之前,浏览器可以决定何时以及如何加载资源。
约定
- 为控制器和所有其他JavaScript模块使用sap.ui.define来定义一个全局命名空间。通过命名空间,可以在整个应用程序中寻址对象。
- 使用sap.ui.require异步加载依赖关系但不声明名称空间,例如只需执行但不需要从其他代码调用的代码。
- 使用加载的工件的名称来命名函数参数(没有命名空间)。
章节
- 第1步:你好世界
- 第2步:引导
- 第3步:控件
- 第4步:XML视图
- 第5步:控制器
- 第6步:模块
- 第7步:JSON模型
- 第8步:可翻译的文本
- 第9步:组件配置
- 第10步:应用程序描述符
- 第11步:页面和面板
- 第12步:Shell控件作为容器
- 第13步:外边距和内边距
- 第14步:自定义CSS和主题颜色
- 第15步:嵌套视图
- 第16步:对话框和片段
- 第17步:片段回调
- 第18步:图标
- 第19步:重用对话框
- 第20步:聚合绑定
- 第21步:数据类型
- 第22步:表达式绑定
- 第23步:自定义格式器
- 第24步:过滤
- 第25步:排序和分组
- 第26步:远程OData服务
- 第27步:模拟服务器配置
- 第28步:使用QUnit进行单元测试
- 第29步:与OPA的集成测试
- 第30步:调试工具
- 第31步:路由和导航
- 第32步:路由与参数
- 第33步:路由回溯和历史
- 第34步:自定义控件
- 第35步:响应性
- 第36步:设备适应
- 第37步:内容密度
- 第38步:可访问性