本次对之前学习的SAP UI5框架知识进行简单小结，以及重点部分知识的梳理。

1、在UI5使用过程中，命名空间的概念很重要。

2、一般的sap组件引用格式如下：

1. sap.ui.define([  
2.    "sap/ui/core/UIComponent",  
3.    "sap/ui/model/json/JSONModel",  
4.    "sap/ui/model/resource/ResourceModel"], function (UIComponent, JSONModel, ResourceModel)

define后每引用sap的一个组件，后面的function就要传入一个对应的参数。

3、以下是component使用的基本框架：

1. sap.ui.define([  
2.    "sap/ui/core/UIComponent"], function (UIComponent) {  
3.    "use strict";  
4.    return UIComponent.extend("", {  
5.    
6.       init : function () {  
7.          // call the init function of the parent  
8.          UIComponent.prototype.init.apply(this, arguments);  
9. }  
10.    });});

Component的构建流程如上，extend UIComponent这个框架，里面init为初始化函数，里面可以设定其他属性（包括配置模型等），如下：

1. sap.ui.define([  
2.    "sap/ui/core/UIComponent",  
3.    "sap/ui/model/json/JSONModel",  
4.    "sap/ui/model/resource/ResourceModel"], function (UIComponent, JSONModel, ResourceModel) {  
5.    "use strict";  
6.    return UIComponent.extend("sap.ui.demo.wt.Component", {  
7.             metadata : {  
8. rootView: "sap.ui.demo.wt.view.App"  
9. },  
10.       init : function () {  
11.          // call the init function of the parent  
12.          UIComponent.prototype.init.apply(this, arguments);  
13.          // set data model  
14.          var oData = {  
15.             recipient : {  
16.                name : "World"  
17.             }  
18.          };  
19.          var oModel = new JSONModel(oData);  
20.          this.setModel(oModel);  
21.    
22.          // set i18n model  
23.          var i18nModel = new ResourceModel({  
24.             bundleName : "sap.ui.demo.wt.i18n.i18n"  
25.          });  
26.          this.setModel(i18nModel, "i18n");  
27.       }  
28.    });});

4、注意manifest文件在一个应用中的重要性，manifest.json是app的配置文件。

本文由职坐标整理并发布，了解更多内容，请关注职坐标WEB前端HTML5/CSS3频道！