SAPUI5新手教程之六-了解SAPUI5模块概念试用版》微信公众号发表了很多关于SAPUI5工作原理和源码分析的文章,对SAPUI5一无所知的新手在Jerry's文章,什么是入门学习的最佳素材?前面说过,Jerry也是从SAPUI5菜鸟一路走来的,他深知,一个只有ABAP开发背景的开发者,要过渡到SAPUI5开发并不容易因此,我在业余时间设计了这个适合SAPUI5初学者的学习教程,将开发一个完整的SAPUI5应用程序的过程拆分成几个步骤,力求涵盖每个步骤中涉及的所有知识点。这些知识点可能没有我的UI5源码分析系列那么深入,但力求通俗易懂,让SAPUI5初学者也容易看懂。本教程每一步的源码都存放在我的Github上,以文件夹01标识,02,03,等等每一步都是在上一步的基础上,增加了几个新的特征。建议零基础或对SAPUI5了解不多的初学者从第一步开始按顺序循序渐进学习,将这些代码下载到本地,配合教程的文字讲解,自己动手加深理解。如果大家对教程的每一步有什么疑问,欢迎在教程对应的步骤文章中评论留言。这一步介绍的大部分内容实际上已经在本教程的上一步SAPUI5新手教程5:ViewControllers初探中涵盖了。下图是本教程第五步controller的实现源码,其中我们使用sap.ui.define第一行异步加载SAPUI5标准controller实现模块,即第二行sap/ui/核心/mvc/控制器。在上一步中,我们点击了Button控件,弹出对话框是通过浏览器原生的alertAPI实现的。这一步我们更进一步,利用SAPUI5的Toast控件实现弹出对话框。为此,我们需要异步加载Toast控件的实现模块。先看这一步SAPUI5应用的执行效果:点击SayHello按钮后,我们可以看到屏幕下方通过SAPUI5Toast控件显示的是一个HelloWorld,而不是通过SayHello显示的对话框在上一步中发出警报。本步骤完整源码:https://github.com/wangzixi-d...与上一步相比,本步骤除App.controller.js外,以下文件没有变化:index.htmlApp。view.xmlindex.jsApp.controller.js的关键点:关于这几个关键点的详细介绍可以参考我的文章:SAPUI5新手教程第六部分——理解SAPUI5的模块概念。
