【IDEA-SAPUI5-Walkthrough学习】Step5:Controller控制器

描述：将文本替换为一个按钮，并在按钮被按下时显示“Hello World”消息。按钮按下事件的处理是在视图的控制器中实现的。

结合前面的学习，这节比较好理解，没有新的知识点，只需要进行一个小总结串联一下前面的内容

webapp/view/App.view.xml

<mvc:View
   controllerName="sap.ui.demo.walkthrough.controller.App"
   xmlns="sap.m"
   xmlns:mvc="sap.ui.core.mvc">
   <Button
      text="Say Hello"
      press=".onShowHello"/>
</mvc:View>

创建webapp/controller/App.controller.js

sap.ui.define([
   "sap/ui/core/mvc/Controller"
], function (Controller) {
   "use strict";
   return Controller.extend("sap.ui.demo.walkthrough.controller.App", {
      onShowHello : function () {
         // show a native JavaScript alert
         alert("Hello World");
      }
   });
});

基于上一步加载xml视图，我们的文件结构目前如下，

各个文件逻辑关系：

js文件通过viewName指定加载相关view.xml文件，通过placeAt函数将该xml视图加载到html文件中id为content的节点，显示在浏览器中。xml文件通过controllerName指定加载相关控制器controller.js文件

简化：html <=placeAt=> js <=viewName=> xml <=controllerName=> controller.js

tips：
控制器名称大写
控制器具有与相关视图相同的名称(如果有1:1的关系)
事件处理程序的前缀是on
控制器名称总是以*.controller.js结尾