IT干货网

UI5-文档-4.6-Modules

sanshao 2022年03月09日 SAP 228 0

在SAPUI5中,资源通常被称为模块。在这一步中,我们将上次练习中的警报替换为sap.m库中的适当消息Toast。所需的模块可以异步加载。

Preview

A message toast displays the "Hello World" message

Coding

You can view and download all files at Walkthrough - Step 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"); 
 
      } 
 
   }); 
 
});

这种异步模块定义(AMD)语法允许将模块加载与代码执行清晰地分开,并极大地提高了应用程序的性能。浏览器可以在代码执行之前决定何时以及如何加载资源。我们使用到sa .m. messagetoast的完全限定路径扩展了所需模块的数组。一旦加载了两个模块Controller和MessageToast,就会调用回调函数,我们可以通过访问传递给函数的参数来利用这两个对象.

Conventions

  •使用sap.ui.define for controllers和所有其他JavaScript模块来定义一个全局命名空间。通过名称空间,可以在整个应用程序中处理对象。

  •使用sap.ui.require异步加载依赖项但不声明名称空间,例如只需要执行但不需要从其他代码调用的代码。

  •使用工件的名称来加载函数参数的命名(没有名称空间)。

Parent topic: Walkthrough

Previous: Step 5: Controllers

Next: Step 7: JSON Model

Related Information

API Reference:sap.ui.define

API Reference:sap.ui.require


评论关闭
IT干货网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!