本教程的前一个步骤也就是第四个步骤,我们了解了 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

下面是具体的实现步骤。

in

SAP UI5 应用开发教程之五:视图控制器初探相关推荐

  1. SAP UI5 应用开发教程之五十八 - 使用工厂方法在运行时动态创建不同类型的列表行项目控件试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  2. SAP UI5 应用开发教程之五十七 - 基于 OData 注解的 Smart Field 使用方法学习试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  3. SAP UI5 应用开发教程之五十六 - SAP UI5 树控件(tree)的开发试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  4. SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. SAP UI5 应用开发教程之五十四 - 如何将本地 SAP UI5 应用配置到本地 Fiori Launchpad 中的试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  6. SAP UI5 应用开发教程之五十三 - 如何自定义 SAP UI5 数据类型(Data Type)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  8. SAP UI5 应用开发教程之五十九 - 如何在 SAP UI5 应用里显示世界地图试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  9. SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描试读版

    本教程之前的这几篇文章,算是围绕着 SAP UI5 和 Cordova 的一个小系列: SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能 - 通过这篇文章介绍 ...

  10. SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI5 的标准控件结合 Cordova 插件调用手机摄像头进行条形码扫描

    本教程之前的这几篇文章,算是围绕着 SAP UI5 和 Cordova 的一个小系列: SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能 - 通过这篇文章介绍 ...

最新文章

  1. Cocos Creator中按钮组件数组的使用
  2. PHP中预定义的超全局数组
  3. centos 打开pdo_mysql_centos中添加php扩展pdo_mysql步骤
  4. 媒体服务器协议,媒体服务器介绍(mediactrl架构)
  5. 【LeetCode】剑指 Offer 51. 数组中的逆序对
  6. 计算机大学一个专业几个班,2016年兰州大学计算机类(含基地班、计算机科学与技术等4个专业)专业最低分是多少?...
  7. Referenced file contains errors (http://www.springframework.org/schema/context/spring-context-3.1.xs
  8. 农村这么好,为什么感觉大家都不想在农村生活呢?
  9. 《SaaS架构设计》新书SD会议首发签售
  10. 连范例都不跑,大哥你怎么知道你的代码正确?
  11. oracle 存储过程 基础
  12. 使用gsds绘制基因结构图_使用 GSDS 绘制基因结构图
  13. Longhorn 企业级云原生容器存储解决方案-部署篇
  14. 重读《从菜鸟到测试架构师》-- 构建的过程
  15. php面试题狼兔,面试题总结 - 疯狂的兔子的个人空间 - OSCHINA - 中文开源技术交流社区...
  16. systemd服务详解
  17. 深信服EDR产品线实施遇到的问题
  18. 如何应对VB中对象库注册失败(MSCOMCTL.OCX)
  19. Ubuntu 高性能模式
  20. 全国软件测试培训机构名单已发布

热门文章

  1. Linux下CURL设置请求超时时间
  2. Python核心编程第四章
  3. 单机搭建Android开发环境(五)
  4. Linux中文件权限的一些知识
  5. nginx+tomcat+php(tomcat的session共享设置)
  6. 安装linux桌面总结
  7. eclipse使用working set
  8. jQuery中操作元素节点appendTo()与prependTo()的区别
  9. Qt学习之路(2):Hello, world!
  10. 创业者应具备的基本商业知识