本次对之前学习的 SAP UI5 框架知识进行简单小结。以及重点部分知识的梳理。
1、在 UI5 使用过程中,命名空间的概念非常重要。
2、一般的 sap 组件引用格式例如以下:
- sap.ui.define(["sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"],
- function(UIComponent, JSONModel, ResourceModel)
define 后每引用 sap 的一个组件。后面的 function 就要传入一个相应的參数。
3、下面是 component 使用的基本框架:
- sap.ui.define(["sap/ui/core/UIComponent"],
- function(UIComponent) {
- "use strict";
- return UIComponent.extend("", {
- init: function() {
- // call the init function of the parent
- UIComponent.prototype.init.apply(this, arguments);
- }
- });
- });
Component 的构建流程如上,extend UIComponent 这个框架,里面 init 为初始化函数。里面能够设定其它属性(包含配置模型等),例如以下:
- sap.ui.define(["sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"],
- function(UIComponent, JSONModel, ResourceModel) {
- "use strict";
- return UIComponent.extend("sap.ui.demo.wt.Component", {
- metadata: {
- rootView: "sap.ui.demo.wt.view.App"
- },
- init: function() {
- // call the init function of the parent
- UIComponent.prototype.init.apply(this, arguments);
- // set data model
- var oData = {
- recipient: {
- name: "World"
- }
- };
- var oModel = new JSONModel(oData);
- this.setModel(oModel);
- // set i18n model
- var i18nModel = new ResourceModel({
- bundleName: "sap.ui.demo.wt.i18n.i18n"
- });
- this.setModel(i18nModel, "i18n");
- }
- });
- });
4、注意 manifest 文件在一个应用中的重要性,manifest.json 是 app 的配置文件。
来源: http://www.bubuko.com/infodetail-2226104.html