第6步:模块

说明

在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. 第1步:你好世界
2. 第2步:引导
3. 第3步:控件
4. 第4步:XML视图
5. 第5步:控制器
6. 第6步:模块
7. 第7步:JSON模型
8. 第8步:可翻译的文本
9. 第9步:组件配置
10. 第10步:应用程序描述符
11. 第11步:页面和面板
12. 第12步:Shell控件作为容器
13. 第13步:外边距和内边距
14. 第14步:自定义CSS和主题颜色
15. 第15步:嵌套视图
16. 第16步:对话框和片段
17. 第17步:片段回调
18. 第18步:图标
19. 第19步:重用对话框
20. 第20步:聚合绑定
21. 第21步:数据类型
22. 第22步:表达式绑定
23. 第23步:自定义格式器
24. 第24步:过滤
25. 第25步:排序和分组
26. 第26步:远程OData服务
27. 第27步:模拟服务器配置
28. 第28步:使用QUnit进行单元测试
29. 第29步:与OPA的集成测试
30. 第30步:调试工具
31. 第31步:路由和导航
32. 第32步:路由与参数
33. 第33步:路由回溯和历史
34. 第34步:自定义控件
35. 第35步:响应性
36. 第36步:设备适应
37. 第37步:内容密度
38. 第38步:可访问性