好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html5教程-HTML5开发移动web应用――SAP UI5篇(8)

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

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

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

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

 sap.ui. define ([    "sap/ui/core/UI component ",    "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("", {         in IT  : function () {          // call the init function of the parent          UIComponent. PR ototy PE .init.apply(this,  argument s); }    });});

Component的构建流程如上,extendUIComponent这个框架,里面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 .COM ponent", {             metadata : { rootView: "sap.ui.demo.wt.view.App" },       init : function () {          // call the init function of the parent          UIComponent.prototype.init.apply(this,  arg uments);          // set data model           VAR  oData = {             recipient : {                n am e : "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的配置文件。

本次对之前学习的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的构建流程如上,extendUIComponent这个框架,里面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的配置文件。

觉得 可用,就经常来吧! 欢迎评论哦!&nbs p; html5教程 ,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是 为你收集整理的 html5教程-HTML5开发移动web应用――SAP UI5篇(8) 全部内容,希望文章能够帮你解决 html5教程-HTML5开发移动web应用――SAP UI5篇(8) 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于html5教程-HTML5开发移动web应用――SAP UI5篇(8)的详细内容...

  阅读:56次