本教程的前一个步骤也就是第四个步骤,我们了解了 SAP UI5 XML 视图的使用方法。在该步骤里,我们在 XML 视图里声明了一个 Text 控件实例,该控件位于 sap.m 这个命名空间内。
本步骤会继续接触 SAP UI5 MVC 框架中三大基石的另一块:C - Controller,即控制器。
先看看本步骤完成之后,我们得到的 SAP UI5 应用能实现一个什么样的效果。
访问如下 url:
http://localhost:8080/webapp/index.html
能看到一个 Say Hello 的按钮:
点击之后,看到一个 Hello World 的对话框:
这也是我们学习 SAP UI5 开发的场景里,第一次响应用户的交互操作。点击按钮后的事件处理逻辑,就编写在我们本步骤要学习的视图控制器内部。
本步骤的全部源代码,照例在我的 Github 上提供下载:
https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/05
下面是具体的实现步骤。